@policystudio/policy-studio-ui-vue 1.1.90-beta.5 → 1.1.90-beta.51

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 (160) hide show
  1. package/.eslintrc.js +2 -8
  2. package/.github/workflows/deploy-storybook.yml +4 -4
  3. package/.nvmrc +1 -0
  4. package/dist/css/psui_styles_output.css +6639 -0
  5. package/dist/index.d.ts +51 -0
  6. package/dist/index.js +106 -0
  7. package/dist/index.js.map +1 -0
  8. package/dist/util/GeneralFunctions.d.ts +3 -0
  9. package/dist/util/GeneralFunctions.js +35 -0
  10. package/dist/util/GeneralFunctions.js.map +1 -0
  11. package/dist/util/directives.d.ts +1 -0
  12. package/dist/util/directives.js +22 -0
  13. package/dist/util/directives.js.map +1 -0
  14. package/dist/util/imageLoader.d.ts +6 -0
  15. package/dist/util/imageLoader.js +52 -0
  16. package/dist/util/imageLoader.js.map +1 -0
  17. package/doc/.nvmrc +1 -0
  18. package/{.storybook → doc/.storybook}/main.ts +8 -2
  19. package/{.storybook → doc/.storybook}/preview.ts +2 -3
  20. package/doc/package-lock.json +22653 -0
  21. package/doc/package.json +71 -0
  22. package/{src → doc}/shims-vue.d.ts +0 -5
  23. package/{src → doc/src}/stories/Accordion.stories.ts +2 -3
  24. package/{src → doc/src}/stories/BadgeWithIcon.stories.ts +1 -1
  25. package/{src → doc/src}/stories/BarChart.stories.ts +1 -1
  26. package/{src → doc/src}/stories/Breadcrumb.stories.ts +1 -1
  27. package/doc/src/stories/Button.stories.ts +130 -0
  28. package/{src → doc/src}/stories/CardInfos.stories.ts +1 -1
  29. package/{src → doc/src}/stories/ChartLegend.stories.ts +1 -1
  30. package/{src → doc/src}/stories/Checkbox.stories.ts +1 -1
  31. package/{src → doc/src}/stories/CheckboxSimple.stories.ts +1 -1
  32. package/{src → doc/src}/stories/Chips.stories.ts +1 -4
  33. package/{src → doc/src}/stories/ClimateZoneBadge.stories.ts +2 -1
  34. package/doc/src/stories/Collapse.stories.ts +46 -0
  35. package/{src → doc/src}/stories/CostEffectBar.stories.ts +2 -1
  36. package/{src → doc/src}/stories/Datatable.stories.ts +5 -2
  37. package/{src → doc/src}/stories/DateCardInfo.stories.ts +1 -1
  38. package/{src → doc/src}/stories/Dialog.stories.ts +2 -2
  39. package/{src → doc/src}/stories/Draggable.stories.ts +3 -2
  40. package/{src → doc/src}/stories/Dropdown.stories.ts +4 -3
  41. package/{src → doc/src}/stories/DropdownList.stories.ts +4 -2
  42. package/{src → doc/src}/stories/HighlightRippleDot.stories.ts +3 -2
  43. package/{src → doc/src}/stories/Icon.stories.ts +3 -1
  44. package/{src → doc/src}/stories/InlineSelector.stories.ts +1 -1
  45. package/{src → doc/src}/stories/Input.stories.ts +7 -4
  46. package/{src → doc/src}/stories/InputSelect.stories.ts +3 -2
  47. package/{src → doc/src}/stories/InputTextArea.stories.ts +1 -1
  48. package/{src → doc/src}/stories/MiniTag.stories.ts +9 -2
  49. package/{src → doc/src}/stories/ProgressBar.stories.ts +3 -2
  50. package/{src → doc/src}/stories/RadioButton.stories.ts +2 -2
  51. package/{src → doc/src}/stories/RadioButtonSimple.stories.ts +1 -1
  52. package/{src → doc/src}/stories/SimpleAlert.stories.ts +3 -2
  53. package/{src → doc/src}/stories/Slider.stories.ts +6 -2
  54. package/{src → doc/src}/stories/Switch.stories.ts +2 -2
  55. package/{src → doc/src}/stories/TabHeader.stories.ts +6 -1
  56. package/{src → doc/src}/stories/TableResults.stories.ts +11 -7
  57. package/{src → doc/src}/stories/TagScope.stories.ts +3 -2
  58. package/{src → doc/src}/stories/TestimonialCard.stories.ts +3 -3
  59. package/{src → doc/src}/stories/Toast.stories.ts +2 -2
  60. package/{src → doc/src}/stories/Toggle.stories.ts +6 -3
  61. package/{src → doc/src}/stories/Tooltip.stories.ts +3 -3
  62. package/doc/tsconfig.json +17 -0
  63. package/package.json +13 -28
  64. package/scripts/gulp.js +11 -0
  65. package/src/assets/scss/base.scss +3 -34
  66. package/src/assets/scss/components/PsAccordion.scss +1 -1
  67. package/src/assets/scss/components/PsChips.scss +9 -3
  68. package/src/assets/scss/components/PsCollapse.scss +71 -0
  69. package/src/assets/scss/components/PsDataTable.scss +1 -1
  70. package/src/assets/scss/components/PsDropdownList.scss +1 -1
  71. package/src/assets/scss/components/PsTableResults.scss +28 -1
  72. package/src/assets/scss/components/PsTooltip.scss +2 -1
  73. package/src/components/accordion/PsAccordionItem.vue +88 -74
  74. package/src/components/badges-and-tags/PsBadgeWithIcon.vue +31 -34
  75. package/src/components/badges-and-tags/PsCardInfos.vue +39 -41
  76. package/src/components/badges-and-tags/PsChartLegend.vue +46 -51
  77. package/src/components/badges-and-tags/PsClimateZoneBadge.vue +13 -19
  78. package/src/components/badges-and-tags/PsCostEffectBar.vue +24 -56
  79. package/src/components/badges-and-tags/PsDateCardInfo.vue +17 -18
  80. package/src/components/badges-and-tags/PsHighlightRippleDot.vue +3 -2
  81. package/src/components/badges-and-tags/PsMiniTag.vue +39 -41
  82. package/src/components/badges-and-tags/PsProgressBar.vue +72 -68
  83. package/src/components/badges-and-tags/PsTagScope.vue +17 -22
  84. package/src/components/badges-and-tags/PsTestimonialCard.vue +19 -26
  85. package/src/components/buttons/PsButton.vue +61 -62
  86. package/src/components/chips/PsChips.vue +112 -101
  87. package/src/components/collapse/PsCollapse.vue +124 -0
  88. package/src/components/controls/PsCheckbox.vue +84 -84
  89. package/src/components/controls/PsCheckboxSimple.vue +95 -95
  90. package/src/components/controls/PsDraggable.vue +53 -55
  91. package/src/components/controls/PsInlineSelector.vue +98 -99
  92. package/src/components/controls/PsRadioButton.vue +65 -58
  93. package/src/components/controls/PsRadioButtonSimple.vue +79 -75
  94. package/src/components/controls/PsSlider.vue +185 -176
  95. package/src/components/controls/PsSwitch.vue +51 -52
  96. package/src/components/controls/PsToggle.vue +52 -50
  97. package/src/components/data-graphics/PsBarChart.vue +18 -21
  98. package/src/components/datatable/PsDataTable.vue +56 -60
  99. package/src/components/datatable/PsDataTableItem.vue +13 -28
  100. package/src/components/forms/PsDropdown.vue +166 -162
  101. package/src/components/forms/PsDropdownList.vue +133 -130
  102. package/src/components/forms/PsInput.vue +154 -153
  103. package/src/components/forms/PsInputSelect.vue +91 -92
  104. package/src/components/forms/PsInputTextArea.vue +70 -71
  105. package/src/components/navigations/PsBreadcrumb.vue +25 -34
  106. package/src/components/notifications/PsDialog.vue +57 -56
  107. package/src/components/notifications/PsSimpleAlert.vue +27 -29
  108. package/src/components/notifications/PsToast.vue +40 -39
  109. package/src/components/table-results/PsTableResults.vue +461 -468
  110. package/src/components/table-results/PsTableResultsBody.vue +66 -67
  111. package/src/components/table-results/PsTableResultsHead.vue +70 -67
  112. package/src/components/table-results/PsTableResultsHeadComparison.vue +67 -64
  113. package/src/components/table-results/PsTableResultsHeadFlexible.vue +94 -67
  114. package/src/components/table-results/PsTableResultsRow.vue +55 -56
  115. package/src/components/tabs/PsTabHeader.vue +106 -100
  116. package/src/components/tooltip/PsDialogTooltip.vue +96 -101
  117. package/src/components/tooltip/PsRichTooltip.vue +41 -45
  118. package/src/components/tooltip/PsTooltip.vue +111 -116
  119. package/src/components/ui/PsDotLoader.vue +1 -5
  120. package/src/components/ui/PsIcon.vue +143 -132
  121. package/src/index.ts +60 -67
  122. package/src/tsconfig.json +12 -0
  123. package/src/types/index.d.ts +6 -0
  124. package/src/util/{GeneralFunctions.ts → GeneralFunctions.js} +12 -3
  125. package/src/util/directives.ts +24 -0
  126. package/src/util/{imageLoader.ts → imageLoader.js} +7 -0
  127. package/tailwind.config.js +1 -1
  128. package/tsconfig.json +18 -13
  129. package/.storybook/eventBus.ts +0 -26
  130. package/babel.config.js +0 -17
  131. package/dist/css/psui_styles.css +0 -4647
  132. package/postcss.config.js +0 -8
  133. package/src/components/playground/PsScrollBar.vue +0 -320
  134. package/src/stories/Button.stories.ts +0 -48
  135. package/src/stories/Button.vue +0 -59
  136. package/src/stories/Header.stories.ts +0 -41
  137. package/src/stories/Header.vue +0 -77
  138. package/src/stories/Playground.stories.ts +0 -16
  139. package/src/stories/button.css +0 -30
  140. package/src/stories/header.css +0 -32
  141. package/webpack.config.js +0 -22
  142. /package/{.storybook → doc/.storybook}/PolicyStudio.ts +0 -0
  143. /package/{.storybook → doc/.storybook}/manager.ts +0 -0
  144. /package/{src → doc/src}/assets/images/multifamily-units.svg +0 -0
  145. /package/{src → doc/src}/assets/images/policy-studio.svg +0 -0
  146. /package/{src → doc/src}/contents/ComparisonData.ts +0 -0
  147. /package/{src → doc/src}/contents/FlexibleData.ts +0 -0
  148. /package/{src → doc/src}/contents/ResultsData.ts +0 -0
  149. /package/{src → doc/src}/stories/Colors.mdx +0 -0
  150. /package/{src → doc/src}/stories/ElevationSystem.mdx +0 -0
  151. /package/{src → doc/src}/stories/Introduction.mdx +0 -0
  152. /package/{src → doc/src}/stories/Typography.mdx +0 -0
  153. /package/{src → doc/src}/stories/assets/code-brackets.svg +0 -0
  154. /package/{src → doc/src}/stories/assets/colors.svg +0 -0
  155. /package/{src → doc/src}/stories/assets/comments.svg +0 -0
  156. /package/{src → doc/src}/stories/assets/direction.svg +0 -0
  157. /package/{src → doc/src}/stories/assets/flow.svg +0 -0
  158. /package/{src → doc/src}/stories/assets/plugin.svg +0 -0
  159. /package/{src → doc/src}/stories/assets/repo.svg +0 -0
  160. /package/{src → doc/src}/stories/assets/stackalt.svg +0 -0
@@ -1,4647 +0,0 @@
1
- @import url('https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Round');
2
- /*
3
- ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
4
- */
5
- /*
6
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
7
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
8
- */
9
- *,
10
- ::before,
11
- ::after {
12
- box-sizing: border-box; /* 1 */
13
- border-width: 0; /* 2 */
14
- border-style: solid; /* 2 */
15
- border-color: #00465F; /* 2 */
16
- }
17
- ::before,
18
- ::after {
19
- --tw-content: '';
20
- }
21
- /*
22
- 1. Use a consistent sensible line-height in all browsers.
23
- 2. Prevent adjustments of font size after orientation changes in iOS.
24
- 3. Use a more readable tab size.
25
- 4. Use the user's configured `sans` font-family by default.
26
- 5. Use the user's configured `sans` font-feature-settings by default.
27
- 6. Use the user's configured `sans` font-variation-settings by default.
28
- 7. Disable tap highlights on iOS
29
- */
30
- html,
31
- :host {
32
- line-height: 1.5; /* 1 */
33
- -webkit-text-size-adjust: 100%; /* 2 */
34
- -moz-tab-size: 4; /* 3 */
35
- -o-tab-size: 4;
36
- tab-size: 4; /* 3 */
37
- font-family: Lato, sans-serif; /* 4 */
38
- font-feature-settings: normal; /* 5 */
39
- font-variation-settings: normal; /* 6 */
40
- -webkit-tap-highlight-color: transparent; /* 7 */
41
- }
42
- /*
43
- 1. Remove the margin in all browsers.
44
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
45
- */
46
- body {
47
- margin: 0; /* 1 */
48
- line-height: inherit; /* 2 */
49
- }
50
- /*
51
- 1. Add the correct height in Firefox.
52
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
53
- 3. Ensure horizontal rules are visible by default.
54
- */
55
- hr {
56
- height: 0; /* 1 */
57
- color: inherit; /* 2 */
58
- border-top-width: 1px; /* 3 */
59
- }
60
- /*
61
- Add the correct text decoration in Chrome, Edge, and Safari.
62
- */
63
- abbr:where([title]) {
64
- -webkit-text-decoration: underline dotted;
65
- text-decoration: underline dotted;
66
- }
67
- /*
68
- Remove the default font size and weight for headings.
69
- */
70
- h1,
71
- h2,
72
- h3,
73
- h4,
74
- h5,
75
- h6 {
76
- font-size: inherit;
77
- font-weight: inherit;
78
- }
79
- /*
80
- Reset links to optimize for opt-in styling instead of opt-out.
81
- */
82
- a {
83
- color: inherit;
84
- text-decoration: inherit;
85
- }
86
- /*
87
- Add the correct font weight in Edge and Safari.
88
- */
89
- b,
90
- strong {
91
- font-weight: bolder;
92
- }
93
- /*
94
- 1. Use the user's configured `mono` font-family by default.
95
- 2. Use the user's configured `mono` font-feature-settings by default.
96
- 3. Use the user's configured `mono` font-variation-settings by default.
97
- 4. Correct the odd `em` font sizing in all browsers.
98
- */
99
- code,
100
- kbd,
101
- samp,
102
- pre {
103
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
104
- font-feature-settings: normal; /* 2 */
105
- font-variation-settings: normal; /* 3 */
106
- font-size: 1em; /* 4 */
107
- }
108
- /*
109
- Add the correct font size in all browsers.
110
- */
111
- small {
112
- font-size: 80%;
113
- }
114
- /*
115
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
116
- */
117
- sub,
118
- sup {
119
- font-size: 75%;
120
- line-height: 0;
121
- position: relative;
122
- vertical-align: baseline;
123
- }
124
- sub {
125
- bottom: -0.25em;
126
- }
127
- sup {
128
- top: -0.5em;
129
- }
130
- /*
131
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
132
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
133
- 3. Remove gaps between table borders by default.
134
- */
135
- table {
136
- text-indent: 0; /* 1 */
137
- border-color: inherit; /* 2 */
138
- border-collapse: collapse; /* 3 */
139
- }
140
- /*
141
- 1. Change the font styles in all browsers.
142
- 2. Remove the margin in Firefox and Safari.
143
- 3. Remove default padding in all browsers.
144
- */
145
- button,
146
- input,
147
- optgroup,
148
- select,
149
- textarea {
150
- font-family: inherit; /* 1 */
151
- font-feature-settings: inherit; /* 1 */
152
- font-variation-settings: inherit; /* 1 */
153
- font-size: 100%; /* 1 */
154
- font-weight: inherit; /* 1 */
155
- line-height: inherit; /* 1 */
156
- color: inherit; /* 1 */
157
- margin: 0; /* 2 */
158
- padding: 0; /* 3 */
159
- }
160
- /*
161
- Remove the inheritance of text transform in Edge and Firefox.
162
- */
163
- button,
164
- select {
165
- text-transform: none;
166
- }
167
- /*
168
- 1. Correct the inability to style clickable types in iOS and Safari.
169
- 2. Remove default button styles.
170
- */
171
- button,
172
- [type='button'],
173
- [type='reset'],
174
- [type='submit'] {
175
- -webkit-appearance: button; /* 1 */
176
- background-color: transparent; /* 2 */
177
- background-image: none; /* 2 */
178
- }
179
- /*
180
- Use the modern Firefox focus style for all focusable elements.
181
- */
182
- :-moz-focusring {
183
- outline: auto;
184
- }
185
- /*
186
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
187
- */
188
- :-moz-ui-invalid {
189
- box-shadow: none;
190
- }
191
- /*
192
- Add the correct vertical alignment in Chrome and Firefox.
193
- */
194
- progress {
195
- vertical-align: baseline;
196
- }
197
- /*
198
- Correct the cursor style of increment and decrement buttons in Safari.
199
- */
200
- ::-webkit-inner-spin-button,
201
- ::-webkit-outer-spin-button {
202
- height: auto;
203
- }
204
- /*
205
- 1. Correct the odd appearance in Chrome and Safari.
206
- 2. Correct the outline style in Safari.
207
- */
208
- [type='search'] {
209
- -webkit-appearance: textfield; /* 1 */
210
- outline-offset: -2px; /* 2 */
211
- }
212
- /*
213
- Remove the inner padding in Chrome and Safari on macOS.
214
- */
215
- ::-webkit-search-decoration {
216
- -webkit-appearance: none;
217
- }
218
- /*
219
- 1. Correct the inability to style clickable types in iOS and Safari.
220
- 2. Change font properties to `inherit` in Safari.
221
- */
222
- ::-webkit-file-upload-button {
223
- -webkit-appearance: button; /* 1 */
224
- font: inherit; /* 2 */
225
- }
226
- /*
227
- Add the correct display in Chrome and Safari.
228
- */
229
- summary {
230
- display: list-item;
231
- }
232
- /*
233
- Removes the default spacing and border for appropriate elements.
234
- */
235
- blockquote,
236
- dl,
237
- dd,
238
- h1,
239
- h2,
240
- h3,
241
- h4,
242
- h5,
243
- h6,
244
- hr,
245
- figure,
246
- p,
247
- pre {
248
- margin: 0;
249
- }
250
- fieldset {
251
- margin: 0;
252
- padding: 0;
253
- }
254
- legend {
255
- padding: 0;
256
- }
257
- ol,
258
- ul,
259
- menu {
260
- list-style: none;
261
- margin: 0;
262
- padding: 0;
263
- }
264
- /*
265
- Reset default styling for dialogs.
266
- */
267
- dialog {
268
- padding: 0;
269
- }
270
- /*
271
- Prevent resizing textareas horizontally by default.
272
- */
273
- textarea {
274
- resize: vertical;
275
- }
276
- /*
277
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
278
- 2. Set the default placeholder color to the user's configured gray 400 color.
279
- */
280
- input::-moz-placeholder, textarea::-moz-placeholder {
281
- opacity: 1; /* 1 */
282
- color: #9ca3af; /* 2 */
283
- }
284
- input::placeholder,
285
- textarea::placeholder {
286
- opacity: 1; /* 1 */
287
- color: #9ca3af; /* 2 */
288
- }
289
- /*
290
- Set the default cursor for buttons.
291
- */
292
- button,
293
- [role="button"] {
294
- cursor: pointer;
295
- }
296
- /*
297
- Make sure disabled buttons don't get the pointer cursor.
298
- */
299
- :disabled {
300
- cursor: default;
301
- }
302
- /*
303
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
304
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
305
- This can trigger a poorly considered lint error in some tools but is included by design.
306
- */
307
- img,
308
- svg,
309
- video,
310
- canvas,
311
- audio,
312
- iframe,
313
- embed,
314
- object {
315
- display: block; /* 1 */
316
- vertical-align: middle; /* 2 */
317
- }
318
- /*
319
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
320
- */
321
- img,
322
- video {
323
- max-width: 100%;
324
- height: auto;
325
- }
326
- /* Make elements with the HTML hidden attribute stay hidden by default */
327
- [hidden] {
328
- display: none;
329
- }
330
- *, ::before, ::after{
331
- --tw-border-spacing-x: 0;
332
- --tw-border-spacing-y: 0;
333
- --tw-translate-x: 0;
334
- --tw-translate-y: 0;
335
- --tw-rotate: 0;
336
- --tw-skew-x: 0;
337
- --tw-skew-y: 0;
338
- --tw-scale-x: 1;
339
- --tw-scale-y: 1;
340
- --tw-pan-x: ;
341
- --tw-pan-y: ;
342
- --tw-pinch-zoom: ;
343
- --tw-scroll-snap-strictness: proximity;
344
- --tw-gradient-from-position: ;
345
- --tw-gradient-via-position: ;
346
- --tw-gradient-to-position: ;
347
- --tw-ordinal: ;
348
- --tw-slashed-zero: ;
349
- --tw-numeric-figure: ;
350
- --tw-numeric-spacing: ;
351
- --tw-numeric-fraction: ;
352
- --tw-ring-inset: ;
353
- --tw-ring-offset-width: 0px;
354
- --tw-ring-offset-color: #fff;
355
- --tw-ring-color: rgb(59 130 246 / 0.5);
356
- --tw-ring-offset-shadow: 0 0 #0000;
357
- --tw-ring-shadow: 0 0 #0000;
358
- --tw-shadow: 0 0 #0000;
359
- --tw-shadow-colored: 0 0 #0000;
360
- --tw-blur: ;
361
- --tw-brightness: ;
362
- --tw-contrast: ;
363
- --tw-grayscale: ;
364
- --tw-hue-rotate: ;
365
- --tw-invert: ;
366
- --tw-saturate: ;
367
- --tw-sepia: ;
368
- --tw-drop-shadow: ;
369
- --tw-backdrop-blur: ;
370
- --tw-backdrop-brightness: ;
371
- --tw-backdrop-contrast: ;
372
- --tw-backdrop-grayscale: ;
373
- --tw-backdrop-hue-rotate: ;
374
- --tw-backdrop-invert: ;
375
- --tw-backdrop-opacity: ;
376
- --tw-backdrop-saturate: ;
377
- --tw-backdrop-sepia: ;
378
- }
379
- ::backdrop{
380
- --tw-border-spacing-x: 0;
381
- --tw-border-spacing-y: 0;
382
- --tw-translate-x: 0;
383
- --tw-translate-y: 0;
384
- --tw-rotate: 0;
385
- --tw-skew-x: 0;
386
- --tw-skew-y: 0;
387
- --tw-scale-x: 1;
388
- --tw-scale-y: 1;
389
- --tw-pan-x: ;
390
- --tw-pan-y: ;
391
- --tw-pinch-zoom: ;
392
- --tw-scroll-snap-strictness: proximity;
393
- --tw-gradient-from-position: ;
394
- --tw-gradient-via-position: ;
395
- --tw-gradient-to-position: ;
396
- --tw-ordinal: ;
397
- --tw-slashed-zero: ;
398
- --tw-numeric-figure: ;
399
- --tw-numeric-spacing: ;
400
- --tw-numeric-fraction: ;
401
- --tw-ring-inset: ;
402
- --tw-ring-offset-width: 0px;
403
- --tw-ring-offset-color: #fff;
404
- --tw-ring-color: rgb(59 130 246 / 0.5);
405
- --tw-ring-offset-shadow: 0 0 #0000;
406
- --tw-ring-shadow: 0 0 #0000;
407
- --tw-shadow: 0 0 #0000;
408
- --tw-shadow-colored: 0 0 #0000;
409
- --tw-blur: ;
410
- --tw-brightness: ;
411
- --tw-contrast: ;
412
- --tw-grayscale: ;
413
- --tw-hue-rotate: ;
414
- --tw-invert: ;
415
- --tw-saturate: ;
416
- --tw-sepia: ;
417
- --tw-drop-shadow: ;
418
- --tw-backdrop-blur: ;
419
- --tw-backdrop-brightness: ;
420
- --tw-backdrop-contrast: ;
421
- --tw-backdrop-grayscale: ;
422
- --tw-backdrop-hue-rotate: ;
423
- --tw-backdrop-invert: ;
424
- --tw-backdrop-opacity: ;
425
- --tw-backdrop-saturate: ;
426
- --tw-backdrop-sepia: ;
427
- }
428
- .psui-el-chips{
429
- position: relative;
430
- display: inline-flex;
431
- }
432
- .psui-el-chips-icon {
433
- font-family: 'Material Icons Round';
434
- font-weight: normal;
435
- font-style: normal;
436
- font-size: 24px;
437
- line-height: 1;
438
- letter-spacing: normal;
439
- text-transform: none;
440
- display: inline-block;
441
- white-space: nowrap;
442
- word-wrap: normal;
443
- direction: ltr;
444
- -webkit-font-feature-settings: 'liga';
445
- -webkit-font-smoothing: antialiased;
446
- }
447
- .psui-el-chips.type-checkbox,
448
- .psui-el-chips.type-radio {
449
- font-size: 14px;
450
- line-height: 1;
451
- }
452
- .psui-el-chips.type-checkbox input, .psui-el-chips.type-radio input{
453
- pointer-events: none;
454
- visibility: hidden;
455
- position: absolute;
456
- clip: rect(0,0,0,0);
457
- }
458
- .psui-el-chips.type-checkbox input:checked + label, .psui-el-chips.type-radio input:checked + label{
459
- --tw-bg-opacity: 1;
460
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
461
- --tw-text-opacity: 1;
462
- color: rgb(49 143 172 / var(--tw-text-opacity));
463
- }
464
- .psui-el-chips.type-checkbox input:checked + label:before, .psui-el-chips.type-radio input:checked + label:before{
465
- --tw-text-opacity: 1;
466
- color: rgb(100 181 206 / var(--tw-text-opacity));
467
- }
468
- .psui-el-chips.type-checkbox label, .psui-el-chips.type-radio label{
469
- display: flex;
470
- cursor: pointer;
471
- align-items: center;
472
- justify-content: center;
473
- border-radius: 0.25rem;
474
- --tw-bg-opacity: 1;
475
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
476
- --tw-text-opacity: 1;
477
- color: rgb(121 132 144 / var(--tw-text-opacity));
478
- transition-property: all;
479
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
480
- transition-duration: 150ms;
481
- padding: 4px 8px 4px 6px;
482
- }
483
- .psui-el-chips.type-checkbox label:before, .psui-el-chips.type-radio label:before{
484
- display: inline-block;
485
- cursor: pointer;
486
- --tw-text-opacity: 1;
487
- color: rgb(214 221 229 / var(--tw-text-opacity));
488
- transition-property: all;
489
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
490
- transition-duration: 150ms;
491
- content: '';
492
- font-family: 'Material Icons Round';
493
- font-size: 18px;
494
- margin-right: 6px;
495
- }
496
- .psui-el-chips.type-checkbox label:hover, .psui-el-chips.type-radio label:hover{
497
- --tw-bg-opacity: 1;
498
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
499
- --tw-text-opacity: 1;
500
- color: rgb(49 143 172 / var(--tw-text-opacity));
501
- }
502
- .psui-el-chips.type-checkbox label:hover:before, .psui-el-chips.type-radio label:hover:before{
503
- --tw-text-opacity: 1;
504
- color: rgb(100 181 206 / var(--tw-text-opacity));
505
- }
506
- .psui-el-chips.type-checkbox input:checked + label:before {
507
- content: "check_box";
508
- }
509
- .psui-el-chips.type-checkbox label:before {
510
- content: "check_box_outline_blank";
511
- }
512
- .psui-el-chips.type-radio input:checked + label:before {
513
- content: "radio_button_checked";
514
- }
515
- .psui-el-chips.type-radio label:before {
516
- content: "radio_button_unchecked";
517
- }
518
- .psui-el-chips.type-button label{
519
- display: flex;
520
- cursor: pointer;
521
- align-items: center;
522
- justify-content: center;
523
- border-radius: 0.25rem;
524
- padding-top: 0.25rem;
525
- padding-bottom: 0.25rem;
526
- padding-left: 0.75rem;
527
- padding-right: 0.75rem;
528
- font-size: 14px;
529
- line-height: 130%;
530
- --tw-text-opacity: 1;
531
- color: rgb(81 94 106 / var(--tw-text-opacity));
532
- transition-property: all;
533
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
534
- transition-duration: 150ms;
535
- background-color: #F6F7F8;
536
- }
537
- .psui-el-chips.type-button label:hover{
538
- --tw-bg-opacity: 1;
539
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
540
- --tw-text-opacity: 1;
541
- color: rgb(49 143 172 / var(--tw-text-opacity));
542
- }
543
- .psui-el-chips.type-button label:focus,
544
- .psui-el-chips.type-button label:active{
545
- --tw-bg-opacity: 1;
546
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
547
- --tw-text-opacity: 1;
548
- color: rgb(49 143 172 / var(--tw-text-opacity));
549
- }
550
- .psui-el-chips.type-button label.checked{
551
- --tw-bg-opacity: 1;
552
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
553
- --tw-text-opacity: 1;
554
- color: rgb(49 143 172 / var(--tw-text-opacity));
555
- }
556
- .psui-el-chips.type-button.layout-with-icon label{
557
- display: flex;
558
- align-items: center;
559
- justify-content: center;
560
- border-radius: 9999px;
561
- --tw-text-opacity: 1;
562
- color: rgb(121 132 144 / var(--tw-text-opacity));
563
- padding: 6px 12px;
564
- }
565
- .psui-el-chips.type-button.layout-with-icon label:hover{
566
- --tw-bg-opacity: 1;
567
- background-color: rgb(236 247 251 / var(--tw-bg-opacity));
568
- --tw-text-opacity: 1;
569
- color: rgb(49 143 172 / var(--tw-text-opacity));
570
- }
571
- .psui-el-chips.type-button.layout-with-icon .psui-el-chips-icon{
572
- margin-right: 0.5rem;
573
- font-family: 'Material Icons Round';
574
- font-weight: normal;
575
- font-style: normal;
576
- line-height: 1;
577
- letter-spacing: normal;
578
- text-transform: none;
579
- display: inline-block;
580
- white-space: nowrap;
581
- word-wrap: normal;
582
- direction: ltr;
583
- -webkit-font-feature-settings: 'liga';
584
- -webkit-font-smoothing: antialiased;
585
- font-size: 20px;
586
- }
587
- .psui-el-chips.type-button.layout-rich label{
588
- border-radius: 9999px;
589
- --tw-bg-opacity: 1;
590
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
591
- padding-top: 0.25rem;
592
- padding-bottom: 0.25rem;
593
- padding-left: 0.25rem;
594
- padding-right: 0.5rem;
595
- font-size: 12px;
596
- line-height: 130%;
597
- font-weight: 700;
598
- --tw-text-opacity: 1;
599
- color: rgb(162 172 183 / var(--tw-text-opacity));
600
- }
601
- .psui-el-chips.type-button.layout-rich label:hover,
602
- .psui-el-chips.type-button.layout-rich label:hover .psui-el-chips-close{
603
- --tw-text-opacity: 1;
604
- color: rgb(121 132 144 / var(--tw-text-opacity));
605
- }
606
- .psui-el-chips.type-button.layout-rich label:hover .psui-el-chips-icon-prepend{
607
- --tw-bg-opacity: 1;
608
- background-color: rgb(162 172 183 / var(--tw-bg-opacity));
609
- }
610
- .psui-el-chips.type-button.layout-rich label:focus,
611
- .psui-el-chips.type-button.layout-rich label:active{
612
- --tw-bg-opacity: 1;
613
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
614
- }
615
- .psui-el-chips.type-button.layout-rich label:focus,
616
- .psui-el-chips.type-button.layout-rich label:focus .psui-el-chips-close,
617
- .psui-el-chips.type-button.layout-rich label:active,
618
- .psui-el-chips.type-button.layout-rich label:active .psui-el-chips-close{
619
- --tw-text-opacity: 1;
620
- color: rgb(49 143 172 / var(--tw-text-opacity));
621
- }
622
- .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{
623
- --tw-bg-opacity: 1;
624
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
625
- }
626
- .psui-el-chips.type-button.layout-rich .psui-el-chips-icon {
627
- font-size: 18px;
628
- }
629
- .psui-el-chips.type-button.layout-rich .psui-el-chips-icon-prepend{
630
- margin-right: 0.5rem;
631
- display: flex;
632
- height: 1.5rem;
633
- width: 1.5rem;
634
- align-items: center;
635
- justify-content: center;
636
- border-radius: 9999px;
637
- --tw-bg-opacity: 1;
638
- background-color: rgb(214 221 229 / var(--tw-bg-opacity));
639
- --tw-text-opacity: 1;
640
- color: rgb(255 255 255 / var(--tw-text-opacity));
641
- }
642
- .psui-el-chips.type-button.layout-rich .psui-el-chips-close{
643
- margin-left: 0.5rem;
644
- display: flex;
645
- align-items: center;
646
- justify-content: center;
647
- --tw-text-opacity: 1;
648
- color: rgb(162 172 183 / var(--tw-text-opacity));
649
- }
650
- .psui-el-toggle{
651
- display: flex;
652
- align-items: center;
653
- --tw-bg-opacity: 1;
654
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
655
- padding: 2px;
656
- gap: 2px;
657
- border-radius: 4px;
658
- }
659
- .psui-el-toggle button{
660
- display: inline-flex;
661
- --tw-bg-opacity: 1;
662
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
663
- vertical-align: middle;
664
- font-size: 14px;
665
- line-height: 130%;
666
- --tw-text-opacity: 1;
667
- color: rgb(49 143 172 / var(--tw-text-opacity));
668
- outline: 2px solid transparent;
669
- outline-offset: 2px;
670
- transition: cubic-bezier(.17,.67,.83,.67) 250ms;
671
- border-radius: 4px;
672
- padding:1px 8px;
673
- }
674
- .psui-el-toggle button.status-active{
675
- --tw-bg-opacity: 1;
676
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
677
- font-weight: 700;
678
- --tw-text-opacity: 1;
679
- color: rgb(255 255 255 / var(--tw-text-opacity));
680
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 2px 5px rgba(0, 0, 0, 0.08);
681
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 2px 5px var(--tw-shadow-color);
682
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
683
- }
684
- .psui-el-toggle button:not(.status-active):hover {
685
- text-decoration: underline;
686
- }
687
- .psui-el-tab-header{
688
- display: flex;
689
- /* ----------------------------------------- Layout Folder */
690
- }
691
- .psui-el-tab-header button{
692
- font-size: 14px;
693
- line-height: 130%;
694
- transition: cubic-bezier(.17,.67,.83,.67) 250ms;
695
- }
696
- .psui-el-tab-header button.status-disabled{
697
- cursor: not-allowed;
698
- }
699
- .psui-el-tab-header button:focus {
700
- outline: none;
701
- }
702
- .psui-el-tab-header.status-disabled .psui-el-input-wrapper{
703
- --tw-border-opacity: 1;
704
- border-color: rgb(230 236 242 / var(--tw-border-opacity));
705
- --tw-bg-opacity: 1;
706
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
707
- }
708
- /* Layout Standard */
709
- /* ----------------------------------------- */
710
- .psui-el-tab-header.layout-standard{
711
- border-radius: 0.375rem;
712
- }
713
- .psui-el-tab-header.layout-standard .psui-el-tooltip:not(:last-child) {
714
- margin-right: 20px;
715
- }
716
- .psui-el-tab-header.layout-standard button{
717
- --tw-bg-opacity: 1;
718
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
719
- --tw-text-opacity: 1;
720
- color: rgb(81 94 106 / var(--tw-text-opacity));
721
- padding: 6px 12px;
722
- box-shadow: inset 0px 0px 8px rgba(40, 50, 59, 0.05);
723
- }
724
- .psui-el-tab-header.layout-standard button:not(:last-child) {
725
- margin-right: 1px;
726
- }
727
- .psui-el-tab-header.layout-standard button:first-child{
728
- border-top-left-radius: 0.25rem;
729
- border-bottom-left-radius: 0.25rem;
730
- }
731
- .psui-el-tab-header.layout-standard button:last-child{
732
- border-top-right-radius: 0.25rem;
733
- border-bottom-right-radius: 0.25rem;
734
- }
735
- .psui-el-tab-header.layout-standard button:hover{
736
- --tw-text-opacity: 1;
737
- color: rgb(49 143 172 / var(--tw-text-opacity));
738
- box-shadow: inset 0px 0px 8px rgba(40, 50, 59, 0.05);
739
- }
740
- .psui-el-tab-header.layout-standard button.status-active{
741
- --tw-bg-opacity: 1;
742
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
743
- font-weight: 700;
744
- --tw-text-opacity: 1;
745
- color: rgb(255 255 255 / var(--tw-text-opacity));
746
- }
747
- .psui-el-tab-header.layout-standard button.status-disabled:hover{
748
- --tw-text-opacity: 1;
749
- color: rgb(81 94 106 / var(--tw-text-opacity));
750
- }
751
- /* ----------------------------------------- Layout Standard */
752
- /* Layout Underline */
753
- /* ----------------------------------------- */
754
- .psui-el-tab-header.layout-underline .psui-el-tooltip:not(:last-child) {
755
- margin-right: 20px;
756
- }
757
- .psui-el-tab-header.layout-underline button{
758
- font-weight: 700;
759
- --tw-text-opacity: 1;
760
- color: rgb(121 132 144 / var(--tw-text-opacity));
761
- border-bottom: 3px solid transparent;
762
- padding: 11.5px 0;
763
- }
764
- .psui-el-tab-header.layout-underline button:hover{
765
- --tw-text-opacity: 1;
766
- color: rgb(49 143 172 / var(--tw-text-opacity));
767
- }
768
- .psui-el-tab-header.layout-underline button:not(:last-child) {
769
- margin-right: 20px;
770
- }
771
- .psui-el-tab-header.layout-underline button.status-enable:hover{
772
- --tw-text-opacity: 1;
773
- color: rgb(49 143 172 / var(--tw-text-opacity));
774
- }
775
- .psui-el-tab-header.layout-underline button.status-active{
776
- --tw-border-opacity: 1;
777
- border-color: rgb(100 181 206 / var(--tw-border-opacity));
778
- --tw-text-opacity: 1;
779
- color: rgb(49 143 172 / var(--tw-text-opacity));
780
- }
781
- /* ----------------------------------------- Layout Underline */
782
- /* Layout Folder */
783
- /* ----------------------------------------- */
784
- .psui-el-tab-header.layout-folder .psui-el-tooltip:not(:last-child) {
785
- margin-right: 20px;
786
- }
787
- .psui-el-tab-header.layout-folder button{
788
- border-top-left-radius: 0.25rem;
789
- border-top-right-radius: 0.25rem;
790
- --tw-bg-opacity: 1;
791
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
792
- --tw-text-opacity: 1;
793
- color: rgb(121 132 144 / var(--tw-text-opacity));
794
- padding: 9px 12px;
795
- }
796
- .psui-el-tab-header.layout-folder button:hover{
797
- --tw-text-opacity: 1;
798
- color: rgb(49 143 172 / var(--tw-text-opacity));
799
- }
800
- .psui-el-tab-header.layout-folder button:not(:last-child) {
801
- margin-right: 4px;
802
- }
803
- .psui-el-tab-header.layout-folder button.status-enable:hover{
804
- --tw-text-opacity: 1;
805
- color: rgb(81 94 106 / var(--tw-text-opacity));
806
- }
807
- .psui-el-tab-header.layout-folder button.status-active{
808
- --tw-bg-opacity: 1;
809
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
810
- font-weight: 700;
811
- --tw-text-opacity: 1;
812
- color: rgb(49 143 172 / var(--tw-text-opacity));
813
- }
814
- .psui-el-accordion-item {
815
- border-bottom: 1px solid #e6ecf2;
816
-
817
- }
818
- .psui-el-accordion-item.disabled .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper{
819
- pointer-events: none;
820
- --tw-text-opacity: 1;
821
- color: rgb(121 132 144 / var(--tw-text-opacity));
822
- }
823
- .psui-el-accordion-item.\!disabled .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper{
824
- pointer-events: none;
825
- --tw-text-opacity: 1;
826
- color: rgb(121 132 144 / var(--tw-text-opacity));
827
- }
828
- .psui-el-accordion-item-header{
829
- display: flex;
830
- align-items: center;
831
- justify-content: space-between;
832
- padding-top: 16px;
833
- padding-bottom: 16px;
834
- }
835
- .psui-el-accordion-item-header-wrapper{
836
- display: flex;
837
- width: 100%;
838
- cursor: pointer;
839
- align-items: flex-start;
840
- justify-content: space-between;
841
- --tw-text-opacity: 1;
842
- color: rgb(40 50 59 / var(--tw-text-opacity));
843
- transition-property: all;
844
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
845
- transition-duration: 150ms;
846
- transition: cubic-bezier(.17,.67,.83,.67) 250ms;
847
- }
848
- .psui-el-accordion-item-header-wrapper:hover .psui-el-accordion-item-icon{
849
- --tw-text-opacity: 1 !important;
850
- color: rgb(49 143 172 / var(--tw-text-opacity)) !important;
851
- }
852
- .psui-el-accordion-item-header-wrapper:hover .psui-el-accordion-item-title{
853
- --tw-text-opacity: 1;
854
- color: rgb(49 143 172 / var(--tw-text-opacity));
855
- }
856
- .psui-el-accordion-item-title{
857
- margin-right: auto;
858
- }
859
- .psui-el-accordion-item-icon {
860
- font-family: 'Material Icons Round';
861
- font-weight: normal;
862
- font-style: normal;
863
- line-height: 1;
864
- letter-spacing: normal;
865
- text-transform: none;
866
- display: inline-block;
867
- white-space: nowrap;
868
- word-wrap: normal;
869
- direction: ltr;
870
- -webkit-font-feature-settings: 'liga';
871
- -webkit-font-smoothing: antialiased;
872
- font-size: 20px;
873
- width: 20px;
874
- transition: transform 0.4s ease-in-out;
875
- }
876
- .psui-el-accordion.layout-big .psui-el-accordion-item-header, .psui-el-accordion.layout-big .psui-el-accordion-item-content{
877
- padding-left: 1rem;
878
- padding-right: 1rem;
879
- }
880
- .psui-el-accordion.layout-big .psui-el-accordion-item-title{
881
- font-size: 18px;
882
- line-height: 120%;
883
- font-weight: 700;
884
- }
885
- .psui-el-accordion.layout-big .psui-el-accordion-item-icon{
886
- --tw-text-opacity: 1;
887
- color: rgb(214 221 229 / var(--tw-text-opacity));
888
- }
889
- .psui-el-accordion.layout-medium .psui-el-accordion-item-title{
890
- font-size: 14px;
891
- line-height: 130%;
892
- font-weight: 700;
893
- }
894
- .psui-el-accordion.layout-medium .psui-el-accordion-item-icon{
895
- --tw-text-opacity: 1;
896
- color: rgb(81 94 106 / var(--tw-text-opacity));
897
- }
898
- .psui-el-accordion.layout-medium .psui-el-accordion-item.status-opened .psui-el-accordion-item-icon {
899
- transform: rotate(180deg);
900
- }
901
- .psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper .psui-el-accordion-item-icon{
902
- --tw-text-opacity: 1;
903
- color: rgb(49 143 172 / var(--tw-text-opacity));
904
- }
905
- .psui-el-accordion .psui-el-accordion-item.status-opened .psui-el-accordion-item-header .psui-el-accordion-item-header-wrapper .psui-el-accordion-item-title{
906
- --tw-text-opacity: 1;
907
- color: rgb(49 143 172 / var(--tw-text-opacity));
908
- }
909
- .psui-el-accordion .psui-el-accordion-item-content{
910
- margin-bottom: 1.25rem;
911
- list-style-type: none;
912
- --tw-text-opacity: 1;
913
- color: rgb(81 94 106 / var(--tw-text-opacity));
914
- }
915
- .psui-el-accordion .accordion-fade-enter-active,
916
- .psui-el-accordion .accordion-fade-leave-active {
917
- will-change: height, margin-bottom;
918
- transition: height 0.4s ease, margin-bottom 0.4s ease-in-out;
919
- overflow: hidden;
920
- }
921
- .psui-el-accordion .accordion-fade-enter,
922
- .psui-el-accordion .accordion-fade-leave-to {
923
- height: 0 !important;
924
- margin-bottom: 0 !important;
925
- }
926
- .psui-el-input {
927
- /* ----------------------------------------- Layout Mini */
928
-
929
- }
930
- .psui-el-input-prepend{
931
- pointer-events: none;
932
- display: flex;
933
- align-items: center;
934
- padding-left: 0.5rem;
935
- }
936
- .psui-el-input-append{
937
- display: flex;
938
- align-items: center;
939
- padding-right: 0.5rem;
940
- }
941
- .psui-el-input-hint{
942
- margin-top: 0.25rem;
943
- font-style: italic;
944
- --tw-text-opacity: 1;
945
- color: rgb(121 132 144 / var(--tw-text-opacity));
946
- font-size: 12px;
947
- line-height: 15.6px;
948
- }
949
- .psui-el-input-wrapper{
950
- position: relative;
951
- display: flex;
952
- width: 100%;
953
- border-radius: 0.375rem;
954
- border-width: 1px;
955
- --tw-border-opacity: 1;
956
- border-color: rgb(214 221 229 / var(--tw-border-opacity));
957
- --tw-bg-opacity: 1;
958
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
959
- transition: ease 130ms;
960
- }
961
- .psui-el-input label{
962
- font-weight: 700;
963
- --tw-text-opacity: 1;
964
- color: rgb(40 50 59 / var(--tw-text-opacity));
965
- line-height: 32px;
966
- }
967
- .psui-el-input input{
968
- width: 100%;
969
- border-radius: 0.375rem;
970
- --tw-bg-opacity: 1;
971
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
972
- --tw-text-opacity: 1;
973
- color: rgb(81 94 106 / var(--tw-text-opacity));
974
- }
975
- .psui-el-input.status-error .psui-el-input-wrapper{
976
- --tw-border-opacity: 1;
977
- border-color: rgb(214 92 90 / var(--tw-border-opacity));
978
- }
979
- .psui-el-input.status-error .psui-el-input-hint{
980
- --tw-text-opacity: 1;
981
- color: rgb(214 92 90 / var(--tw-text-opacity));
982
- }
983
- .psui-el-input.status-disabled .psui-el-input-wrapper{
984
- --tw-border-opacity: 1;
985
- border-color: rgb(230 236 242 / var(--tw-border-opacity));
986
- --tw-bg-opacity: 1;
987
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
988
- }
989
- .psui-el-input.status-disabled input{
990
- --tw-bg-opacity: 1;
991
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
992
- --tw-text-opacity: 1;
993
- color: rgb(162 172 183 / var(--tw-text-opacity));
994
- }
995
- .psui-el-input.status-disabled label{
996
- --tw-text-opacity: 1;
997
- color: rgb(162 172 183 / var(--tw-text-opacity));
998
- }
999
- /* Layout Default */
1000
- /* ----------------------------------------- */
1001
- .psui-el-input.layout-default input{
1002
- font-size: 16px;
1003
- line-height: 130%;
1004
- padding: 11.5px 16px;
1005
- }
1006
- .psui-el-input.layout-default.status-resting .psui-el-input-wrapper:hover{
1007
- --tw-border-opacity: 1;
1008
- border-color: rgb(100 181 206 / var(--tw-border-opacity));
1009
- }
1010
- .psui-el-input.layout-default.status-active .psui-el-input-wrapper{
1011
- --tw-border-opacity: 1;
1012
- border-color: rgb(49 143 172 / var(--tw-border-opacity));
1013
- }
1014
- /* ----------------------------------------- Layout Default */
1015
- /* Layout Mini */
1016
- /* ----------------------------------------- */
1017
- .psui-el-input.layout-mini input{
1018
- font-size: 14px;
1019
- line-height: 130%;
1020
- padding: 7px 8px;
1021
- }
1022
- .psui-el-input.layout-mini.status-resting .psui-el-input-wrapper:hover{
1023
- --tw-border-opacity: 1;
1024
- border-color: rgb(93 184 131 / var(--tw-border-opacity));
1025
- }
1026
- .psui-el-input.layout-mini.status-active .psui-el-input-wrapper{
1027
- --tw-border-opacity: 1;
1028
- border-color: rgb(93 184 131 / var(--tw-border-opacity));
1029
- }
1030
- .psui-el-input.layout-mini.status-active .psui-el-input-wrapper input{
1031
- --tw-text-opacity: 1;
1032
- color: rgb(93 184 131 / var(--tw-text-opacity));
1033
- }
1034
- .psui-el-input.layout-mini.status-active .psui-el-input-wrapper input.focus{
1035
- --tw-text-opacity: 1;
1036
- color: rgb(81 94 106 / var(--tw-text-opacity));
1037
- }
1038
- .psui-el-button{
1039
- display: flex;
1040
- align-content: center;
1041
- align-items: center;
1042
- border-radius: 0.375rem;
1043
- font-weight: 700;
1044
- transition-property: all;
1045
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1046
- transition-duration: 130ms;
1047
- }
1048
- .psui-el-button span{
1049
- flex-shrink: 0;
1050
- font-weight: 700;
1051
- line-height: 130%;
1052
- font-family: inherit;
1053
- text-align: right;
1054
- }
1055
- .psui-el-button:focus {
1056
- outline: none;
1057
- }
1058
- .psui-el-button.icon-right{
1059
- flex-direction: row-reverse;
1060
- }
1061
- .psui-el-button.size-big{
1062
- display: flex;
1063
- align-content: center;
1064
- align-items: center;
1065
- padding: 9.5px 16px;
1066
- }
1067
- .psui-el-button.size-big.icon-left {
1068
- padding: 8px 16px;
1069
- }
1070
- .psui-el-button.size-big.icon-left i {
1071
- font-size: 24px;
1072
- margin-right: 8px;
1073
- }
1074
- .psui-el-button.size-big.icon-right {
1075
- padding: 8px 16px;
1076
- }
1077
- .psui-el-button.size-big.icon-right i {
1078
- font-size: 24px;
1079
- margin-left: 8px;
1080
- }
1081
- .psui-el-button.size-medium{
1082
- display: flex;
1083
- align-content: center;
1084
- align-items: center;
1085
- padding: 7px 13px;
1086
- font-size: 14px;
1087
- }
1088
- .psui-el-button.size-medium.icon-left i {
1089
- font-size: 18px;
1090
- margin-right: 4px;
1091
- }
1092
- .psui-el-button.size-medium.icon-right i {
1093
- font-size: 18px;
1094
- margin-left: 4px;
1095
- }
1096
- .psui-el-button.size-small{
1097
- display: flex;
1098
- align-items: center;
1099
- justify-content: center;
1100
- border-radius: 0.25rem;
1101
- padding-top: 0.25rem;
1102
- padding-bottom: 0.25rem;
1103
- padding-left: 0.5rem;
1104
- padding-right: 0.5rem;
1105
- font-size: 14px;
1106
- }
1107
- .psui-el-button.size-small.layout-onlytext:active:not(.disabled){
1108
- --tw-bg-opacity: 1;
1109
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
1110
- --tw-text-opacity: 1;
1111
- color: rgb(49 143 172 / var(--tw-text-opacity));
1112
- box-shadow: inset 0px 1px 2px rgba(0,0,0,0.05);
1113
- }
1114
- .psui-el-button.size-small.hover.layout-onlytext{
1115
- --tw-bg-opacity: 1 !important;
1116
- background-color: rgb(224 239 246 / var(--tw-bg-opacity)) !important;
1117
- --tw-text-opacity: 1 !important;
1118
- color: rgb(49 143 172 / var(--tw-text-opacity)) !important;
1119
- }
1120
- .psui-el-button.size-small.icon-left i {
1121
- font-size: 18px;
1122
- margin-right: 4px;
1123
- }
1124
- .psui-el-button.size-small.icon-right i {
1125
- font-size: 18px;
1126
- margin-left: 4px;
1127
- }
1128
- .psui-el-button.layout-solid{
1129
- --tw-bg-opacity: 1;
1130
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
1131
- --tw-text-opacity: 1;
1132
- color: rgb(255 255 255 / var(--tw-text-opacity));
1133
- }
1134
- .psui-el-button.layout-solid.hover{
1135
- --tw-bg-opacity: 1;
1136
- background-color: rgb(100 181 206 / var(--tw-bg-opacity));
1137
- --tw-text-opacity: 1;
1138
- color: rgb(255 255 255 / var(--tw-text-opacity));
1139
- }
1140
- .psui-el-button.layout-solid:active:not(.disabled){
1141
- --tw-bg-opacity: 1;
1142
- background-color: rgb(100 181 206 / var(--tw-bg-opacity));
1143
- --tw-text-opacity: 1;
1144
- color: rgb(255 255 255 / var(--tw-text-opacity));
1145
- box-shadow: inset 0px 1px 2px rgba(0,0,0,0.15);
1146
- }
1147
- .psui-el-button.layout-solid.disabled{
1148
- cursor: default;
1149
- --tw-bg-opacity: 1;
1150
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
1151
- --tw-text-opacity: 1;
1152
- color: rgb(162 172 183 / var(--tw-text-opacity));
1153
- }
1154
- .psui-el-button.layout-solid.\!disabled{
1155
- cursor: default;
1156
- --tw-bg-opacity: 1;
1157
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
1158
- --tw-text-opacity: 1;
1159
- color: rgb(162 172 183 / var(--tw-text-opacity));
1160
- }
1161
- .psui-el-button.layout-outline{
1162
- border-width: 1px;
1163
- --tw-border-opacity: 1;
1164
- border-color: rgb(100 181 206 / var(--tw-border-opacity));
1165
- --tw-text-opacity: 1;
1166
- color: rgb(49 143 172 / var(--tw-text-opacity));
1167
- background: transparent;
1168
- }
1169
- .psui-el-button.layout-outline.hover,
1170
- .psui-el-button.layout-outline:active{
1171
- border-width: 1px;
1172
- --tw-border-opacity: 1;
1173
- border-color: rgb(49 143 172 / var(--tw-border-opacity));
1174
- }
1175
- .psui-el-button.layout-outline.disabled{
1176
- cursor: default;
1177
- --tw-border-opacity: 1;
1178
- border-color: rgb(214 221 229 / var(--tw-border-opacity));
1179
- --tw-text-opacity: 1;
1180
- color: rgb(162 172 183 / var(--tw-text-opacity));
1181
- }
1182
- .psui-el-button.layout-outline.\!disabled{
1183
- cursor: default;
1184
- --tw-border-opacity: 1;
1185
- border-color: rgb(214 221 229 / var(--tw-border-opacity));
1186
- --tw-text-opacity: 1;
1187
- color: rgb(162 172 183 / var(--tw-text-opacity));
1188
- }
1189
- .psui-el-button.layout-ghost{
1190
- --tw-bg-opacity: 1;
1191
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
1192
- --tw-text-opacity: 1;
1193
- color: rgb(49 143 172 / var(--tw-text-opacity));
1194
- }
1195
- .psui-el-button.layout-ghost.hover{
1196
- --tw-bg-opacity: 1;
1197
- background-color: rgb(236 247 251 / var(--tw-bg-opacity));
1198
- }
1199
- .psui-el-button.layout-ghost:active:not(.disabled) {
1200
- box-shadow: inset 0px 1px 2px rgba(0,0,0,0.05)
1201
- }
1202
- .psui-el-button.layout-ghost.disabled{
1203
- cursor: default;
1204
- --tw-bg-opacity: 1;
1205
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
1206
- --tw-text-opacity: 1;
1207
- color: rgb(162 172 183 / var(--tw-text-opacity));
1208
- }
1209
- .psui-el-button.layout-ghost.\!disabled{
1210
- cursor: default;
1211
- --tw-bg-opacity: 1;
1212
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
1213
- --tw-text-opacity: 1;
1214
- color: rgb(162 172 183 / var(--tw-text-opacity));
1215
- }
1216
- .psui-el-button.layout-onlytext{
1217
- --tw-bg-opacity: 1;
1218
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1219
- --tw-text-opacity: 1;
1220
- color: rgb(49 143 172 / var(--tw-text-opacity));
1221
- }
1222
- .psui-el-button.layout-onlytext.disabled{
1223
- cursor: default;
1224
- --tw-text-opacity: 1;
1225
- color: rgb(162 172 183 / var(--tw-text-opacity));
1226
- }
1227
- .psui-el-button.layout-onlytext.\!disabled{
1228
- cursor: default;
1229
- --tw-text-opacity: 1;
1230
- color: rgb(162 172 183 / var(--tw-text-opacity));
1231
- }
1232
- .psui-el-button.layout-onlytext.hover{
1233
- --tw-text-opacity: 1;
1234
- color: rgb(100 181 206 / var(--tw-text-opacity));
1235
- }
1236
- .psui-el-button.layout-caution{
1237
- --tw-bg-opacity: 1;
1238
- background-color: rgb(252 235 235 / var(--tw-bg-opacity));
1239
- --tw-text-opacity: 1;
1240
- color: rgb(214 92 90 / var(--tw-text-opacity));
1241
- }
1242
- .psui-el-button.layout-caution.hover,
1243
- .psui-el-button.layout-caution:active:not(.disabled){
1244
- --tw-bg-opacity: 1;
1245
- background-color: rgb(252 235 235 / var(--tw-bg-opacity));
1246
- --tw-text-opacity: 1;
1247
- color: rgb(170 57 55 / var(--tw-text-opacity));
1248
- }
1249
- .psui-el-button.layout-caution.disabled{
1250
- cursor: default;
1251
- --tw-bg-opacity: 1;
1252
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
1253
- --tw-text-opacity: 1;
1254
- color: rgb(162 172 183 / var(--tw-text-opacity));
1255
- }
1256
- .psui-el-button.layout-caution.\!disabled{
1257
- cursor: default;
1258
- --tw-bg-opacity: 1;
1259
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
1260
- --tw-text-opacity: 1;
1261
- color: rgb(162 172 183 / var(--tw-text-opacity));
1262
- }
1263
- .psui-el-card-infos{
1264
- display: flex;
1265
- cursor: pointer;
1266
- flex-direction: column;
1267
- align-items: center;
1268
- justify-content: center;
1269
- border-radius: 0.375rem;
1270
- border-width: 1px;
1271
- --tw-border-opacity: 1;
1272
- border-color: rgb(230 236 242 / var(--tw-border-opacity));
1273
- padding-left: 0.75rem;
1274
- padding-right: 0.75rem;
1275
- padding-top: 0.5rem;
1276
- padding-bottom: 0.5rem;
1277
- }
1278
- .psui-el-card-infos-title{
1279
- margin-bottom: 0.25rem;
1280
- font-size: 12px;
1281
- line-height: 130%;
1282
- font-weight: 700;
1283
- --tw-text-opacity: 1;
1284
- color: rgb(162 172 183 / var(--tw-text-opacity));
1285
- }
1286
- .psui-el-card-infos-content{
1287
- display: flex;
1288
- width: 100%;
1289
- align-items: center;
1290
- justify-content: flex-end;
1291
- font-size: 16px;
1292
- line-height: 130%;
1293
- }
1294
- .psui-el-card-infos-icon{
1295
- margin-right: 0.25rem;
1296
- --tw-text-opacity: 1;
1297
- color: rgb(100 181 206 / var(--tw-text-opacity));
1298
- font-size: 17px;
1299
- }
1300
- .psui-el-card-infos:hover .psui-el-card-infos-icon{
1301
- --tw-text-opacity: 1;
1302
- color: rgb(49 143 172 / var(--tw-text-opacity));
1303
- }
1304
- .psui-el-chart-legend{
1305
- display: flex;
1306
- border-radius: 0.25rem;
1307
- padding: 0.5rem;
1308
- }
1309
- .psui-el-chart-legend-dot{
1310
- border-radius: 9999px;
1311
- --tw-bg-opacity: 1;
1312
- background-color: rgb(87 192 186 / var(--tw-bg-opacity));
1313
- width: 14px; height: 14px;
1314
- margin-right: 6px;
1315
- }
1316
- .psui-el-chart-legend-text{
1317
- font-size: 12px;
1318
- line-height: 130%;
1319
- font-weight: 700;
1320
- --tw-text-opacity: 1;
1321
- color: rgb(121 132 144 / var(--tw-text-opacity));
1322
- }
1323
- .psui-el-chart-legend-total{
1324
- margin-top: 0.25rem;
1325
- font-size: 16px;
1326
- line-height: 130%;
1327
- --tw-text-opacity: 1;
1328
- color: rgb(40 50 59 / var(--tw-text-opacity));
1329
- }
1330
- .psui-el-chart-legend-percentage{
1331
- margin-top: 0.25rem;
1332
- font-size: 16px;
1333
- line-height: 130%;
1334
- --tw-text-opacity: 1;
1335
- color: rgb(121 132 144 / var(--tw-text-opacity));
1336
- }
1337
- .psui-el-climate-zone-badge{
1338
- display: flex;
1339
- align-items: center;
1340
- border-radius: 0.25rem;
1341
- --tw-bg-opacity: 1;
1342
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
1343
- --tw-text-opacity: 1;
1344
- color: rgb(121 132 144 / var(--tw-text-opacity));
1345
- transition-property: all;
1346
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1347
- transition-duration: 300ms;
1348
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1349
- width: -moz-fit-content;
1350
- width: fit-content;
1351
- padding: 0px 6px;
1352
- }
1353
- .psui-el-climate-zone-badge:hover{
1354
- --tw-bg-opacity: 1;
1355
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
1356
- --tw-text-opacity: 1;
1357
- color: rgb(49 143 172 / var(--tw-text-opacity));
1358
- }
1359
- .psui-el-climate-zone-badge i {
1360
- font-family: 'Material Icons Round';
1361
- font-style: normal;
1362
- margin-right: 4px;
1363
- font-size: 16px;
1364
- }
1365
- .psui-el-climate-zone-badge span{
1366
- display: inline-block;
1367
- align-self: flex-end;
1368
- font-weight: 700;
1369
- font-size: 12px;
1370
- line-height: 120%;
1371
- margin-bottom: 3.5px;
1372
- }
1373
- .psui-el-cost-effect-bar{
1374
- overflow: visible;
1375
- }
1376
- .psui-el-cost-effect-bar div{
1377
- position: relative;
1378
- height: 0.5rem;
1379
- border-radius: 1rem;
1380
- width: 100px;
1381
- }
1382
- .psui-el-cost-effect-bar div span{
1383
- position: absolute;
1384
- z-index: 10;
1385
- border-radius: 0.125rem;
1386
- background-color: #d6dde5;
1387
- width: 2px;
1388
- height: 14px;
1389
- top: -3px;
1390
- }
1391
- .psui-el-cost-effect-bar div .psui-el-simple-progress-bar{
1392
- overflow: hidden;
1393
- }
1394
- .psui-el-cost-effect-bar div .psui-el-simple-progress-bar-percentage {
1395
- border-radius: unset;
1396
- }
1397
- .psui-el-highlight-ripple-icon{
1398
- position: static;
1399
- box-sizing: border-box;
1400
- }
1401
- .psui-el-highlight-ripple-icon .psui-el-icon{
1402
- position: relative;
1403
- height: 0.5rem;
1404
- width: 0.5rem;
1405
- border-radius: 9999px;
1406
- background-color: #5db883;
1407
- margin: 100px auto;
1408
- }
1409
- .psui-el-highlight-ripple-icon .psui-el-icon::before, .psui-el-highlight-ripple-icon .psui-el-icon::after{
1410
- position: absolute;
1411
- transform-origin: center;
1412
- border-radius: 9999px;
1413
- background-color: rgba(93, 184, 131, 0.3);
1414
- border: solid 0px;
1415
- content: '';
1416
- width: 36px;
1417
- height: 36px;
1418
- left: -8px;
1419
- top: -8px;
1420
- transform: scale(1) translate(-1px, -1px);
1421
- z-index: -1;
1422
- }
1423
- .psui-el-highlight-ripple-icon .psui-el-icon::before {
1424
- animation: ripple 1s infinite;
1425
- }
1426
- .psui-el-highlight-ripple-icon .psui-el-icon::after {
1427
- animation: ripple 1s infinite;
1428
-
1429
- }
1430
- @keyframes ripple {
1431
- 0%{
1432
- height: 0px;
1433
- width: 0px;
1434
- opacity: 1;
1435
- left: 5px;
1436
- top: 5px;
1437
- }
1438
- 100%{
1439
- opacity: 0;
1440
- left: -13px;
1441
- top: -13px;
1442
- width: 36px;
1443
- height: 36px;
1444
- }
1445
- }
1446
- .psui-el-table{
1447
- width: 100%;
1448
- table-layout: fixed;
1449
- border-collapse: separate;
1450
- overflow: hidden;
1451
- border-radius: 0.25rem;
1452
- border-width: 1px;
1453
- --tw-border-opacity: 1;
1454
- border-color: rgb(230 236 242 / var(--tw-border-opacity));
1455
- font-size: 14px;
1456
- line-height: 130%;
1457
- --tw-text-opacity: 1;
1458
- color: rgb(81 94 106 / var(--tw-text-opacity));
1459
- border-spacing: 0;
1460
- }
1461
- .psui-el-table.psui-text-right th:first-child, .psui-el-table.psui-text-right td:first-child {
1462
- text-align: left;
1463
- }
1464
- .psui-el-table thead th, .psui-el-table tfoot th{
1465
- --tw-bg-opacity: 1;
1466
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
1467
- }
1468
- .psui-el-table th, .psui-el-table td {
1469
- border-bottom: 1px solid #e6ecf2;
1470
- }
1471
- .psui-el-table th,
1472
- .psui-el-table td,
1473
- .psui-el-table tr {
1474
- padding: 11px 16px;
1475
- }
1476
- .psui-el-table th:not(:last-child), .psui-el-table td:not(:last-child), .psui-el-table tr:not(:last-child) {
1477
- border-right: 1px solid #e6ecf2;
1478
- }
1479
- .psui-el-table thead th{
1480
- --tw-bg-opacity: 1;
1481
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
1482
- font-weight: 700;
1483
- text-transform: capitalize;
1484
- --tw-text-opacity: 1;
1485
- color: rgb(40 50 59 / var(--tw-text-opacity));
1486
- }
1487
- .psui-el-table tfoot th {
1488
- border-bottom: 0;
1489
- }
1490
- .psui-el-table-results-wrapper{
1491
- display: flex;
1492
- width: 100%;
1493
- overflow: auto;
1494
- white-space: nowrap;
1495
- }
1496
- .psui-el-table-results-wrapper.table-flexible{
1497
- padding-right: 1rem;
1498
- }
1499
- .psui-el-table-results{
1500
- position: relative;
1501
- width: 100%;
1502
- max-width: 100%;
1503
- vertical-align: top;
1504
- font-size: 16px;
1505
- line-height: 130%;
1506
- }
1507
- .psui-el-table-results.layout-results tr th:last-child, .psui-el-table-results.layout-results tr td:last-child{
1508
- padding-right: 0.5rem;
1509
- }
1510
- .psui-el-table-results.layout-results thead{
1511
- position: sticky;
1512
- top: 0px;
1513
- z-index: 15;
1514
- align-items: flex-start;
1515
- --tw-bg-opacity: 1;
1516
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1517
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 2px 5px rgba(0, 0, 0, 0.08);
1518
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 2px 5px var(--tw-shadow-color);
1519
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1520
- }
1521
- .psui-el-table-results.layout-results thead:after {
1522
- content: '';
1523
- position: absolute;
1524
- top: 0px;
1525
- display: inline-block;
1526
- height: 100%;
1527
- width: 0.5rem;
1528
- --tw-bg-opacity: 1;
1529
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1530
- right: -8px;
1531
- }
1532
- .psui-el-table-results.layout-results thead tr .title{
1533
- font-size: 14px;
1534
- line-height: 130%;
1535
- font-weight: 700;
1536
- line-height: 1rem;
1537
- --tw-text-opacity: 1;
1538
- color: rgb(40 50 59 / var(--tw-text-opacity));
1539
- }
1540
- .psui-el-table.psui-el-table-results.layout-results thead tr th th:first-child, .psui-el-table.psui-el-table-results.layout-results thead tr th td:first-child {
1541
- text-align: left;
1542
- }
1543
- .psui-el-table-results.layout-results thead tr th{
1544
- width: auto;
1545
- padding-left: 1.5rem;
1546
- text-align: right;
1547
- vertical-align: top;
1548
- --tw-text-opacity: 1;
1549
- color: rgb(121 132 144 / var(--tw-text-opacity));
1550
- padding-top: 13px;
1551
- padding-bottom: 13px;
1552
- }
1553
- .psui-el-table-results.layout-results thead tr th .description{
1554
- font-size: 12px;
1555
- font-weight: 400;
1556
- line-height: 110%;
1557
- }
1558
- .psui-el-table-results.layout-results thead tr th:first-child{
1559
- position: sticky;
1560
- left: 0px;
1561
- z-index: 10;
1562
- --tw-bg-opacity: 1;
1563
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1564
- padding-left: 0px;
1565
- padding-right: 2rem;
1566
- text-align: left;
1567
- box-shadow: inset -1px 0px 0px #EBEEF0;
1568
- min-width: 300px;
1569
- }
1570
- .psui-el-table-results.layout-results thead tr th:first-child > div{
1571
- padding-left: 0px;
1572
- }
1573
- .psui-el-table-results.layout-results thead tr:first-of-type th{
1574
- text-align: left;
1575
- padding-top: 0;
1576
- padding-bottom: 0;
1577
- }
1578
- .psui-el-table-results.layout-results thead tr:first-of-type th > div{
1579
- display: flex;
1580
- flex-direction: row;
1581
- border-bottom-width: 1px;
1582
- --tw-border-opacity: 1;
1583
- border-color: rgb(214 221 229 / var(--tw-border-opacity));
1584
- padding-top: 0.688rem;
1585
- padding-bottom: 0.688rem;
1586
- }
1587
- .psui-el-table-results.layout-results thead tr:first-of-type p{
1588
- font-size: 16px;
1589
- line-height: 130%;
1590
- line-height: 18px;
1591
- }
1592
- .psui-el-table-results.layout-results tbody tr{
1593
- border-bottom-width: 1px;
1594
- --tw-border-opacity: 1;
1595
- border-color: rgb(230 236 242 / var(--tw-border-opacity));
1596
- }
1597
- .psui-el-table-results.layout-results tbody tr.is-first .title{
1598
- font-weight: 700;
1599
- --tw-text-opacity: 1;
1600
- color: rgb(40 50 59 / var(--tw-text-opacity));
1601
- }
1602
- .psui-el-table-results.layout-results tbody tr .title{
1603
- display: flex;
1604
- align-items: center;
1605
- line-height: 24px;
1606
- }
1607
- .psui-el-table.psui-el-table-results.layout-results tbody tr td th:first-child, .psui-el-table.psui-el-table-results.layout-results tbody tr td td:first-child {
1608
- text-align: left;
1609
- }
1610
- .psui-el-table-results.layout-results tbody tr td{
1611
- height: 2.5rem;
1612
- padding-left: 2rem;
1613
- text-align: right;
1614
- font-size: 14px;
1615
- line-height: 130%;
1616
- --tw-text-opacity: 1;
1617
- color: rgb(40 50 59 / var(--tw-text-opacity));
1618
- padding-top: 0.688rem;
1619
- padding-bottom: 0.688rem;
1620
- min-height: 41.5px;
1621
- }
1622
- .psui-el-table-results.layout-results tbody tr td > div{
1623
- display: flex;
1624
- align-items: center;
1625
- }
1626
- .psui-el-table-results.layout-results tbody tr td .actions{
1627
- position: relative;
1628
- display: flex;
1629
- height: 100%;
1630
- align-items: center;
1631
- }
1632
- .psui-el-table-results.layout-results tbody tr td .actions-button{
1633
- margin-left: 0.25rem;
1634
- cursor: pointer;
1635
- }
1636
- .psui-el-table-results.layout-results tbody tr td .actions .is-last-deep{
1637
- padding-left: 2.5rem;
1638
- }
1639
- .psui-el-table-results.layout-results tbody tr td:not(:first-child) > div{
1640
- justify-content: flex-end;
1641
- }
1642
- .psui-el-table-results.layout-results tbody tr td:first-child{
1643
- position: sticky;
1644
- left: 0px;
1645
- z-index: 10;
1646
- display: block;
1647
- --tw-bg-opacity: 1;
1648
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1649
- padding-left: 0px;
1650
- padding-right: 2rem;
1651
- text-align: left;
1652
- box-shadow: inset -1px 0px 0px #EBEEF0;
1653
- padding-top: 8px;
1654
- padding-bottom: 8px;
1655
- }
1656
- .psui-el-table-results.layout-results tbody tr.is-active{
1657
- --tw-bg-opacity: 1;
1658
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
1659
- }
1660
- .psui-el-table-results.layout-results tbody tr.is-active td:first-child{
1661
- --tw-bg-opacity: 1;
1662
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
1663
- }
1664
- .psui-el-table-results.layout-comparison.is-sticky tr:first-of-type th:first-child,
1665
- .psui-el-table-results.layout-comparison.is-sticky td:first-child {
1666
- box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.15);
1667
- border-right-color: transparent;
1668
- }
1669
- .psui-el-table-results.layout-comparison tr th, .psui-el-table-results.layout-comparison tr td{
1670
- position: relative;
1671
- }
1672
- .psui-el-table-results.layout-comparison thead{
1673
- align-items: flex-start;
1674
- --tw-bg-opacity: 1;
1675
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
1676
- }
1677
- .psui-el-table-results.layout-comparison thead div{
1678
- position: relative;
1679
- }
1680
- .psui-el-table-results.layout-comparison thead tr .title{
1681
- font-size: 14px;
1682
- line-height: 130%;
1683
- font-weight: 700;
1684
- line-height: 1rem;
1685
- --tw-text-opacity: 1;
1686
- color: rgb(40 50 59 / var(--tw-text-opacity));
1687
- }
1688
- .psui-el-table-results.layout-comparison thead tr th{
1689
- padding-left: 1.5rem;
1690
- padding-right: 1.5rem;
1691
- text-align: center;
1692
- vertical-align: top;
1693
- --tw-text-opacity: 1;
1694
- color: rgb(121 132 144 / var(--tw-text-opacity));
1695
- padding-top: 0.688rem;
1696
- padding-bottom: 0.188rem;
1697
- min-width: 200px;
1698
- }
1699
- .psui-el-table-results.layout-comparison thead tr th .description{
1700
- font-size: 12px;
1701
- font-weight: 400;
1702
- line-height: 110%;
1703
- }
1704
- .psui-el-table-results.layout-comparison thead tr:not(:first-of-type) th:after{
1705
- position: absolute;
1706
- top: 0px;
1707
- display: inline-block;
1708
- width: 1px;
1709
- content: '';
1710
- right: -1px;
1711
- height: calc(100% + 0.5rem);
1712
- background-color: #C3CAD1;
1713
- }
1714
- .psui-el-table-results.layout-comparison thead tr:not(:first-of-type) th:last-child:after {
1715
- display: none;
1716
- }
1717
- .psui-el-table-results.layout-comparison thead tr:first-of-type th{
1718
- padding-left: 1.5rem;
1719
- padding-right: 1.5rem;
1720
- text-align: left;
1721
- font-size: 16px;
1722
- line-height: 130%;
1723
- --tw-text-opacity: 1;
1724
- color: rgb(121 132 144 / var(--tw-text-opacity));
1725
- padding-top: 7px;
1726
- padding-bottom: 7px;
1727
- }
1728
- .psui-el-table-results.layout-comparison thead tr:first-of-type th:after{
1729
- position: absolute;
1730
- top: 0px;
1731
- right: 0px;
1732
- display: inline-block;
1733
- content: '';
1734
- width: 1px;
1735
- height: calc(100% + 0.5rem);
1736
- background-color: #C3CAD1;
1737
- }
1738
- .psui-el-table-results.layout-comparison thead tr:first-of-type th:first-child{
1739
- position: sticky;
1740
- left: 0px;
1741
- z-index: 10;
1742
- --tw-bg-opacity: 1;
1743
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
1744
- vertical-align: middle;
1745
- padding-left: 22px;
1746
- min-width: 240px;
1747
- }
1748
- .psui-el-table-results.layout-comparison thead tr:first-of-type th:first-child .title{
1749
- font-size: 17px;
1750
- line-height: 120%;
1751
- font-weight: 700;
1752
- --tw-text-opacity: 1;
1753
- color: rgb(40 50 59 / var(--tw-text-opacity));
1754
- }
1755
- .psui-el-table-results.layout-comparison thead tr:first-of-type th:first-child:after {
1756
- width: 2px;
1757
- }
1758
- .psui-el-table-results.layout-comparison thead tr:first-of-type th:last-child:after {
1759
- display: none;
1760
- }
1761
- .psui-el-table-results.layout-comparison thead tr:first-of-type p{
1762
- font-size: 14px;
1763
- line-height: 130%;
1764
- line-height: 18px;
1765
- }
1766
- .psui-el-table-results.layout-comparison thead tr:first-of-type p.title{
1767
- font-weight: 400;
1768
- --tw-text-opacity: 1;
1769
- color: rgb(121 132 144 / var(--tw-text-opacity));
1770
- }
1771
- .psui-el-table-results.layout-comparison tbody tr {
1772
- border-bottom: 8px solid transparent;
1773
- }
1774
- .psui-el-table-results.layout-comparison tbody tr td{
1775
- position: relative;
1776
- border-right: 1px solid #C8D0D9;
1777
- }
1778
- .psui-el-table-results.layout-comparison tbody tr td > div {
1779
- position: relative;
1780
- z-index: 3;
1781
- }
1782
- .psui-el-table-results.layout-comparison tbody tr td .title{
1783
- margin-left: 0.25rem;
1784
- overflow: hidden;
1785
- text-overflow: ellipsis;
1786
- white-space: nowrap;
1787
- font-size: 14px;
1788
- line-height: 130%;
1789
- font-weight: 700;
1790
- line-height: 1;
1791
- --tw-text-opacity: 1;
1792
- color: rgb(40 50 59 / var(--tw-text-opacity));
1793
- width: 144px;
1794
- }
1795
- .psui-el-table-results.layout-comparison tbody tr td .badge{
1796
- display: flex;
1797
- height: 1.5rem;
1798
- align-items: center;
1799
- justify-content: center;
1800
- border-radius: 0.25rem;
1801
- width: 28px;
1802
- background-color: #D3EFDE;
1803
- }
1804
- .psui-el-table-results.layout-comparison tbody tr td:before,
1805
- .psui-el-table-results.layout-comparison tbody tr td:after {
1806
- content: '';
1807
- position: absolute;
1808
- left: 0;
1809
- width: 100%;
1810
- background-color: #fff;
1811
- }
1812
- .psui-el-table-results.layout-comparison tbody tr td:before {
1813
- top: 0;
1814
- height: 100%;
1815
- box-shadow: 0px 0px 4px rgb(0 0 0 / 3%), 0px 1px 2px rgb(0 0 0 / 10%);
1816
- z-index: 1;
1817
- }
1818
- .psui-el-table-results.layout-comparison tbody tr td:after {
1819
- background-color: #fff;
1820
- bottom: 0;
1821
- height: 8px;
1822
- z-index: 11;
1823
- width: calc(100% - 1px);
1824
- }
1825
- .psui-el-table-results.layout-comparison tbody tr td:first-child{
1826
- position: sticky;
1827
- left: 0px;
1828
- z-index: 10;
1829
- border-top-left-radius: 0.375rem;
1830
- border-bottom-left-radius: 0.375rem;
1831
- --tw-bg-opacity: 1;
1832
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1833
- padding-left: 0.75rem;
1834
- padding-right: 0.75rem;
1835
- border-right-width: 2px;
1836
- }
1837
- .psui-el-table-results.layout-comparison tbody tr td:last-child{
1838
- border-top-right-radius: 0.375rem;
1839
- border-bottom-right-radius: 0.375rem;
1840
- border-right-width: 0px;
1841
- padding-left: 0.75rem;
1842
- padding-right: 0.75rem;
1843
- }
1844
- .psui-el-table-results.layout-comparison tbody tr.opened td:before{
1845
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
1846
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 5px 6px var(--tw-shadow-color);
1847
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1848
- }
1849
- .psui-el-table-results.layout-comparison tbody tr.is-first.opened td:first-child{
1850
- border-bottom-left-radius: 0px;
1851
- }
1852
- .psui-el-table-results.layout-comparison tbody tr.is-first.opened td:last-child{
1853
- border-bottom-right-radius: 0px;
1854
- }
1855
- .psui-el-table-results.layout-comparison tbody tr:not(.is-first) td:first-child{
1856
- border-top-left-radius: 0px;
1857
- }
1858
- .psui-el-table-results.layout-comparison tbody tr:not(.is-first) td:last-child{
1859
- border-top-right-radius: 0px;
1860
- }
1861
- .psui-el-table-results.layout-comparison tbody tr:not(.is-first).opened {
1862
- border-bottom-width: 14px;
1863
- }
1864
- .psui-el-table-results.layout-flexible tr th:last-child, .psui-el-table-results.layout-flexible tr td:last-child{
1865
- padding-right: 0.5rem;
1866
- }
1867
- .psui-el-table-results.layout-flexible thead{
1868
- position: sticky;
1869
- top: 0px;
1870
- z-index: 15;
1871
- align-items: flex-start;
1872
- --tw-bg-opacity: 1;
1873
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1874
- }
1875
- .psui-el-table-results.layout-flexible thead:after {
1876
- content: '';
1877
- position: absolute;
1878
- top: 0px;
1879
- display: inline-block;
1880
- height: 100%;
1881
- width: 0.5rem;
1882
- --tw-bg-opacity: 1;
1883
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1884
- right: -8px;
1885
- }
1886
- .psui-el-table-results.layout-flexible thead tr .title{
1887
- font-size: 14px;
1888
- line-height: 130%;
1889
- font-weight: 700;
1890
- line-height: 1rem;
1891
- }
1892
- .psui-el-table.psui-el-table-results.layout-flexible thead tr th th:first-child, .psui-el-table.psui-el-table-results.layout-flexible thead tr th td:first-child {
1893
- text-align: left;
1894
- }
1895
- .psui-el-table-results.layout-flexible thead tr th{
1896
- width: auto;
1897
- text-align: right;
1898
- vertical-align: top;
1899
- --tw-text-opacity: 1;
1900
- color: rgb(121 132 144 / var(--tw-text-opacity));
1901
- padding-top: 0.438rem;
1902
- padding-bottom: 0.625rem;
1903
- }
1904
- .psui-el-table-results.layout-flexible thead tr th .description{
1905
- font-size: 12px;
1906
- font-weight: 400;
1907
- line-height: 110%;
1908
- }
1909
- .psui-el-table-results.layout-flexible thead tr th:first-child{
1910
- position: sticky;
1911
- left: 0px;
1912
- z-index: 10;
1913
- --tw-bg-opacity: 1;
1914
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1915
- text-align: left;
1916
- padding-left: 0;
1917
- }
1918
- .psui-el-table-results.layout-flexible thead tr th:first-child > div{
1919
- align-items: flex-start;
1920
- }
1921
- .psui-el-table-results.layout-flexible thead tr th:first-child.pseudo-line::after {
1922
- content: '';
1923
- position: absolute;
1924
- top: 10px;
1925
- right: 0;
1926
- width: 1px;
1927
- height: calc(100%);
1928
- background-color: #D6DDE5;
1929
- }
1930
- .psui-el-table-results.layout-flexible thead tr:first-of-type th{
1931
- text-align: left;
1932
- padding-top: 0;
1933
- padding-bottom: 0;
1934
- padding-left: 10px;
1935
- position: sticky;
1936
- }
1937
- .psui-el-table-results.layout-flexible thead tr:first-of-type th:first-child {
1938
- padding-left: 0;
1939
- width: 598px;
1940
- }
1941
- .psui-el-table-results.layout-flexible thead tr:first-of-type th > div{
1942
- display: flex;
1943
- flex-direction: row;
1944
- border-bottom-width: 1px;
1945
- --tw-border-opacity: 1;
1946
- border-color: rgb(214 221 229 / var(--tw-border-opacity));
1947
- padding-top: 0.5rem;
1948
- padding-bottom: 0.625rem;
1949
- }
1950
- .psui-el-table-results.layout-flexible thead tr:first-of-type th > div > .title{
1951
- font-size: 12px;
1952
- line-height: 130%;
1953
- letter-spacing: 0.6px;
1954
- font-weight: 700;
1955
- text-transform: uppercase;
1956
- --tw-text-opacity: 1;
1957
- color: rgb(81 94 106 / var(--tw-text-opacity));
1958
- }
1959
- .psui-el-table-results.layout-flexible thead tr:first-of-type p{
1960
- font-size: 16px;
1961
- line-height: 130%;
1962
- line-height: 18px;
1963
- }
1964
- .psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th {
1965
- padding-left: 20px;
1966
- }
1967
- .psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th .title{
1968
- --tw-text-opacity: 1;
1969
- color: rgb(0 42 58 / var(--tw-text-opacity));
1970
- }
1971
- .psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th p:not(:first-of-type){
1972
- --tw-text-opacity: 1;
1973
- color: rgb(121 132 144 / var(--tw-text-opacity));
1974
- }
1975
- .psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th:first-child{
1976
- text-align: left;
1977
- width: 352px;
1978
- padding-left: 0;
1979
- }
1980
- .psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th:nth-child(2){
1981
- position: sticky;
1982
- z-index: 10;
1983
- --tw-bg-opacity: 1;
1984
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1985
- left: 352px;
1986
- min-width: 140px;
1987
- }
1988
- .psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th:nth-child(3){
1989
- position: sticky;
1990
- z-index: 10;
1991
- --tw-bg-opacity: 1;
1992
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1993
- left: 492px;
1994
- }
1995
- .psui-el-table-results.layout-flexible tbody tr{
1996
- --tw-border-opacity: 1;
1997
- border-color: rgb(230 236 242 / var(--tw-border-opacity));
1998
- transition: background-color 0.5s ease;
1999
- }
2000
- .psui-el-table-results.layout-flexible tbody tr .title{
2001
- display: flex;
2002
- align-items: center;
2003
- line-height: 24px;
2004
- }
2005
- .psui-el-table-results.layout-flexible tbody tr.removed-class td{
2006
- --tw-bg-opacity: 1 !important;
2007
- background-color: rgb(243 246 249 / var(--tw-bg-opacity)) !important;
2008
- --tw-text-opacity: 1 !important;
2009
- color: rgb(162 172 183 / var(--tw-text-opacity)) !important;
2010
- transition: background-color 0.5s ease;
2011
- }
2012
- .psui-el-table-results.layout-flexible tbody tr.removed-class td:first-child > div {
2013
- margin-left: 4px;
2014
- }
2015
- .psui-el-table-results.layout-flexible tbody tr.is-disabled td.hover-color {
2016
- background-color: #E6ECF2 !important;
2017
- opacity: 0.99;
2018
- transition: background-color 0.5s ease;
2019
- }
2020
- .psui-el-table.psui-el-table-results.layout-flexible tbody tr td th:first-child, .psui-el-table.psui-el-table-results.layout-flexible tbody tr td td:first-child {
2021
- text-align: left;
2022
- }
2023
- .psui-el-table-results.layout-flexible tbody tr td{
2024
- height: 2.5rem;
2025
- text-align: right;
2026
- font-size: 14px;
2027
- line-height: 130%;
2028
- --tw-text-opacity: 1;
2029
- color: rgb(52 64 74 / var(--tw-text-opacity));
2030
- padding-top: 0.688rem;
2031
- padding-bottom: 0.688rem;
2032
- min-height: 41.5px;
2033
- padding-left: 20px;
2034
- }
2035
- .psui-el-table-results.layout-flexible tbody tr td.hover-color {
2036
- background-color: #ECF7FB !important;
2037
- opacity: 0.99;
2038
- transition: background-color 0.5s ease;
2039
- }
2040
- .psui-el-table-results.layout-flexible tbody tr td > div{
2041
- display: flex;
2042
- align-items: center;
2043
- }
2044
- .psui-el-table-results.layout-flexible tbody tr td .actions{
2045
- position: relative;
2046
- display: flex;
2047
- height: 100%;
2048
- align-items: center;
2049
- }
2050
- .psui-el-table-results.layout-flexible tbody tr td .actions-button{
2051
- cursor: pointer;
2052
- }
2053
- .psui-el-table-results.layout-flexible tbody tr td:first-child{
2054
- position: sticky;
2055
- left: 0px;
2056
- z-index: 10;
2057
- display: block;
2058
- padding-right: 2rem;
2059
- text-align: left;
2060
- padding-top: 8px;
2061
- padding-bottom: 8px;
2062
- width: 352px;
2063
- padding-left: 0px;
2064
- }
2065
- .psui-el-table-results.layout-flexible tbody tr td:nth-child(2){
2066
- position: sticky;
2067
- z-index: 10;
2068
- width: 140px;
2069
- left: 352px;
2070
- }
2071
- .psui-el-table-results.layout-flexible tbody tr td:nth-child(2) > div{
2072
- justify-content: center;
2073
- }
2074
- .psui-el-table-results.layout-flexible tbody tr td:nth-child(3){
2075
- position: sticky;
2076
- z-index: 10;
2077
- min-width: 140px;
2078
- left: 492px;
2079
- }
2080
- .psui-el-table-results.layout-flexible tbody tr td:nth-child(3) > div{
2081
- justify-content: center;
2082
- }
2083
- .psui-el-table-results.layout-flexible tbody tr td .psui-el-tooltip-dialog {
2084
- text-align: left;
2085
- max-width: 180px;
2086
- }
2087
- .psui-el-table-results.layout-flexible tbody tr td .psui-el-tooltip-dialog .psui-el-tooltip-content-wrapper {
2088
- white-space: normal;
2089
- }
2090
- .psui-el-table-results.layout-flexible tbody tr.is-first{
2091
- border-color: transparent;
2092
- }
2093
- .psui-el-table-results.layout-flexible tbody tr.is-first .actions-button span {
2094
- font-size: 16px !important;
2095
- }
2096
- .psui-el-table-results.layout-flexible tbody tr.is-first .title{
2097
- font-size: 12px;
2098
- line-height: 130%;
2099
- font-weight: 700;
2100
- --tw-text-opacity: 1;
2101
- color: rgb(81 94 106 / var(--tw-text-opacity));
2102
- }
2103
- .psui-el-table-results.layout-flexible tbody tr.is-first td{
2104
- height: auto;
2105
- padding-top: 0.5rem;
2106
- padding-bottom: 0px;
2107
- min-height: 1rem;
2108
- }
2109
- .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td{
2110
- --tw-bg-opacity: 1;
2111
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
2112
- --tw-text-opacity: 1;
2113
- color: rgb(162 172 183 / var(--tw-text-opacity));
2114
- transition: background-color 0.5s ease;
2115
- }
2116
- .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td .title {
2117
- margin-left: 6px;
2118
- }
2119
- .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td .actions-button {
2120
- margin-left: 2px;
2121
- }
2122
- .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child{
2123
- position: sticky;
2124
- min-width: 330px;
2125
- }
2126
- .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child:after {
2127
- content: '';
2128
- position: absolute;
2129
- top: 0px;
2130
- border-top-left-radius: 9999px;
2131
- --tw-bg-opacity: 1;
2132
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
2133
- box-shadow: -3px -3px 0px 0px #ffffff;
2134
- z-index: 30;
2135
- top: 0;
2136
- left: 0;
2137
- width: 10px;
2138
- height: 10px;
2139
- }
2140
- .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class.closed td:first-child{
2141
- position: sticky;
2142
- }
2143
- .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class.closed td:first-child:before,
2144
- .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class.closed td:first-child:after {
2145
- content: '';
2146
- position: absolute;
2147
- top: 0px;
2148
- }
2149
- .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class.closed td:first-child:after{
2150
- border-top-left-radius: 9999px;
2151
- border-bottom-left-radius: 9999px;
2152
- --tw-bg-opacity: 1;
2153
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
2154
- box-shadow: -8px 0px 0px 4px #ffffff;
2155
- top: 0;
2156
- left: 0px;
2157
- height: calc(100%);
2158
- }
2159
- .psui-el-table-results.layout-flexible tbody tr.is-first.removed-class.closed td:first-child .actions-button {
2160
- margin-left: 2px;
2161
- }
2162
- .psui-el-table-results.layout-flexible tbody tr:not(.is-first):not(.removed-class) td:first-child{
2163
- position: sticky;
2164
- }
2165
- .psui-el-table-results.layout-flexible tbody tr:not(.is-first):not(.removed-class) td:first-child:before,
2166
- .psui-el-table-results.layout-flexible tbody tr:not(.is-first):not(.removed-class) td:first-child:after {
2167
- content: '';
2168
- position: absolute;
2169
- top: 0px;
2170
- }
2171
- .psui-el-table-results.layout-flexible tbody tr:not(.is-first):not(.removed-class) td:first-child:before{
2172
- left: 0px;
2173
- --tw-bg-opacity: 1;
2174
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2175
- width: 14px;
2176
- height: calc(100% + 1px);
2177
- }
2178
- .psui-el-table-results.layout-flexible tbody tr:not(.is-first):not(.removed-class) td:first-child:after{
2179
- height: 0px;
2180
- width: 1px;
2181
- border-radius: 0.5rem;
2182
- --tw-bg-opacity: 1;
2183
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
2184
- left: 8px;
2185
- }
2186
- .psui-el-table-results.layout-flexible tbody tr:not(.is-first):not(.removed-class):hover td{
2187
- --tw-bg-opacity: 1;
2188
- background-color: rgb(236 247 251 / var(--tw-bg-opacity));
2189
- }
2190
- .psui-el-table-results.layout-flexible tbody tr:not(.is-first):not(.removed-class).opened td:first-child:after {
2191
- height: calc(100% + 1px);
2192
- }
2193
- .psui-el-table-results.layout-flexible tbody tr:not(.is-first) td:first-child > div {
2194
- margin-left: 10px;
2195
- }
2196
- .psui-el-table-results.layout-flexible tbody tr.is-last{
2197
- border-bottom-width: 0px;
2198
- }
2199
- .psui-el-table-results.layout-flexible tbody tr.is-last.removed-class td{
2200
- --tw-bg-opacity: 1 !important;
2201
- background-color: rgb(243 246 249 / var(--tw-bg-opacity)) !important;
2202
- --tw-text-opacity: 1 !important;
2203
- color: rgb(162 172 183 / var(--tw-text-opacity)) !important;
2204
- transition: background-color 0.5s ease;
2205
- }
2206
- .psui-el-table-results.layout-flexible tbody tr.is-last.removed-class td:first-child{
2207
- position: sticky;
2208
- }
2209
- .psui-el-table-results.layout-flexible tbody tr.is-last.removed-class td:first-child:after{
2210
- position: absolute;
2211
- bottom: 0px;
2212
- overflow: hidden;
2213
- border-bottom-left-radius: 9999px;
2214
- --tw-bg-opacity: 1;
2215
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
2216
- box-shadow: -3px 3px 0px 0px #fff;
2217
- content: '';
2218
- z-index: 30;
2219
- bottom: 0;
2220
- left: 0;
2221
- width: 10px;
2222
- height: 10px;
2223
- }
2224
- .psui-el-table-results.layout-flexible tbody tr.is-active td {
2225
- padding-top: 9px;
2226
- padding-bottom: 9px;
2227
- }
2228
- .psui-el-table-results.layout-flexible tbody tr.is-active td .title{
2229
- font-size: 14px;
2230
- line-height: 130%;
2231
- --tw-text-opacity: 1;
2232
- color: rgb(121 132 144 / var(--tw-text-opacity));
2233
- }
2234
- .psui-el-table-results.layout-flexible tbody tr.is-active td:first-child{
2235
- --tw-bg-opacity: 1;
2236
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
2237
- transition: background-color 0.5s ease;
2238
- }
2239
- .psui-el-checkbox{
2240
- position: relative;
2241
- --tw-text-opacity: 1;
2242
- color: rgb(121 132 144 / var(--tw-text-opacity));
2243
- }
2244
- .psui-el-checkbox.disabled .psui-el-checkmark{
2245
- cursor: default !important;
2246
- --tw-text-opacity: 1 !important;
2247
- color: rgb(162 172 183 / var(--tw-text-opacity)) !important;
2248
- }
2249
- .psui-el-checkbox.\!disabled .psui-el-checkmark{
2250
- cursor: default !important;
2251
- --tw-text-opacity: 1 !important;
2252
- color: rgb(162 172 183 / var(--tw-text-opacity)) !important;
2253
- }
2254
- .psui-el-checkbox.disabled .psui-el-checkmark::before{
2255
- --tw-text-opacity: 1 !important;
2256
- color: rgb(214 221 229 / var(--tw-text-opacity)) !important;
2257
- }
2258
- .psui-el-checkbox.\!disabled .psui-el-checkmark::before{
2259
- --tw-text-opacity: 1 !important;
2260
- color: rgb(214 221 229 / var(--tw-text-opacity)) !important;
2261
- }
2262
- .psui-el-checkbox.size-small{
2263
- font-size: 14px;
2264
- line-height: 130%;
2265
- }
2266
- .psui-el-checkbox.size-small.layout-default input:checked ~.psui-el-checkmark::before {
2267
- content: 'check_box';
2268
- font-family: 'Material Icons Round';
2269
- }
2270
- .psui-el-checkbox.size-small.layout-mixed input:checked ~.psui-el-checkmark::before {
2271
- content: 'indeterminate_check_box';
2272
- font-family: 'Material Icons Round';
2273
- }
2274
- .psui-el-checkbox.size-small input{
2275
- position: absolute;
2276
- height: 0px;
2277
- width: 0px;
2278
- opacity: 0;
2279
- }
2280
- .psui-el-checkbox.size-small input:checked ~ .psui-el-checkmark::before{
2281
- --tw-text-opacity: 1;
2282
- color: rgb(100 181 206 / var(--tw-text-opacity));
2283
- font-size: 18px;
2284
- }
2285
- .psui-el-checkbox.size-small .psui-el-checkmark{
2286
- display: flex;
2287
- cursor: pointer;
2288
- align-items: center;
2289
- min-height: 18px;
2290
- }
2291
- .psui-el-checkbox.size-small .psui-el-checkmark span {
2292
- margin-left: 8px;
2293
- }
2294
- .psui-el-checkbox.size-small .psui-el-checkmark::before {
2295
- content:'check_box_outline_blank';
2296
- --tw-text-opacity: 1;
2297
- color: rgb(162 172 183 / var(--tw-text-opacity));
2298
- font-family:'Material Icons Round';
2299
- font-size: 18px;
2300
- }
2301
- .psui-el-checkbox.size-big{
2302
- font-size: 16px;
2303
- line-height: 130%;
2304
- }
2305
- .psui-el-checkbox.size-big.layout-mixed input:checked ~.psui-el-checkmark::before {
2306
- content: 'indeterminate_check_box';
2307
- font-family: 'Material Icons Round';
2308
- }
2309
- .psui-el-checkbox.size-big.layout-default input:checked ~.psui-el-checkmark::before {
2310
- content: 'check_box';
2311
- font-family: 'Material Icons Round';
2312
- }
2313
- .psui-el-checkbox.size-big input{
2314
- position: absolute;
2315
- height: 0px;
2316
- width: 0px;
2317
- opacity: 0;
2318
- }
2319
- .psui-el-checkbox.size-big input:checked ~ .psui-el-checkmark:before{
2320
- --tw-text-opacity: 1;
2321
- color: rgb(100 181 206 / var(--tw-text-opacity));
2322
- font-size: 24px;
2323
- }
2324
- .psui-el-checkbox.size-big .psui-el-checkmark{
2325
- display: flex;
2326
- cursor: pointer;
2327
- align-items: center;
2328
- min-height: 24px;
2329
- }
2330
- .psui-el-checkbox.size-big .psui-el-checkmark span {
2331
- margin-left: 8px;
2332
- }
2333
- .psui-el-checkbox.size-big .psui-el-checkmark:before {
2334
- content:'check_box_outline_blank';
2335
- vertical-align: text-bottom;
2336
- --tw-text-opacity: 1;
2337
- color: rgb(162 172 183 / var(--tw-text-opacity));
2338
- font-family:'Material Icons Round';
2339
- font-size: 24px;
2340
- }
2341
- .psui-el-dialog{
2342
- display: flex;
2343
- align-items: flex-start;
2344
- justify-content: flex-start;
2345
- border-radius: 0.375rem;
2346
- padding-right: 0.75rem;
2347
- padding-left: 0.5rem;
2348
- padding-top: 8.8px;
2349
- padding-bottom: 8.8px;
2350
- }
2351
- .psui-el-dialog-wrapper{
2352
- display: flex;
2353
- flex-grow: 1;
2354
- }
2355
- .psui-el-dialog-icon{
2356
- margin-right: 0.5rem;
2357
- display: flex;
2358
- vertical-align: top;
2359
- }
2360
- .psui-el-dialog-close{
2361
- margin-left: auto;
2362
- display: inline-block;
2363
- }
2364
- .psui-el-dialog-close:focus{
2365
- outline: 2px solid transparent;
2366
- outline-offset: 2px;
2367
- }
2368
- .psui-el-dialog-close i{
2369
- vertical-align: middle;
2370
- font-size: 18px;
2371
- }
2372
- .psui-el-dialog.layout-vertical{
2373
- display: flex;
2374
- align-items: flex-start;
2375
- padding: 9.6px 9.6px 11.2px 9.6px;
2376
- }
2377
- .psui-el-dialog.layout-vertical .psui-el-dialog-wrapper{
2378
- flex-direction: column;
2379
- font-size: 14px;
2380
- line-height: 130%;
2381
- }
2382
- .psui-el-dialog.layout-vertical i{
2383
- vertical-align: top;
2384
- }
2385
- .psui-el-dialog.layout-vertical .psui-el-dialog-action{
2386
- padding-top: 0.5rem;
2387
- }
2388
- .psui-el-dialog.layout-horizontal .psui-el-dialog-close{
2389
- margin-left: 0.75rem;
2390
- }
2391
- .psui-el-dialog.layout-horizontal .psui-el-dialog-default{
2392
- margin-right: auto;
2393
- }
2394
- .psui-el-dialog.layout-horizontal .psui-el-dialog-action{
2395
- margin-left: 0.75rem;
2396
- }
2397
- .psui-el-dialog.layout-horizontal .psui-el-dialog-wrapper{
2398
- padding-top: 0.25rem;
2399
- padding-bottom: 0.25rem;
2400
- font-size: 14px;
2401
- line-height: 130%;
2402
- }
2403
- .psui-el-dialog.theme-informative{
2404
- --tw-bg-opacity: 1;
2405
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
2406
- --tw-text-opacity: 1;
2407
- color: rgb(49 143 172 / var(--tw-text-opacity));
2408
- }
2409
- .psui-el-dialog.theme-informative .psui-el-dialog-message{
2410
- --tw-text-opacity: 1;
2411
- color: rgb(49 143 172 / var(--tw-text-opacity));
2412
- }
2413
- .psui-el-dialog.theme-success{
2414
- --tw-bg-opacity: 1;
2415
- background-color: rgb(222 248 232 / var(--tw-bg-opacity));
2416
- --tw-text-opacity: 1;
2417
- color: rgb(68 160 106 / var(--tw-text-opacity));
2418
- }
2419
- .psui-el-dialog.theme-success .psui-el-dialog-message{
2420
- --tw-text-opacity: 1;
2421
- color: rgb(68 160 106 / var(--tw-text-opacity));
2422
- }
2423
- .psui-el-dialog.theme-alert{
2424
- --tw-bg-opacity: 1;
2425
- background-color: rgb(253 243 227 / var(--tw-bg-opacity));
2426
- --tw-text-opacity: 1;
2427
- color: rgb(184 115 5 / var(--tw-text-opacity));
2428
- }
2429
- .psui-el-dialog.theme-alert .psui-el-dialog-message{
2430
- --tw-text-opacity: 1;
2431
- color: rgb(184 115 5 / var(--tw-text-opacity));
2432
- }
2433
- .psui-el-dotloader{
2434
- display: flex;
2435
- height: 100%;
2436
- align-items: center;
2437
- justify-content: center;
2438
- padding: 0;
2439
- }
2440
- .psui-el-dotloader .psui-el-dotloader-wrapper{
2441
- position: relative;
2442
- display: flex;
2443
- padding: 1rem;
2444
- height: 15px;
2445
- }
2446
- .psui-el-dotloader .psui-el-dotloader-wrapper span{
2447
- position: relative;
2448
- left: 0px;
2449
- top: 0px;
2450
- float: left;
2451
- margin-right: 0.25rem;
2452
- border-radius: 9999px;
2453
- background: #b7b7b7;
2454
- height: 15px;
2455
- width: 15px;
2456
- opacity: 0.15;
2457
- transform: scale(1);
2458
- animation: dots-animation 1s 0.2s ease-in-out infinite;
2459
- }
2460
- .psui-el-dotloader .psui-el-dotloader-wrapper span:nth-of-type(1) {
2461
- animation-delay: 0.2s;
2462
- }
2463
- .psui-el-dotloader .psui-el-dotloader-wrapper span:nth-of-type(2) {
2464
- animation-delay: 0.4s;
2465
- }
2466
- .psui-el-dotloader .psui-el-dotloader-wrapper span:nth-of-type(3) {
2467
- animation-delay: 0.6s;
2468
- }
2469
- @keyframes dots-animation {
2470
- 0%, 70%, 100% {
2471
- opacity: 0.15;
2472
- transform: scale(1);
2473
- }
2474
-
2475
- 35% {
2476
- opacity: 1;
2477
- transform: scale(1);
2478
- }
2479
- }
2480
- .psui-el-radio{
2481
- position: relative;
2482
- display: flex;
2483
- --tw-text-opacity: 1;
2484
- color: rgb(121 132 144 / var(--tw-text-opacity));
2485
- }
2486
- .psui-el-radio.disabled .psui-el-checkmark{
2487
- cursor: default !important;
2488
- --tw-text-opacity: 1 !important;
2489
- color: rgb(162 172 183 / var(--tw-text-opacity)) !important;
2490
- }
2491
- .psui-el-radio.\!disabled .psui-el-checkmark{
2492
- cursor: default !important;
2493
- --tw-text-opacity: 1 !important;
2494
- color: rgb(162 172 183 / var(--tw-text-opacity)) !important;
2495
- }
2496
- .psui-el-radio.disabled .psui-el-checkmark::before{
2497
- --tw-text-opacity: 1 !important;
2498
- color: rgb(214 221 229 / var(--tw-text-opacity)) !important;
2499
- }
2500
- .psui-el-radio.\!disabled .psui-el-checkmark::before{
2501
- --tw-text-opacity: 1 !important;
2502
- color: rgb(214 221 229 / var(--tw-text-opacity)) !important;
2503
- }
2504
- .psui-el-radio.size-small{
2505
- font-size: 14px;
2506
- line-height: 130%;
2507
- }
2508
- .psui-el-radio.size-small input{
2509
- position: absolute;
2510
- height: 0px;
2511
- width: 0px;
2512
- opacity: 0;
2513
- }
2514
- .psui-el-radio.size-small input:checked ~.psui-el-checkmark::before{
2515
- --tw-text-opacity: 1;
2516
- color: rgb(100 181 206 / var(--tw-text-opacity));
2517
- font-size: 18px;
2518
- content: 'radio_button_checked';
2519
- font-family: 'Material Icons Round';
2520
- }
2521
- .psui-el-radio.size-small .psui-el-checkmark{
2522
- display: flex;
2523
- cursor: pointer;
2524
- align-items: center;
2525
- height: 18px;
2526
- }
2527
- .psui-el-radio.size-small .psui-el-checkmark span {
2528
- margin-left: 8px;
2529
- }
2530
- .psui-el-radio.size-small .psui-el-checkmark::before {
2531
- content: 'radio_button_unchecked';
2532
- --tw-text-opacity: 1;
2533
- color: rgb(162 172 183 / var(--tw-text-opacity));
2534
- font-family: 'Material Icons Round';
2535
- font-size: 18px;
2536
- }
2537
- .psui-el-radio.size-big{
2538
- font-size: 14px;
2539
- line-height: 130%;
2540
- }
2541
- .psui-el-radio.size-big input{
2542
- position: absolute;
2543
- height: 0px;
2544
- width: 0px;
2545
- opacity: 0;
2546
- }
2547
- .psui-el-radio.size-big input:checked ~.psui-el-checkmark::before{
2548
- --tw-text-opacity: 1;
2549
- color: rgb(100 181 206 / var(--tw-text-opacity));
2550
- font-size: 24px;
2551
- content: 'radio_button_checked';
2552
- font-family: 'Material Icons Round';
2553
- }
2554
- .psui-el-radio.size-big .psui-el-checkmark{
2555
- display: flex;
2556
- cursor: pointer;
2557
- align-items: center;
2558
- height: 24px;
2559
- }
2560
- .psui-el-radio.size-big .psui-el-checkmark span {
2561
- margin-left: 8px;
2562
- }
2563
- .psui-el-radio.size-big .psui-el-checkmark::before {
2564
- content: 'radio_button_unchecked';
2565
- --tw-text-opacity: 1;
2566
- color: rgb(162 172 183 / var(--tw-text-opacity));
2567
- font-family: 'Material Icons Round';
2568
- font-size: 24px;
2569
- }
2570
- .psui-el-switch{
2571
- position: relative;
2572
- display: inline-block;
2573
- border-radius: 1.5rem;
2574
- }
2575
- .psui-el-switch.disabled {
2576
- pointer-events: none;
2577
- }
2578
- .psui-el-switch.\!disabled {
2579
- pointer-events: none !important;
2580
- }
2581
- .psui-el-switch.disabled .psui-el-switch-button{
2582
- --tw-bg-opacity: 1;
2583
- background-color: rgb(214 221 229 / var(--tw-bg-opacity));
2584
- }
2585
- .psui-el-switch.\!disabled .psui-el-switch-button{
2586
- --tw-bg-opacity: 1;
2587
- background-color: rgb(214 221 229 / var(--tw-bg-opacity));
2588
- }
2589
- .psui-el-switch.size-big {
2590
- width: 46px;
2591
- height: 24px;
2592
- }
2593
- .psui-el-switch.size-small {
2594
- width: 30px;
2595
- height: 16px;
2596
- }
2597
- .psui-el-switch.size-small .psui-el-switch-button.toggle-false::before{
2598
- position: absolute;
2599
- height: 0.75rem;
2600
- width: 0.75rem;
2601
- border-radius: 9999px;
2602
- --tw-bg-opacity: 1;
2603
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2604
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
2605
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 5px 6px var(--tw-shadow-color);
2606
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2607
- transition-property: all;
2608
- transition-duration: 300ms;
2609
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2610
- left: 2px;
2611
- top: 2px;
2612
- content: '';
2613
- }
2614
- .psui-el-switch.size-small .psui-el-switch-button.toggle-true::before{
2615
- position: absolute;
2616
- height: 0.75rem;
2617
- width: 0.75rem;
2618
- border-radius: 9999px;
2619
- --tw-bg-opacity: 1;
2620
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2621
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
2622
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 5px 6px var(--tw-shadow-color);
2623
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2624
- transition-property: all;
2625
- transition-duration: 300ms;
2626
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2627
- left: 16px;
2628
- top: 2px;
2629
- content: '';
2630
- }
2631
- .psui-el-switch:focus{
2632
- outline: 2px solid transparent;
2633
- outline-offset: 2px;
2634
- }
2635
- .psui-el-switch input{
2636
- height: 0px;
2637
- width: 0px;
2638
- opacity: 0;
2639
- }
2640
- .psui-el-switch .psui-el-switch-button{
2641
- position: absolute;
2642
- top: 0px;
2643
- left: 0px;
2644
- right: 0px;
2645
- bottom: 0px;
2646
- display: inline-block;
2647
- cursor: pointer;
2648
- border-radius: 9999px;
2649
- transition-property: all;
2650
- transition-duration: 500ms;
2651
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2652
- }
2653
- .psui-el-switch .psui-el-switch-button.toggle-false::before{
2654
- position: absolute;
2655
- height: 1.25rem;
2656
- width: 1.25rem;
2657
- border-radius: 9999px;
2658
- --tw-bg-opacity: 1;
2659
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2660
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
2661
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 5px 6px var(--tw-shadow-color);
2662
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2663
- transition-property: all;
2664
- transition-duration: 300ms;
2665
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2666
- left: 2px;
2667
- top: 2px;
2668
- content: '';
2669
- }
2670
- .psui-el-switch .psui-el-switch-button.toggle-true::before{
2671
- position: absolute;
2672
- height: 1.25rem;
2673
- width: 1.25rem;
2674
- border-radius: 9999px;
2675
- --tw-bg-opacity: 1;
2676
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2677
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
2678
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 5px 6px var(--tw-shadow-color);
2679
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2680
- transition-property: all;
2681
- transition-duration: 300ms;
2682
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2683
- left: 24px;
2684
- top:2px;
2685
- content: '';
2686
- }
2687
- .psui-el-progress-bar{
2688
- position: relative;
2689
- height: 0.5rem;
2690
- border-radius: 9999px;
2691
- --tw-bg-opacity: 1;
2692
- background-color: rgb(252 235 235 / var(--tw-bg-opacity));
2693
- width: 100px;
2694
- }
2695
- .psui-el-progress-bar.is-breakeven{
2696
- --tw-bg-opacity: 1;
2697
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
2698
- }
2699
- .psui-el-progress-bar-divider{
2700
- position: absolute;
2701
- z-index: auto;
2702
- border-radius: 9999px;
2703
- --tw-bg-opacity: 1;
2704
- background-color: rgb(214 221 229 / var(--tw-bg-opacity));
2705
- width: 2px; height: 14px;
2706
- top: -3px;
2707
- }
2708
- .psui-el-progress-bar-value{
2709
- height: 0.5rem;
2710
- border-top-left-radius: 9999px;
2711
- border-bottom-left-radius: 9999px;
2712
- }
2713
- @keyframes animate-stripes {
2714
- 0% {
2715
- background-position: 0 0;
2716
- }
2717
- 100% {
2718
- background-position: 60px 0;
2719
- }
2720
- }
2721
- .psui-el-dropdown-menu{
2722
- position: relative;
2723
- display: inline-block;
2724
- text-align: left;
2725
- }
2726
- .psui-el-dropdown-menu button{
2727
- display: inline-flex;
2728
- width: 100%;
2729
- align-items: center;
2730
- justify-content: center;
2731
- font-weight: 500;
2732
- line-height: 1;
2733
- background-color: transparent;
2734
- padding-top: 2.5px;
2735
- padding-bottom: 2.5px;
2736
- min-height: 27px;
2737
- font-size: 0.875rem;
2738
- }
2739
- .psui-el-dropdown-menu button:focus {
2740
- outline: none;
2741
- box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
2742
- }
2743
- .psui-el-dropdown-menu-dialog-wrapper{
2744
- position: fixed;
2745
- z-index: 50;
2746
- display: none;
2747
- width: auto;
2748
- transform-origin: top right;
2749
- overflow: auto;
2750
- border-radius: 0.375rem;
2751
- --tw-bg-opacity: 1;
2752
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2753
- opacity: 0;
2754
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
2755
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 5px 6px var(--tw-shadow-color);
2756
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2757
- transition-property: all;
2758
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2759
- transition-duration: 100ms;
2760
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2761
- }
2762
- .psui-el-dropdown-menu-list{
2763
- margin-top: 1rem;
2764
- margin-bottom: 1rem;
2765
- display: flex;
2766
- width: 100%;
2767
- flex-direction: column;
2768
- font-weight: 500;
2769
- }
2770
- .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item:hover * {
2771
- opacity: 1;
2772
- }
2773
- .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item.absolute-childrens{
2774
- position: relative;
2775
- }
2776
- .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item.absolute-childrens .helper{
2777
- position: absolute;
2778
- top: 0px;
2779
- right: -18px;
2780
- }
2781
- .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item{
2782
- margin-left: 0px;
2783
- margin-right: 0px;
2784
- display: flex;
2785
- cursor: pointer;
2786
- align-items: flex-end;
2787
- justify-content: space-between;
2788
- font-size: 14px;
2789
- line-height: 130%;
2790
- --tw-text-opacity: 1;
2791
- color: rgb(81 94 106 / var(--tw-text-opacity));
2792
- transition-property: all;
2793
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2794
- transition-duration: 150ms;
2795
- padding: 7px 20px;
2796
- }
2797
- .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item-left-label{
2798
- display: flex;
2799
- width: auto;
2800
- flex: 0 1 auto;
2801
- align-items: center;
2802
- font-weight: 700;
2803
- }
2804
- .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item:hover{
2805
- --tw-bg-opacity: 1;
2806
- background-color: rgb(236 247 251 / var(--tw-bg-opacity));
2807
- }
2808
- .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item.is-selected{
2809
- background-color: transparent;
2810
- --tw-text-opacity: 1;
2811
- color: rgb(49 143 172 / var(--tw-text-opacity));
2812
- }
2813
- .psui-el-dropdown-menu-list .psui-el-dropdown-menu-list-item.is-selected:hover{
2814
- --tw-text-opacity: 1;
2815
- color: rgb(49 143 172 / var(--tw-text-opacity));
2816
- }
2817
- .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item{
2818
- margin-left: 1rem;
2819
- margin-right: 1rem;
2820
- border-radius: 0.375rem;
2821
- font-size: 16px;
2822
- line-height: 130%;
2823
- padding: 11.5px 16px 11.5px 8px;
2824
- }
2825
- .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item:hover{
2826
- --tw-bg-opacity: 1;
2827
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
2828
- }
2829
- .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item-line{
2830
- margin-left: 0.5rem;
2831
- margin-right: 0.5rem;
2832
- margin-bottom: 0.25rem;
2833
- display: flex;
2834
- flex: 1 1 0%;
2835
- border-bottom-width: 1px;
2836
- border-style: dashed;
2837
- --tw-border-opacity: 1;
2838
- border-color: rgb(162 172 183 / var(--tw-border-opacity));
2839
- }
2840
- .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item-right-label{
2841
- display: flex;
2842
- width: auto;
2843
- flex: 0 1 auto;
2844
- font-weight: 400;
2845
- }
2846
- .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected{
2847
- --tw-bg-opacity: 1;
2848
- background-color: rgb(236 247 251 / var(--tw-bg-opacity));
2849
- }
2850
- .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected .psui-el-dropdown-menu-list-item-line{
2851
- --tw-border-opacity: 1;
2852
- border-color: rgb(49 143 172 / var(--tw-border-opacity));
2853
- }
2854
- .psui-el-dropdown-menu-list.layout-rich .psui-el-dropdown-menu-list-item.is-selected:hover{
2855
- --tw-bg-opacity: 1;
2856
- background-color: rgb(236 247 251 / var(--tw-bg-opacity));
2857
- --tw-text-opacity: 1;
2858
- color: rgb(49 143 172 / var(--tw-text-opacity));
2859
- }
2860
- .psui-el-slider-label{
2861
- margin-bottom: 0.5rem;
2862
- }
2863
- .psui-el-slider-label span{
2864
- font-size: 14px;
2865
- line-height: 130%;
2866
- --tw-text-opacity: 1;
2867
- color: rgb(121 132 144 / var(--tw-text-opacity));
2868
- }
2869
- .psui-el-slider-input {
2870
- width: 100%;
2871
- -webkit-appearance: none;
2872
- height: 6px;
2873
- border-radius: 5px;
2874
- background: #d3d3d3;
2875
- outline: none;
2876
- opacity: 0.7;
2877
- transition: opacity .2s;
2878
- }
2879
- .psui-el-slider-input:hover {
2880
- opacity: 1;
2881
- }
2882
- .psui-el-slider-input::-webkit-slider-thumb {
2883
- border: none;
2884
- -webkit-appearance: none;
2885
- appearance: none;
2886
- width: 20px;
2887
- height: 20px;
2888
- border-radius: 50%;
2889
- background: #64B5CE;
2890
- cursor: pointer;
2891
- }
2892
- .psui-el-slider-input::-moz-range-thumb {
2893
- border: none;
2894
- width: 20px;
2895
- height: 20px;
2896
- border-radius: 50%;
2897
- background: #64B5CE;
2898
- cursor: pointer;
2899
- }
2900
- .psui-el-slider-input::-webkit-slider-progress,
2901
- .psui-el-slider-input::-moz-range-progress {
2902
- border-top-left-radius: 5px;
2903
- border-bottom-left-radius: 5px;
2904
- -webkit-appearance: none;
2905
- box-shadow: none;
2906
- border: none;
2907
- background: #64B5CE;
2908
- height: 6px;
2909
- }
2910
- .psui-el-slider-bubble{
2911
- float: left;
2912
- margin-left: 0.5rem;
2913
- border-radius: 0.125rem;
2914
- --tw-bg-opacity: 1;
2915
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
2916
- padding-left: 0.5rem;
2917
- padding-right: 0.5rem;
2918
- padding-top: 1px;
2919
- padding-bottom: 1px;
2920
- font-weight: 700;
2921
- --tw-text-opacity: 1;
2922
- color: rgb(121 132 144 / var(--tw-text-opacity));
2923
- }
2924
- .psui-el-slider.layout-default .psui-el-slider-range-value{
2925
- position: relative;
2926
- display: inline-block;
2927
- width: 2.5rem;
2928
- border-radius: 0.375rem;
2929
- --tw-bg-opacity: 1;
2930
- background-color: rgb(162 172 183 / var(--tw-bg-opacity));
2931
- text-align: center;
2932
- font-weight: 700;
2933
- color: rgb(255 255 255 / var(--tw-text-opacity));
2934
- --tw-text-opacity: 1;
2935
- color: rgb(230 236 242 / var(--tw-text-opacity));
2936
- transform: translateX(-6px);
2937
- margin-bottom: 10px;
2938
- padding: 2px 4px;
2939
- }
2940
- .psui-el-slider.layout-rich .psui-el-slider-input{
2941
- height: 0.5rem;
2942
- border-radius: 0.25rem;
2943
- --tw-bg-opacity: 1;
2944
- background-color: rgb(214 221 229 / var(--tw-bg-opacity));
2945
- opacity: 1;
2946
- --tw-shadow: 0px 1px 0px #FFFFFF, inset 0px 1px 2px rgba(0, 0, 0, 0.1);
2947
- --tw-shadow-colored: 0px 1px 0px var(--tw-shadow-color), inset 0px 1px 2px var(--tw-shadow-color);
2948
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2949
- }
2950
- .psui-el-slider.layout-rich .psui-el-slider-input::-webkit-slider-thumb{
2951
- position: relative;
2952
- height: 1.5rem;
2953
- width: 1.5rem;
2954
- --tw-bg-opacity: 1;
2955
- background-color: rgb(100 181 206 / var(--tw-bg-opacity));
2956
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 2px 5px rgba(0, 0, 0, 0.08);
2957
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 2px 5px var(--tw-shadow-color);
2958
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2959
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAuMzUzNzEyIDIuNjc0NDJMMy4xNDY2IDAuMTM0MDhDMy40NjE2OCAtMC4xNTI1MDYgMy45OTk5MiAwLjA1MDczODUgMy45OTk5MiAwLjQ1NjMwMVY1LjU0MzdDMy45OTk5MiA1Ljk0OTU1IDMuNDYxMDIgNi4xNTI2NiAzLjE0NjE0IDUuODY1NDlMMC4zNTMyNDUgMy4zMTg0NEMwLjE1ODExMSAzLjE0MDQ4IDAuMTU4MzIgMi44NTIxNCAwLjM1MzcxMiAyLjY3NDQyWiIgZmlsbD0id2hpdGUiLz4KICA8cGF0aCBkPSJNMTEuNjQ2MSAyLjY3NDQyTDguODUzMjQgMC4xMzQwOEM4LjUzODE3IC0wLjE1MjUwNiA3Ljk5OTkyIDAuMDUwNzM4NSA3Ljk5OTkyIDAuNDU2MzAxVjUuNTQzN0M3Ljk5OTkyIDUuOTQ5NTUgOC41Mzg4MyA2LjE1MjY2IDguODUzNzEgNS44NjU0OUwxMS42NDY2IDMuMzE4NDRDMTEuODQxNyAzLjE0MDQ4IDExLjg0MTUgMi44NTIxNCAxMS42NDYxIDIuNjc0NDJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
2960
- background-position: center center;
2961
- background-repeat: no-repeat;
2962
- z-index: 30;
2963
- }
2964
- .psui-el-slider.layout-rich .psui-el-slider-input::-moz-range-thumb {
2965
- border: none;
2966
- width: 20px;
2967
- height: 20px;
2968
- border-radius: 50%;
2969
- background: #64B5CE;
2970
- cursor: pointer;
2971
- }
2972
- .psui-el-slider.layout-rich .psui-el-slider-wrapper {
2973
- display: flex;
2974
- flex-direction: column;
2975
- justify-content: flex-end;
2976
- position: relative;
2977
- height: 80px;
2978
- }
2979
- .psui-el-slider.layout-rich .psui-el-slider-wrapper-input{
2980
- position: relative;
2981
- }
2982
- .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar,
2983
- .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-bg,
2984
- .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-dynamic,
2985
- .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-max{
2986
- position: absolute;
2987
- top: 0px;
2988
- height: 0.5rem;
2989
- --tw-bg-opacity: 1;
2990
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
2991
- --tw-shadow: 0px 1px 0px #FFFFFF, inset 0px 1px 2px rgba(0, 0, 0, 0.1);
2992
- --tw-shadow-colored: 0px 1px 0px var(--tw-shadow-color), inset 0px 1px 2px var(--tw-shadow-color);
2993
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2994
- }
2995
- .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar{
2996
- left: 0px;
2997
- z-index: 20;
2998
- border-radius: 0.25rem;
2999
- --tw-bg-opacity: 1;
3000
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
3001
- }
3002
- .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-max{
3003
- right: 0px;
3004
- border-top-right-radius: 0.25rem;
3005
- border-bottom-right-radius: 0.25rem;
3006
- --tw-bg-opacity: 1;
3007
- background-color: rgb(162 172 183 / var(--tw-bg-opacity));
3008
- }
3009
- .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-bg{
3010
- z-index: 10;
3011
- }
3012
- .psui-el-slider.layout-rich .psui-el-slider-wrapper-input .slider-bar-dynamic{
3013
- z-index: 30;
3014
- }
3015
- .psui-el-slider.layout-rich .psui-el-slider-range-value{
3016
- position: absolute;
3017
- display: inline-block;
3018
- width: 1.5rem;
3019
- text-align: center;
3020
- font-size: 12px;
3021
- line-height: 130%;
3022
- font-weight: 700;
3023
- --tw-text-opacity: 1;
3024
- color: rgb(49 143 172 / var(--tw-text-opacity));
3025
- top: -28px;
3026
- }
3027
- .psui-el-slider.layout-rich .psui-el-slider-grid{
3028
- position: relative;
3029
- display: flex;
3030
- justify-content: space-between;
3031
- padding-top: 10px;
3032
- margin-top: 3px;
3033
- height: 26px;
3034
- }
3035
- .psui-el-slider.layout-rich .psui-el-slider-grid .line{
3036
- position: absolute;
3037
- top: 0px;
3038
- height: 0.5rem;
3039
- width: 1px;
3040
- --tw-bg-opacity: 1;
3041
- background-color: rgb(81 94 106 / var(--tw-bg-opacity));
3042
- }
3043
- .psui-el-slider.layout-rich .psui-el-slider-grid .info{
3044
- display: inline-block;
3045
- width: 1.5rem;
3046
- text-align: center;
3047
- font-size: 12px;
3048
- line-height: 130%;
3049
- --tw-text-opacity: 1;
3050
- color: rgb(81 94 106 / var(--tw-text-opacity));
3051
- }
3052
- .psui-el-slider.layout-rich .psui-el-slider-grid .info-min {
3053
- transform: translateX(-12px);
3054
- }
3055
- .psui-el-slider.layout-rich .psui-el-slider-grid .info-max {
3056
- transform: translateX(12px);
3057
- }
3058
- .psui-el-toast{
3059
- display: flex;
3060
- align-items: center;
3061
- border-radius: 0.375rem;
3062
- padding-top: 0.75rem;
3063
- padding-bottom: 0.75rem;
3064
- padding-left: 1rem;
3065
- padding-right: 1rem;
3066
- font-size: 16px;
3067
- line-height: 130%;
3068
- font-weight: 700;
3069
- --tw-text-opacity: 1;
3070
- color: rgb(255 255 255 / var(--tw-text-opacity));
3071
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
3072
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 5px 6px var(--tw-shadow-color);
3073
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3074
- }
3075
- .psui-el-toast .psui-el-toast-icon{
3076
- margin-right: 1rem;
3077
- display: flex;
3078
- font-size: 24px;
3079
- }
3080
- .psui-el-toast .psui-el-toast-message{
3081
- margin-right: auto;
3082
- }
3083
- .psui-el-toast .psui-el-toast-actions{
3084
- display: flex;
3085
- gap: 1rem;
3086
- font-size: 12px;
3087
- line-height: 130%;
3088
- letter-spacing: 0.6px;
3089
- }
3090
- .psui-el-toast.fill-intense.layout-info{
3091
- --tw-bg-opacity: 1;
3092
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
3093
- }
3094
- .psui-el-toast.fill-intense.layout-success{
3095
- --tw-bg-opacity: 1;
3096
- background-color: rgb(93 184 131 / var(--tw-bg-opacity));
3097
- }
3098
- .psui-el-toast.fill-intense.layout-warning{
3099
- --tw-bg-opacity: 1;
3100
- background-color: rgb(237 171 62 / var(--tw-bg-opacity));
3101
- }
3102
- .psui-el-toast.fill-intense.layout-error{
3103
- --tw-bg-opacity: 1;
3104
- background-color: rgb(214 92 90 / var(--tw-bg-opacity));
3105
- }
3106
- .psui-el-toast.fill-soft.layout-info{
3107
- --tw-bg-opacity: 1;
3108
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
3109
- --tw-text-opacity: 1;
3110
- color: rgb(49 143 172 / var(--tw-text-opacity));
3111
- }
3112
- .psui-el-toast.fill-soft.layout-success{
3113
- --tw-bg-opacity: 1;
3114
- background-color: rgb(222 248 232 / var(--tw-bg-opacity));
3115
- --tw-text-opacity: 1;
3116
- color: rgb(93 184 131 / var(--tw-text-opacity));
3117
- }
3118
- .psui-el-toast.fill-soft.layout-warning{
3119
- --tw-bg-opacity: 1;
3120
- background-color: rgb(253 243 227 / var(--tw-bg-opacity));
3121
- --tw-text-opacity: 1;
3122
- color: rgb(237 171 62 / var(--tw-text-opacity));
3123
- }
3124
- .psui-el-toast.fill-soft.layout-error{
3125
- --tw-bg-opacity: 1;
3126
- background-color: rgb(252 235 235 / var(--tw-bg-opacity));
3127
- --tw-text-opacity: 1;
3128
- color: rgb(214 92 90 / var(--tw-text-opacity));
3129
- }
3130
- .psui-el-mini-tag{
3131
- display: flex;
3132
- flex-direction: row;
3133
- align-items: center;
3134
- border-radius: 9999px;
3135
- width: -moz-fit-content;
3136
- width: fit-content;
3137
- }
3138
- .psui-el-mini-tag span{
3139
- width: 100%;
3140
- font-weight: 700;
3141
- text-transform: uppercase;
3142
- padding: 3px 8px 3px 8px;
3143
- font-size: 10px;
3144
- line-height: 100%;
3145
- letter-spacing: 0.5px;
3146
- }
3147
- .psui-el-inline-selector{
3148
- position: relative;
3149
- box-sizing: border-box;
3150
- width: auto;
3151
- max-width: 100%;
3152
- flex-shrink: 0;
3153
- font-size: 20px;
3154
- line-height: 120%;
3155
- --tw-text-opacity: 1;
3156
- color: rgb(49 143 172 / var(--tw-text-opacity));
3157
- }
3158
- .psui-el-inline-selector ::-webkit-scrollbar{
3159
- --tw-bg-opacity: 1;
3160
- background-color: rgb(214 221 229 / var(--tw-bg-opacity));
3161
- display: block;
3162
- width: 6px;
3163
- }
3164
- .psui-el-inline-selector ::-webkit-scrollbar-thumb{
3165
- border-radius: 0.25rem;
3166
- --tw-bg-opacity: 1;
3167
- background-color: rgb(0 70 95 / var(--tw-bg-opacity));
3168
- }
3169
- .psui-el-inline-selector input{
3170
- border-bottom-width: 1px;
3171
- border-style: dashed;
3172
- --tw-border-opacity: 1;
3173
- border-color: rgb(100 181 206 / var(--tw-border-opacity));
3174
- transition: 300ms ease-in all;
3175
- padding-bottom: 3px;
3176
- }
3177
- .psui-el-inline-selector input::-moz-placeholder{
3178
- font-size: 20px;
3179
- line-height: 120%;
3180
- --tw-text-opacity: 1;
3181
- color: rgb(162 172 183 / var(--tw-text-opacity));
3182
- }
3183
- .psui-el-inline-selector input::placeholder{
3184
- font-size: 20px;
3185
- line-height: 120%;
3186
- --tw-text-opacity: 1;
3187
- color: rgb(162 172 183 / var(--tw-text-opacity));
3188
- }
3189
- .psui-el-inline-selector .psui-el-inline-selector-input-wrapper{
3190
- position: relative;
3191
- }
3192
- .psui-el-inline-selector .psui-el-inline-selector-input-wrapper span{
3193
- display: block;
3194
- opacity: 0;
3195
- min-width: 100px;
3196
- }
3197
- .psui-el-inline-selector .psui-el-inline-selector-input-wrapper input{
3198
- position: absolute;
3199
- left: 0px;
3200
- top: 0px;
3201
- display: block;
3202
- width: 100%;
3203
- -webkit-appearance: none;
3204
- -moz-appearance: none;
3205
- appearance: none;
3206
- background-color: transparent;
3207
- }
3208
- .psui-el-inline-selector .psui-el-inline-selector-input-wrapper input:hover{
3209
- --tw-text-opacity: 1;
3210
- color: rgb(100 181 206 / var(--tw-text-opacity));
3211
- }
3212
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper{
3213
- position: absolute;
3214
- left: 0px;
3215
- z-index: 50;
3216
- overflow-y: auto;
3217
- border-radius: 0.25rem;
3218
- --tw-bg-opacity: 1;
3219
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3220
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
3221
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 5px 6px var(--tw-shadow-color);
3222
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3223
- max-height: 30vh;
3224
- min-width: 300px;
3225
- }
3226
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown{
3227
- display: flex;
3228
- --tw-bg-opacity: 1;
3229
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3230
- }
3231
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error{
3232
- display: flex;
3233
- width: 100%;
3234
- flex-direction: column;
3235
- padding: 0.75rem;
3236
- }
3237
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error h3{
3238
- --tw-text-opacity: 1;
3239
- color: rgb(214 92 90 / var(--tw-text-opacity));
3240
- }
3241
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown .psui-el-inline-selector-error p{
3242
- --tw-text-opacity: 1;
3243
- color: rgb(121 132 144 / var(--tw-text-opacity));
3244
- }
3245
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul{
3246
- width: 100%;
3247
- --tw-bg-opacity: 1;
3248
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3249
- }
3250
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li{
3251
- display: flex;
3252
- cursor: pointer;
3253
- padding: 7.5px 16px;
3254
- }
3255
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li:hover{
3256
- --tw-bg-opacity: 1;
3257
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
3258
- }
3259
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li:hover span p{
3260
- --tw-text-opacity: 1;
3261
- color: rgb(49 143 172 / var(--tw-text-opacity));
3262
- }
3263
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li span{
3264
- display: flex;
3265
- width: 100%;
3266
- align-items: center;
3267
- }
3268
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li span > p{
3269
- display: inline-block;
3270
- flex-shrink: 0;
3271
- font-size: 16px;
3272
- line-height: 130%;
3273
- --tw-text-opacity: 1;
3274
- color: rgb(81 94 106 / var(--tw-text-opacity));
3275
- }
3276
- .psui-el-inline-selector .psui-el-inline-selector-dropdown-wrapper .psui-el-inline-selector-dropdown ul li span p + p{
3277
- margin-left: auto;
3278
- display: inline-block;
3279
- --tw-text-opacity: 1;
3280
- color: rgb(162 172 183 / var(--tw-text-opacity));
3281
- font-size: 12px;
3282
- line-height: 120%;
3283
- }
3284
- .psui-el-tooltip .psui-el-tooltip-wrapper{
3285
- position: relative;
3286
- }
3287
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog{
3288
- position: fixed;
3289
- z-index: 10;
3290
- display: none;
3291
- opacity: 0;
3292
- transition-property: opacity;
3293
- transition-duration: 300ms;
3294
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3295
- transition-delay: 0.4s;
3296
- }
3297
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content{
3298
- display: flex;
3299
- flex-direction: column;
3300
- --tw-bg-opacity: 1;
3301
- background-color: rgb(121 132 144 / var(--tw-bg-opacity));
3302
- --tw-text-opacity: 1;
3303
- color: rgb(255 255 255 / var(--tw-text-opacity));
3304
- padding: 5px 8px 4px 8px;
3305
- border-radius: 4px;
3306
- }
3307
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content h2{
3308
- font-weight: 700;
3309
- }
3310
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content .psui-el-tooltip-content-wrapper{
3311
- font-size: 12px;
3312
- line-height: 130%;
3313
- font-weight: 700;
3314
- }
3315
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-gray{
3316
- --tw-bg-opacity: 1;
3317
- background-color: rgb(214 221 229 / var(--tw-bg-opacity));
3318
- --tw-text-opacity: 1;
3319
- color: rgb(40 50 59 / var(--tw-text-opacity));
3320
- --tw-shadow: 0 0 #0000;
3321
- --tw-shadow-colored: 0 0 #0000;
3322
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3323
- font-size: 12px;
3324
- line-height: 120%;
3325
- padding: 10px 16px 12px 16px;
3326
- }
3327
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-gray .psui-el-tooltip-content-wrapper{
3328
- margin-top: 0.25rem;
3329
- font-weight: 400;
3330
- }
3331
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-blue{
3332
- --tw-bg-opacity: 1;
3333
- background-color: rgb(0 70 95 / var(--tw-bg-opacity));
3334
- --tw-text-opacity: 1;
3335
- color: rgb(255 255 255 / var(--tw-text-opacity));
3336
- --tw-shadow: 0 0 #0000;
3337
- --tw-shadow-colored: 0 0 #0000;
3338
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3339
- font-size: 12px;
3340
- line-height: 120%;
3341
- padding: 10px 16px 12px 16px;
3342
- }
3343
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-blue .psui-el-tooltip-content-wrapper{
3344
- margin-top: 0.25rem;
3345
- font-weight: 400;
3346
- }
3347
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-red{
3348
- --tw-bg-opacity: 1;
3349
- background-color: rgb(252 235 235 / var(--tw-bg-opacity));
3350
- --tw-text-opacity: 1;
3351
- color: rgb(170 57 55 / var(--tw-text-opacity));
3352
- --tw-shadow: 0 0 #0000;
3353
- --tw-shadow-colored: 0 0 #0000;
3354
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3355
- font-size: 12px;
3356
- line-height: 120%;
3357
- padding: 10px 16px 12px 16px;
3358
- }
3359
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-red .psui-el-tooltip-content-wrapper{
3360
- margin-top: 0.25rem;
3361
- font-weight: 400;
3362
- }
3363
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white{
3364
- display: flex;
3365
- flex-direction: column;
3366
- --tw-bg-opacity: 1;
3367
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3368
- padding-top: 1rem;
3369
- padding-bottom: 1rem;
3370
- padding-left: 1.5rem;
3371
- padding-right: 1.5rem;
3372
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.15);
3373
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 10px 15px var(--tw-shadow-color);
3374
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3375
- gap: 8.8px;
3376
- }
3377
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white h2{
3378
- font-weight: 700;
3379
- --tw-text-opacity: 1;
3380
- color: rgb(40 50 59 / var(--tw-text-opacity));
3381
- font-size: 17px;
3382
- line-height: 120%;
3383
- }
3384
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white .psui-el-tooltip-content-wrapper{
3385
- display: flex;
3386
- flex-direction: column;
3387
- font-weight: 400;
3388
- --tw-text-opacity: 1;
3389
- color: rgb(121 132 144 / var(--tw-text-opacity));
3390
- gap: 13.6px;
3391
- font-size: 14px;
3392
- line-height: 120%;
3393
- }
3394
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white .psui-el-tooltip-content-wrapper button{
3395
- border-radius: 0.375rem;
3396
- --tw-bg-opacity: 1;
3397
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
3398
- font-weight: 700;
3399
- --tw-text-opacity: 1;
3400
- color: rgb(49 143 172 / var(--tw-text-opacity));
3401
- padding: 7px 16px;
3402
- width: -moz-fit-content;
3403
- width: fit-content;
3404
- }
3405
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-white .psui-el-tooltip-content-wrapper button:focus {
3406
- outline: none;
3407
- }
3408
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark{
3409
- display: flex;
3410
- flex-direction: column;
3411
- --tw-bg-opacity: 1;
3412
- background-color: rgb(0 70 95 / var(--tw-bg-opacity));
3413
- padding-top: 1rem;
3414
- padding-bottom: 1rem;
3415
- padding-left: 1.5rem;
3416
- padding-right: 1.5rem;
3417
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.15);
3418
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 10px 15px var(--tw-shadow-color);
3419
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3420
- gap: 8.8px;
3421
- }
3422
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark h2{
3423
- font-weight: 700;
3424
- --tw-text-opacity: 1;
3425
- color: rgb(255 255 255 / var(--tw-text-opacity));
3426
- font-size: 17px;
3427
- line-height: 120%;
3428
- }
3429
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper{
3430
- display: flex;
3431
- flex-direction: column;
3432
- font-weight: 400;
3433
- --tw-text-opacity: 1;
3434
- color: rgb(255 255 255 / var(--tw-text-opacity));
3435
- gap: 13.6px;
3436
- font-size: 14px;
3437
- line-height: 120%;
3438
- }
3439
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper button{
3440
- border-radius: 0.375rem;
3441
- --tw-bg-opacity: 1;
3442
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
3443
- font-weight: 700;
3444
- --tw-text-opacity: 1;
3445
- color: rgb(255 255 255 / var(--tw-text-opacity));
3446
- padding: 7px 16px;
3447
- width: -moz-fit-content;
3448
- width: fit-content;
3449
- }
3450
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-dark .psui-el-tooltip-content-wrapper button:focus {
3451
- outline: none;
3452
- }
3453
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color{
3454
- display: flex;
3455
- flex-direction: column;
3456
- --tw-bg-opacity: 1;
3457
- background-color: rgb(100 181 206 / var(--tw-bg-opacity));
3458
- padding-top: 1rem;
3459
- padding-bottom: 1rem;
3460
- padding-left: 1.5rem;
3461
- padding-right: 1.5rem;
3462
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05), 0px 10px 15px rgba(0, 0, 0, 0.15);
3463
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 10px 15px var(--tw-shadow-color);
3464
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3465
- gap: 8.8px;
3466
- }
3467
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color h2{
3468
- font-weight: 700;
3469
- --tw-text-opacity: 1;
3470
- color: rgb(255 255 255 / var(--tw-text-opacity));
3471
- font-size: 17px;
3472
- line-height: 120%;
3473
- }
3474
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper{
3475
- display: flex;
3476
- flex-direction: column;
3477
- font-weight: 400;
3478
- --tw-text-opacity: 1;
3479
- color: rgb(255 255 255 / var(--tw-text-opacity));
3480
- gap: 13.6px;
3481
- font-size: 14px;
3482
- line-height: 120%;
3483
- }
3484
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper button{
3485
- border-radius: 0.375rem;
3486
- --tw-bg-opacity: 1;
3487
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
3488
- font-weight: 700;
3489
- --tw-text-opacity: 1;
3490
- color: rgb(255 255 255 / var(--tw-text-opacity));
3491
- padding: 7px 16px;
3492
- width: -moz-fit-content;
3493
- width: fit-content;
3494
- }
3495
- .psui-el-tooltip .psui-el-tooltip-wrapper .psui-el-tooltip-dialog .psui-el-tooltip-content.layout-color .psui-el-tooltip-content-wrapper button:focus {
3496
- outline: none;
3497
- }
3498
- .psui-el-input-textarea{
3499
- display: block;
3500
- width: 100%;
3501
- font-family: inherit;
3502
- }
3503
- .psui-el-input-textarea.disabled{
3504
- display: block !important;
3505
- width: 100% !important;
3506
- --tw-text-opacity: 1 !important;
3507
- color: rgb(162 172 183 / var(--tw-text-opacity)) !important;
3508
- }
3509
- .psui-el-input-textarea.\!disabled{
3510
- display: block !important;
3511
- width: 100% !important;
3512
- --tw-text-opacity: 1 !important;
3513
- color: rgb(162 172 183 / var(--tw-text-opacity)) !important;
3514
- }
3515
- .psui-el-input-textarea.disabled .psui-el-input-textarea-wrapper label{
3516
- --tw-bg-opacity: 1 !important;
3517
- background-color: rgb(243 246 249 / var(--tw-bg-opacity)) !important;
3518
- }
3519
- .psui-el-input-textarea.\!disabled .psui-el-input-textarea-wrapper label{
3520
- --tw-bg-opacity: 1 !important;
3521
- background-color: rgb(243 246 249 / var(--tw-bg-opacity)) !important;
3522
- }
3523
- .psui-el-input-textarea.disabled .psui-el-input-textarea-wrapper textarea{
3524
- width: 100% !important;
3525
- cursor: default !important;
3526
- -webkit-appearance: none !important;
3527
- -moz-appearance: none !important;
3528
- appearance: none !important;
3529
- --tw-border-opacity: 1 !important;
3530
- border-color: rgb(230 236 242 / var(--tw-border-opacity)) !important;
3531
- --tw-bg-opacity: 1 !important;
3532
- background-color: rgb(230 236 242 / var(--tw-bg-opacity)) !important;
3533
- }
3534
- .psui-el-input-textarea.\!disabled .psui-el-input-textarea-wrapper textarea{
3535
- width: 100% !important;
3536
- cursor: default !important;
3537
- -webkit-appearance: none !important;
3538
- -moz-appearance: none !important;
3539
- appearance: none !important;
3540
- --tw-border-opacity: 1 !important;
3541
- border-color: rgb(230 236 242 / var(--tw-border-opacity)) !important;
3542
- --tw-bg-opacity: 1 !important;
3543
- background-color: rgb(230 236 242 / var(--tw-bg-opacity)) !important;
3544
- }
3545
- .psui-el-input-textarea .psui-el-input-textarea-wrapper{
3546
- display: flex;
3547
- flex-direction: column;
3548
- transition: ease 130ms;
3549
- }
3550
- .psui-el-input-textarea .psui-el-input-textarea-wrapper label{
3551
- display: flex;
3552
- height: 100%;
3553
- align-items: center;
3554
- padding-top: 0.25rem;
3555
- padding-bottom: 0.25rem;
3556
- line-height: 130%;
3557
- font-weight: 700;
3558
- font-size: 16px;
3559
- line-height: 32px;
3560
- }
3561
- .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea{
3562
- height: 100%;
3563
- width: 100%;
3564
- resize: none;
3565
- -webkit-appearance: none;
3566
- -moz-appearance: none;
3567
- appearance: none;
3568
- border-radius: 0.375rem;
3569
- border-width: 1px;
3570
- --tw-border-opacity: 1;
3571
- border-color: rgb(214 221 229 / var(--tw-border-opacity));
3572
- --tw-bg-opacity: 1;
3573
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3574
- padding: 1rem;
3575
- font-size: 16px;
3576
- line-height: 130%;
3577
- --tw-text-opacity: 1;
3578
- color: rgb(81 94 106 / var(--tw-text-opacity));
3579
- }
3580
- .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:hover,
3581
- .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:focus,
3582
- .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea:active{
3583
- --tw-border-opacity: 1;
3584
- border-color: rgb(49 143 172 / var(--tw-border-opacity));
3585
- }
3586
- .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea ::-moz-placeholder{
3587
- font-size: 16px;
3588
- line-height: 130%;
3589
- }
3590
- .psui-el-input-textarea .psui-el-input-textarea-wrapper textarea ::placeholder{
3591
- font-size: 16px;
3592
- line-height: 130%;
3593
- }
3594
- .psui-el-input-textarea .psui-el-input-textarea-message{
3595
- display: flex;
3596
- font-weight: 400;
3597
- --tw-text-opacity: 1;
3598
- color: rgb(121 132 144 / var(--tw-text-opacity));
3599
- font-size: 12px;
3600
- line-height: 24px;
3601
- padding: 5px 0px;
3602
- }
3603
- .psui-el-input-select{
3604
- position: relative;
3605
- box-sizing: border-box;
3606
- display: flex;
3607
- width: 100%;
3608
- flex-direction: column;
3609
- --tw-text-opacity: 1;
3610
- color: rgb(162 172 183 / var(--tw-text-opacity));
3611
- transition: ease 130ms;
3612
- }
3613
- .psui-el-input-select.disabled{
3614
- pointer-events: none;
3615
- }
3616
- .psui-el-input-select.\!disabled{
3617
- pointer-events: none;
3618
- }
3619
- .psui-el-input-select.disabled label{
3620
- --tw-text-opacity: 1;
3621
- color: rgb(162 172 183 / var(--tw-text-opacity));
3622
- }
3623
- .psui-el-input-select.\!disabled label{
3624
- --tw-text-opacity: 1;
3625
- color: rgb(162 172 183 / var(--tw-text-opacity));
3626
- }
3627
- .psui-el-input-select.disabled select{
3628
- --tw-border-opacity: 1 !important;
3629
- border-color: rgb(230 236 242 / var(--tw-border-opacity)) !important;
3630
- --tw-bg-opacity: 1 !important;
3631
- background-color: rgb(230 236 242 / var(--tw-bg-opacity)) !important;
3632
- --tw-text-opacity: 1 !important;
3633
- color: rgb(162 172 183 / var(--tw-text-opacity)) !important;
3634
- }
3635
- .psui-el-input-select.\!disabled select{
3636
- --tw-border-opacity: 1 !important;
3637
- border-color: rgb(230 236 242 / var(--tw-border-opacity)) !important;
3638
- --tw-bg-opacity: 1 !important;
3639
- background-color: rgb(230 236 242 / var(--tw-bg-opacity)) !important;
3640
- --tw-text-opacity: 1 !important;
3641
- color: rgb(162 172 183 / var(--tw-text-opacity)) !important;
3642
- }
3643
- .psui-el-input-select.disabled .psui-el-input-select-wrapper::after{
3644
- --tw-text-opacity: 1 !important;
3645
- color: rgb(121 132 144 / var(--tw-text-opacity)) !important;
3646
- }
3647
- .psui-el-input-select.\!disabled .psui-el-input-select-wrapper::after{
3648
- --tw-text-opacity: 1 !important;
3649
- color: rgb(121 132 144 / var(--tw-text-opacity)) !important;
3650
- }
3651
- .psui-el-input-select.disabled .psui-el-input-select-wrapper::after {
3652
- z-index: 100 !important;
3653
- }
3654
- .psui-el-input-select.\!disabled .psui-el-input-select-wrapper::after {
3655
- z-index: 100 !important;
3656
- }
3657
- .psui-el-input-select.layout-default.selected select{
3658
- --tw-border-opacity: 1;
3659
- border-color: rgb(100 181 206 / var(--tw-border-opacity));
3660
- --tw-text-opacity: 1;
3661
- color: rgb(81 94 106 / var(--tw-text-opacity));
3662
- }
3663
- .psui-el-input-select.layout-default .psui-el-input-select-wrapper{
3664
- position: relative;
3665
- width: auto;
3666
- }
3667
- .psui-el-input-select.layout-default .psui-el-input-select-wrapper::after{
3668
- position: absolute;
3669
- display: inline-block;
3670
- --tw-text-opacity: 1;
3671
- color: rgb(121 132 144 / var(--tw-text-opacity));
3672
- content: 'arrow_drop_down';
3673
- font-family: 'Material Icons Round';
3674
- font-size: 24px;
3675
- top: 13%;
3676
- left: calc(100% - 26px);
3677
- z-index: -20;
3678
- }
3679
- .psui-el-input-select.layout-default select{
3680
- -webkit-appearance: none;
3681
- -moz-appearance: none;
3682
- appearance: none;
3683
- border-radius: 0.375rem;
3684
- border-width: 1px;
3685
- --tw-border-opacity: 1;
3686
- border-color: rgb(214 221 229 / var(--tw-border-opacity));
3687
- background-color: transparent;
3688
- font-size: 16px;
3689
- line-height: 130%;
3690
- --tw-text-opacity: 1;
3691
- color: rgb(162 172 183 / var(--tw-text-opacity));
3692
- padding: 11.5px 26px 11.5px 16px;
3693
- min-width: 100%;
3694
- }
3695
- .psui-el-input-select.layout-default select:hover,
3696
- .psui-el-input-select.layout-default select:active{
3697
- --tw-border-opacity: 1;
3698
- border-color: rgb(100 181 206 / var(--tw-border-opacity));
3699
- --tw-text-opacity: 1;
3700
- color: rgb(81 94 106 / var(--tw-text-opacity));
3701
- }
3702
- .psui-el-input-select.layout-default select:focus{
3703
- --tw-border-opacity: 1;
3704
- border-color: rgb(49 143 172 / var(--tw-border-opacity));
3705
- --tw-text-opacity: 1;
3706
- color: rgb(81 94 106 / var(--tw-text-opacity));
3707
- }
3708
- .psui-el-input-select label{
3709
- pointer-events: none;
3710
- display: flex;
3711
- width: 100%;
3712
- align-items: center;
3713
- font-weight: 700;
3714
- --tw-text-opacity: 1;
3715
- color: rgb(40 50 59 / var(--tw-text-opacity));
3716
- font-size: 16px;
3717
- line-height: 32px;
3718
- }
3719
- .psui-el-input-select .psui-el-input-helper{
3720
- --tw-text-opacity: 1;
3721
- color: rgb(121 132 144 / var(--tw-text-opacity));
3722
- font-size: 12px;
3723
- line-height: 24px;
3724
- }
3725
- .psui-el-input-select.layout-mini .psui-el-input-select-wrapper{
3726
- position: relative;
3727
- width: 100%;
3728
- }
3729
- .psui-el-input-select.layout-mini .psui-el-input-select-wrapper::after{
3730
- position: absolute;
3731
- display: inline-block;
3732
- --tw-text-opacity: 1;
3733
- color: rgb(121 132 144 / var(--tw-text-opacity));
3734
- content: 'unfold_more';
3735
- font-family: 'Material Icons Round';
3736
- font-size: 18px;
3737
- top: 13%;
3738
- left: calc(100% - 26px);
3739
- z-index: -20;
3740
- }
3741
- .psui-el-input-select.layout-mini select{
3742
- width: 100%;
3743
- -webkit-appearance: none;
3744
- -moz-appearance: none;
3745
- appearance: none;
3746
- border-width: 1px;
3747
- --tw-border-opacity: 1;
3748
- border-color: rgb(214 221 229 / var(--tw-border-opacity));
3749
- background-color: transparent;
3750
- font-size: 14px;
3751
- line-height: 130%;
3752
- border-radius: 4px;
3753
- padding: 7px 8px;
3754
- }
3755
- .psui-el-input-select.layout-mini select:hover,
3756
- .psui-el-input-select.layout-mini select:active{
3757
- --tw-border-opacity: 1;
3758
- border-color: rgb(93 184 131 / var(--tw-border-opacity));
3759
- --tw-text-opacity: 1;
3760
- color: rgb(121 132 144 / var(--tw-text-opacity));
3761
- }
3762
- .psui-el-input-select.layout-mini select:focus{
3763
- --tw-border-opacity: 1;
3764
- border-color: rgb(68 160 106 / var(--tw-border-opacity));
3765
- --tw-text-opacity: 1;
3766
- color: rgb(121 132 144 / var(--tw-text-opacity));
3767
- }
3768
- .psui-el-input-select.layout-mini.selected .psui-el-input-select-wrapper select{
3769
- --tw-border-opacity: 1 !important;
3770
- border-color: rgb(93 184 131 / var(--tw-border-opacity)) !important;
3771
- }
3772
- .psui-el-input-select.layout-mini.selected:not(option){
3773
- --tw-text-opacity: 1;
3774
- color: rgb(68 160 106 / var(--tw-text-opacity));
3775
- }
3776
- .psui-el-draggable{
3777
- display: flex;
3778
- width: 100%;
3779
- flex-wrap: wrap;
3780
- justify-content: flex-start;
3781
- row-gap: 1rem;
3782
- }
3783
- .psui-el-draggable .psui-el-draggable-wrapper{
3784
- display: flex;
3785
- width: 100%;
3786
- flex-direction: column;
3787
- align-items: center;
3788
- border-radius: 0.375rem;
3789
- --tw-bg-opacity: 1;
3790
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
3791
- padding: 0.5rem;
3792
- padding: 8px;
3793
- }
3794
- .psui-el-draggable .psui-el-draggable-wrapper-title{
3795
- margin-bottom: 0.5rem;
3796
- display: flex;
3797
- width: 100%;
3798
- cursor: grab;
3799
- align-items: center;
3800
- justify-content: space-between;
3801
- border-radius: 0.125rem;
3802
- padding: 8px 16px;
3803
- }
3804
- .psui-el-draggable .psui-el-draggable-wrapper-title p{
3805
- font-size: 12px;
3806
- line-height: 130%;
3807
- font-weight: 700;
3808
- text-transform: uppercase;
3809
- --tw-text-opacity: 1;
3810
- color: rgb(40 50 59 / var(--tw-text-opacity));
3811
- letter-spacing: 0.6px;
3812
- }
3813
- .psui-el-draggable .psui-el-draggable-wrapper-title i{
3814
- --tw-text-opacity: 1;
3815
- color: rgb(162 172 183 / var(--tw-text-opacity));
3816
- font-size: 18px;
3817
- }
3818
- .psui-el-draggable .psui-el-draggable-wrapper-title:hover .psui-el-draggable-wrapper-title-icon {
3819
- visibility: visible;
3820
- }
3821
- .psui-el-draggable .psui-el-draggable-wrapper-title-icon{
3822
- visibility: hidden;
3823
- }
3824
- .psui-el-draggable .psui-el-draggable-wrapper-list{
3825
- display: flex;
3826
- width: 100%;
3827
- flex-direction: column;
3828
- row-gap: 0.5rem;
3829
- }
3830
- .psui-el-draggable .psui-el-draggable-item{
3831
- display: flex;
3832
- width: 100%;
3833
- cursor: grab;
3834
- align-items: center;
3835
- border-radius: 0.125rem;
3836
- --tw-bg-opacity: 1;
3837
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3838
- --tw-shadow: 0px 0px 4px rgba(0, 0, 0, 0.03), 0px 1px 2px rgba(0, 0, 0, 0.1);
3839
- --tw-shadow-colored: 0px 0px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color);
3840
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3841
- padding: 7px 16px;
3842
- }
3843
- .psui-el-draggable .psui-el-draggable-item-title{
3844
- display: flex;
3845
- align-items: center;
3846
- font-size: 14px;
3847
- line-height: 130%;
3848
- --tw-text-opacity: 1;
3849
- color: rgb(121 132 144 / var(--tw-text-opacity));
3850
- }
3851
- .psui-el-draggable .psui-el-draggable-item-title .psui-el-checkbox{
3852
- --tw-text-opacity: 1;
3853
- color: rgb(121 132 144 / var(--tw-text-opacity));
3854
- }
3855
- .psui-el-draggable .psui-el-draggable-item-title .psui-el-checkbox .psui-el-checkmark:before{
3856
- margin-right: 0.25rem;
3857
- --tw-text-opacity: 1;
3858
- color: rgb(214 221 229 / var(--tw-text-opacity));
3859
- }
3860
- .psui-el-draggable .psui-el-draggable-item-title .psui-el-checkbox.active{
3861
- --tw-text-opacity: 1;
3862
- color: rgb(81 94 106 / var(--tw-text-opacity));
3863
- }
3864
- .psui-el-draggable .psui-el-draggable-item-title .psui-el-checkbox.disabled .psui-el-checkmark {
3865
- color: #798490 !important;
3866
- }
3867
- .psui-el-draggable .psui-el-draggable-item-title .psui-el-checkbox.\!disabled .psui-el-checkmark {
3868
- color: #798490 !important;
3869
- }
3870
- .psui-el-draggable .psui-el-draggable-item-title:hover .psui-el-draggable-item-title-icon {
3871
- visibility: visible;
3872
- }
3873
- .psui-el-draggable .psui-el-draggable-item-title-icon{
3874
- visibility: hidden;
3875
- }
3876
- .psui-el-draggable .psui-el-draggable-item-append{
3877
- margin-left: auto;
3878
- display: flex;
3879
- --tw-text-opacity: 1;
3880
- color: rgb(214 221 229 / var(--tw-text-opacity));
3881
- }
3882
- .psui-el-draggable .psui-el-draggable-item-append i {
3883
- font-size: 18px;
3884
- }
3885
- .psui-el-draggable .psui-el-draggable-item:active,
3886
- .psui-el-draggable .psui-el-draggable-item.on-dragging {
3887
- cursor: grabbing;
3888
- }
3889
- .psui-el-draggable .psui-el-draggable-item.on-drag-over {
3890
- opacity: 0.2;
3891
- }
3892
- .psui-el-draggable .psui-el-draggable-item .psui-el-checkbox.size-small .psui-el-checkmark span{
3893
- font-weight: 700;
3894
- }
3895
- .psui-el-draggable .psui-el-draggable-item .psui-el-checkbox.size-small .psui-el-checkmark:before{
3896
- display: flex;
3897
- align-items: center;
3898
- justify-content: center;
3899
- font-size: 24px;
3900
- min-height: 24px;
3901
- }
3902
- .psui-el-badge-with-icon{
3903
- display: flex;
3904
- align-items: center;
3905
- border-radius: 0.25rem;
3906
- padding-top: 0.25rem;
3907
- padding-bottom: 0.25rem;
3908
- padding-left: 0.5rem;
3909
- padding-right: 0.5rem;
3910
- }
3911
- .psui-el-badge-with-icon.layout-grey{
3912
- --tw-bg-opacity: 1;
3913
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
3914
- --tw-text-opacity: 1;
3915
- color: rgb(121 132 144 / var(--tw-text-opacity));
3916
- }
3917
- .psui-el-badge-with-icon.layout-blue{
3918
- --tw-bg-opacity: 1;
3919
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
3920
- --tw-text-opacity: 1;
3921
- color: rgb(49 143 172 / var(--tw-text-opacity));
3922
- }
3923
- .psui-el-badge-with-icon.layout-green{
3924
- --tw-bg-opacity: 1;
3925
- background-color: rgb(222 248 232 / var(--tw-bg-opacity));
3926
- --tw-text-opacity: 1;
3927
- color: rgb(68 160 106 / var(--tw-text-opacity));
3928
- }
3929
- .psui-el-badge-with-icon.layout-yellow{
3930
- --tw-bg-opacity: 1;
3931
- background-color: rgb(253 243 227 / var(--tw-bg-opacity));
3932
- --tw-text-opacity: 1;
3933
- color: rgb(184 115 5 / var(--tw-text-opacity));
3934
- }
3935
- .psui-el-badge-with-icon .psui-el-badge-with-icon-icon {
3936
- font-family: 'Material Icons Round';
3937
- font-weight: normal;
3938
- font-style: normal;
3939
- font-size: 16px;
3940
- line-height: 1;
3941
- letter-spacing: normal;
3942
- text-transform: none;
3943
- display: inline-block;
3944
- white-space: nowrap;
3945
- word-wrap: normal;
3946
- direction: ltr;
3947
- -webkit-font-feature-settings: 'liga';
3948
- -webkit-font-smoothing: antialiased;
3949
- }
3950
- .psui-el-badge-with-icon .psui-el-badge-with-icon-message{
3951
- margin-left: 0.25rem;
3952
- font-size: 12px;
3953
- line-height: 130%;
3954
- font-weight: 700;
3955
- }
3956
- .psui-el-testimonial{
3957
- position: relative;
3958
- display: flex;
3959
- width: 100%;
3960
- flex-direction: column;
3961
- border-radius: 0.5rem;
3962
- --tw-bg-opacity: 1;
3963
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3964
- --tw-shadow: 0px 0px 4px rgba(0, 0, 0, 0.03), 0px 1px 2px rgba(0, 0, 0, 0.1);
3965
- --tw-shadow-colored: 0px 0px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color);
3966
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3967
- padding: 56px 42px 40px 32px;
3968
- }
3969
- .psui-el-testimonial-icon{
3970
- position: absolute;
3971
- display: flex;
3972
- align-items: center;
3973
- border-radius: 0.125rem;
3974
- --tw-bg-opacity: 1;
3975
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
3976
- top: -15px;
3977
- right: 16px;
3978
- }
3979
- .psui-el-testimonial-description{
3980
- font-size: 16px;
3981
- line-height: 130%;
3982
- font-style: italic;
3983
- --tw-text-opacity: 1;
3984
- color: rgb(0 42 58 / var(--tw-text-opacity));
3985
- margin-bottom: 33px;
3986
- }
3987
- .psui-el-testimonial-info{
3988
- margin-top: auto;
3989
- display: flex;
3990
- flex-direction: column;
3991
- }
3992
- .psui-el-testimonial-info-user{
3993
- margin-bottom: 0.25rem;
3994
- font-size: 14px;
3995
- line-height: 130%;
3996
- font-weight: 700;
3997
- --tw-text-opacity: 1;
3998
- color: rgb(0 42 58 / var(--tw-text-opacity));
3999
- }
4000
- .psui-el-testimonial-info-position,
4001
- .psui-el-testimonial-info-jurisdiction{
4002
- font-size: 14px;
4003
- line-height: 130%;
4004
- --tw-text-opacity: 1;
4005
- color: rgb(121 132 144 / var(--tw-text-opacity));
4006
- }
4007
- .psui-el-date-card{
4008
- display: flex;
4009
- flex-direction: column;
4010
- overflow: hidden;
4011
- border-radius: 0.25rem;
4012
- --tw-bg-opacity: 1;
4013
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
4014
- text-align: center;
4015
- font-size: 14px;
4016
- line-height: 130%;
4017
- font-weight: 700;
4018
- --tw-text-opacity: 1;
4019
- color: rgb(224 239 246 / var(--tw-text-opacity));
4020
- width: 61px;
4021
- }
4022
- .psui-el-date-card-month-day,
4023
- .psui-el-date-card-year{
4024
- padding-top: 0.25rem;
4025
- padding-bottom: 0.25rem;
4026
- }
4027
- .psui-el-date-card-year{
4028
- width: 100%;
4029
- --tw-bg-opacity: 1;
4030
- background-color: rgb(100 181 206 / var(--tw-bg-opacity));
4031
- font-weight: 700;
4032
- }
4033
- .psui-el-tag-scope{
4034
- display: flex;
4035
- height: 1.5rem;
4036
- align-items: center;
4037
- border-radius: 0.25rem;
4038
- --tw-bg-opacity: 1;
4039
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
4040
- padding-top: 0.25rem;
4041
- padding-bottom: 0.25rem;
4042
- padding-right: 0.5rem;
4043
- --tw-text-opacity: 1;
4044
- color: rgb(121 132 144 / var(--tw-text-opacity));
4045
- width: 150px;
4046
- }
4047
- .psui-el-tag-scope-icon{
4048
- margin-left: auto;
4049
- margin-right: auto;
4050
- font-family: 'Material Icons Round';
4051
- font-weight: normal;
4052
- font-style: normal;
4053
- font-size: 24px;
4054
- line-height: 1;
4055
- letter-spacing: normal;
4056
- text-transform: none;
4057
- display: inline-block;
4058
- white-space: nowrap;
4059
- word-wrap: normal;
4060
- direction: ltr;
4061
- -webkit-font-feature-settings: 'liga';
4062
- -webkit-font-smoothing: antialiased;
4063
- font-size: 1.125rem;
4064
- }
4065
- .psui-el-bar-chart{
4066
- position: relative;
4067
- display: flex;
4068
- height: 1.5rem;
4069
- align-items: center;
4070
- overflow: hidden;
4071
- border-radius: 0.25rem;
4072
- padding-top: 0.25rem;
4073
- padding-bottom: 0.25rem;
4074
- padding-right: 0.5rem;
4075
- font-size: 12px;
4076
- line-height: 130%;
4077
- font-weight: 700;
4078
- background-color: #D4E7F0;
4079
- width: 150px;
4080
- }
4081
- .psui-el-bar-chart-total{
4082
- position: relative;
4083
- margin-left: auto;
4084
- --tw-text-opacity: 1;
4085
- color: rgb(0 70 95 / var(--tw-text-opacity));
4086
- z-index: 1;
4087
- }
4088
- .psui-el-bar-chart-bar{
4089
- position: absolute;
4090
- top: 0px;
4091
- left: 0px;
4092
- height: 100%;
4093
- background-color: #8AC6D9;
4094
- }
4095
- .psui-el-simple-alert{
4096
- display: flex;
4097
- width: 100%;
4098
- cursor: pointer;
4099
- align-items: center;
4100
- gap: 0.25rem;
4101
- border-radius: 0.375rem;
4102
- padding: 0.25rem;
4103
- word-break:normal ;
4104
- }
4105
- .psui-el-simple-alert-message{
4106
- margin-left: auto;
4107
- margin-right: auto;
4108
- font-size: 12px;
4109
- line-height: 130%;
4110
- letter-spacing: 0.6px;
4111
- font-weight: 700;
4112
- }
4113
- .psui-el-simple-alert-button {
4114
- font-family: 'Material Icons Round';
4115
- font-weight: normal;
4116
- font-style: normal;
4117
- font-size: 24px;
4118
- line-height: 1;
4119
- letter-spacing: normal;
4120
- text-transform: none;
4121
- display: inline-block;
4122
- white-space: nowrap;
4123
- word-wrap: normal;
4124
- direction: ltr;
4125
- -webkit-font-feature-settings: 'liga';
4126
- -webkit-font-smoothing: antialiased;
4127
- }
4128
- .psui-el-simple-alert-button:focus{
4129
- outline: 2px solid transparent;
4130
- outline-offset: 2px;
4131
- }
4132
- .psui-el-breadcrumb ol{
4133
- display: flex;
4134
- align-items: center;
4135
- }
4136
- .psui-el-breadcrumb ol li + li::before{
4137
- float: left;
4138
- margin-right: 0.125rem;
4139
- display: inline-block;
4140
- font-weight: 400;
4141
- content: "chevron_right";
4142
- font-family: 'Material Icons Round';
4143
- font-size: 16px;
4144
- }
4145
- .psui-show-childrens-on-hover:hover * {
4146
- opacity: 1 !important;
4147
- }
4148
- .psui-show-childrens-on-hover.absolute-childrens{
4149
- position: relative;
4150
- }
4151
- .psui-show-childrens-on-hover.absolute-childrens .helper{
4152
- position: absolute;
4153
- top: 0px;
4154
- right: -18px;
4155
- }
4156
- .psui-transition{
4157
- transition-property: all;
4158
- transition-duration: 150ms;
4159
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4160
- }
4161
- .psui-pointer-events-none{
4162
- pointer-events: none;
4163
- }
4164
- .psui-absolute{
4165
- position: absolute;
4166
- }
4167
- .psui-relative{
4168
- position: relative;
4169
- }
4170
- .psui--left-1{
4171
- left: -1rem;
4172
- }
4173
- .psui--right-2{
4174
- right: -0.5rem;
4175
- }
4176
- .psui--top-2{
4177
- top: -0.5rem;
4178
- }
4179
- .psui-col-span-3{
4180
- grid-column: span 3 / span 3;
4181
- }
4182
- .psui-float-left{
4183
- float: left;
4184
- }
4185
- .psui-my-3{
4186
- margin-top: 0.75rem;
4187
- margin-bottom: 0.75rem;
4188
- }
4189
- .psui-my-4{
4190
- margin-top: 1rem;
4191
- margin-bottom: 1rem;
4192
- }
4193
- .psui--mr-1{
4194
- margin-right: -0.25rem;
4195
- }
4196
- .psui-mb-2{
4197
- margin-bottom: 0.5rem;
4198
- }
4199
- .psui-mb-4{
4200
- margin-bottom: 1rem;
4201
- }
4202
- .psui-mb-px{
4203
- margin-bottom: 1px;
4204
- }
4205
- .psui-ml-0{
4206
- margin-left: 0px;
4207
- }
4208
- .psui-ml-1{
4209
- margin-left: 0.25rem;
4210
- }
4211
- .psui-ml-2{
4212
- margin-left: 0.5rem;
4213
- }
4214
- .psui-ml-3{
4215
- margin-left: 0.75rem;
4216
- }
4217
- .psui-mr-1{
4218
- margin-right: 0.25rem;
4219
- }
4220
- .psui-mr-2{
4221
- margin-right: 0.5rem;
4222
- }
4223
- .psui-mr-3{
4224
- margin-right: 0.75rem;
4225
- }
4226
- .psui-mt-4{
4227
- margin-top: 1rem;
4228
- }
4229
- .psui-mt-8{
4230
- margin-top: 2rem;
4231
- }
4232
- .psui-flex{
4233
- display: flex;
4234
- }
4235
- .psui-inline-flex{
4236
- display: inline-flex;
4237
- }
4238
- .psui-table{
4239
- display: table;
4240
- }
4241
- .psui-grid{
4242
- display: grid;
4243
- }
4244
- .psui-hidden{
4245
- display: none;
4246
- }
4247
- .psui-h-2{
4248
- height: 0.5rem;
4249
- }
4250
- .psui-h-5{
4251
- height: 1.25rem;
4252
- }
4253
- .psui-h-auto{
4254
- height: auto;
4255
- }
4256
- .psui-h-full{
4257
- height: 100%;
4258
- }
4259
- .psui-w-1\/2{
4260
- width: 50%;
4261
- }
4262
- .psui-w-2{
4263
- width: 0.5rem;
4264
- }
4265
- .psui-w-48{
4266
- width: 12rem;
4267
- }
4268
- .psui-w-5{
4269
- width: 1.25rem;
4270
- }
4271
- .psui-w-56{
4272
- width: 14rem;
4273
- }
4274
- .psui-w-64{
4275
- width: 16rem;
4276
- }
4277
- .psui-w-auto{
4278
- width: auto;
4279
- }
4280
- .psui-w-full{
4281
- width: 100%;
4282
- }
4283
- .psui-flex-shrink-0{
4284
- flex-shrink: 0;
4285
- }
4286
- .psui--rotate-90{
4287
- --tw-rotate: -90deg;
4288
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4289
- }
4290
- .psui-rotate-0{
4291
- --tw-rotate: 0deg;
4292
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4293
- }
4294
- .psui-transform{
4295
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
4296
- }
4297
- @keyframes psui-spin{
4298
- to{
4299
- transform: rotate(360deg);
4300
- }
4301
- }
4302
- .psui-animate-spin{
4303
- animation: psui-spin 1s linear infinite;
4304
- }
4305
- .psui-cursor-default{
4306
- cursor: default;
4307
- }
4308
- .psui-cursor-pointer{
4309
- cursor: pointer;
4310
- }
4311
- .psui-grid-cols-2{
4312
- grid-template-columns: repeat(2, minmax(0, 1fr));
4313
- }
4314
- .psui-grid-cols-3{
4315
- grid-template-columns: repeat(3, minmax(0, 1fr));
4316
- }
4317
- .psui-flex-row{
4318
- flex-direction: row;
4319
- }
4320
- .psui-flex-col{
4321
- flex-direction: column;
4322
- }
4323
- .psui-items-end{
4324
- align-items: flex-end;
4325
- }
4326
- .psui-items-center{
4327
- align-items: center;
4328
- }
4329
- .psui-justify-end{
4330
- justify-content: flex-end;
4331
- }
4332
- .psui-justify-center{
4333
- justify-content: center;
4334
- }
4335
- .psui-gap-1{
4336
- gap: 0.25rem;
4337
- }
4338
- .psui-gap-3{
4339
- gap: 0.75rem;
4340
- }
4341
- .psui-gap-4{
4342
- gap: 1rem;
4343
- }
4344
- .psui-gap-6{
4345
- gap: 1.5rem;
4346
- }
4347
- .psui-gap-64{
4348
- gap: 16rem;
4349
- }
4350
- .psui-gap-8{
4351
- gap: 2rem;
4352
- }
4353
- .psui-space-x-0 > :not([hidden]) ~ :not([hidden]){
4354
- --tw-space-x-reverse: 0;
4355
- margin-right: calc(0px * var(--tw-space-x-reverse));
4356
- margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
4357
- }
4358
- .psui-space-x-0\.5 > :not([hidden]) ~ :not([hidden]){
4359
- --tw-space-x-reverse: 0;
4360
- margin-right: calc(0.125rem * var(--tw-space-x-reverse));
4361
- margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
4362
- }
4363
- .psui-space-x-1 > :not([hidden]) ~ :not([hidden]){
4364
- --tw-space-x-reverse: 0;
4365
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
4366
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
4367
- }
4368
- .psui-space-x-2 > :not([hidden]) ~ :not([hidden]){
4369
- --tw-space-x-reverse: 0;
4370
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
4371
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
4372
- }
4373
- .psui-space-x-3 > :not([hidden]) ~ :not([hidden]){
4374
- --tw-space-x-reverse: 0;
4375
- margin-right: calc(0.75rem * var(--tw-space-x-reverse));
4376
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
4377
- }
4378
- .psui-justify-self-center{
4379
- justify-self: center;
4380
- }
4381
- .psui-rounded{
4382
- border-radius: 0.25rem;
4383
- }
4384
- .psui-rounded-md{
4385
- border-radius: 0.375rem;
4386
- }
4387
- .psui-rounded-xl{
4388
- border-radius: 0.75rem;
4389
- }
4390
- .psui-border{
4391
- border-width: 1px;
4392
- }
4393
- .psui-border-b{
4394
- border-bottom-width: 1px;
4395
- }
4396
- .psui-border-dashed{
4397
- border-style: dashed;
4398
- }
4399
- .psui-border-gray-30{
4400
- --tw-border-opacity: 1;
4401
- border-color: rgb(214 221 229 / var(--tw-border-opacity));
4402
- }
4403
- .psui-bg-blue-10{
4404
- --tw-bg-opacity: 1;
4405
- background-color: rgb(236 247 251 / var(--tw-bg-opacity));
4406
- }
4407
- .psui-bg-blue-20{
4408
- --tw-bg-opacity: 1;
4409
- background-color: rgb(224 239 246 / var(--tw-bg-opacity));
4410
- }
4411
- .psui-bg-blue-60{
4412
- --tw-bg-opacity: 1;
4413
- background-color: rgb(49 143 172 / var(--tw-bg-opacity));
4414
- }
4415
- .psui-bg-gray-10{
4416
- --tw-bg-opacity: 1;
4417
- background-color: rgb(243 246 249 / var(--tw-bg-opacity));
4418
- }
4419
- .psui-bg-gray-20{
4420
- --tw-bg-opacity: 1;
4421
- background-color: rgb(230 236 242 / var(--tw-bg-opacity));
4422
- }
4423
- .psui-bg-gray-30{
4424
- --tw-bg-opacity: 1;
4425
- background-color: rgb(214 221 229 / var(--tw-bg-opacity));
4426
- }
4427
- .psui-bg-gray-40{
4428
- --tw-bg-opacity: 1;
4429
- background-color: rgb(162 172 183 / var(--tw-bg-opacity));
4430
- }
4431
- .psui-bg-gray-60{
4432
- --tw-bg-opacity: 1;
4433
- background-color: rgb(81 94 106 / var(--tw-bg-opacity));
4434
- }
4435
- .psui-bg-green-20{
4436
- --tw-bg-opacity: 1;
4437
- background-color: rgb(93 184 131 / var(--tw-bg-opacity));
4438
- }
4439
- .psui-bg-red-10{
4440
- --tw-bg-opacity: 1;
4441
- background-color: rgb(252 235 235 / var(--tw-bg-opacity));
4442
- }
4443
- .psui-bg-red-20{
4444
- --tw-bg-opacity: 1;
4445
- background-color: rgb(214 92 90 / var(--tw-bg-opacity));
4446
- }
4447
- .psui-bg-white{
4448
- --tw-bg-opacity: 1;
4449
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
4450
- }
4451
- .psui-bg-yellow-20{
4452
- --tw-bg-opacity: 1;
4453
- background-color: rgb(237 171 62 / var(--tw-bg-opacity));
4454
- }
4455
- .psui-p-10{
4456
- padding: 2.5rem;
4457
- }
4458
- .psui-p-2{
4459
- padding: 0.5rem;
4460
- }
4461
- .psui-p-4{
4462
- padding: 1rem;
4463
- }
4464
- .psui-p-8{
4465
- padding: 2rem;
4466
- }
4467
- .psui-px-4{
4468
- padding-left: 1rem;
4469
- padding-right: 1rem;
4470
- }
4471
- .psui-px-5{
4472
- padding-left: 1.25rem;
4473
- padding-right: 1.25rem;
4474
- }
4475
- .psui-px-6{
4476
- padding-left: 1.5rem;
4477
- padding-right: 1.5rem;
4478
- }
4479
- .psui-py-1{
4480
- padding-top: 0.25rem;
4481
- padding-bottom: 0.25rem;
4482
- }
4483
- .psui-py-2{
4484
- padding-top: 0.5rem;
4485
- padding-bottom: 0.5rem;
4486
- }
4487
- .psui-py-3{
4488
- padding-top: 0.75rem;
4489
- padding-bottom: 0.75rem;
4490
- }
4491
- .psui-py-4{
4492
- padding-top: 1rem;
4493
- padding-bottom: 1rem;
4494
- }
4495
- .psui-pb-5{
4496
- padding-bottom: 1.25rem;
4497
- }
4498
- .psui-text-left{
4499
- text-align: left;
4500
- }
4501
- .psui-text-center{
4502
- text-align: center;
4503
- }
4504
- .psui-text-right{
4505
- text-align: right;
4506
- }
4507
- .psui-text-accentSmall{
4508
- font-size: 12px;
4509
- line-height: 130%;
4510
- letter-spacing: 0.6px;
4511
- }
4512
- .psui-text-h4{
4513
- font-size: 20px;
4514
- line-height: 120%;
4515
- }
4516
- .psui-text-small{
4517
- font-size: 14px;
4518
- line-height: 130%;
4519
- }
4520
- .psui-text-xsmall{
4521
- font-size: 12px;
4522
- line-height: 130%;
4523
- }
4524
- .psui-font-bold{
4525
- font-weight: 700;
4526
- }
4527
- .psui-font-normal{
4528
- font-weight: 400;
4529
- }
4530
- .psui-uppercase{
4531
- text-transform: uppercase;
4532
- }
4533
- .psui-leading-none{
4534
- line-height: 1;
4535
- }
4536
- .psui-text-blue-50{
4537
- --tw-text-opacity: 1;
4538
- color: rgb(100 181 206 / var(--tw-text-opacity));
4539
- }
4540
- .psui-text-blue-60{
4541
- --tw-text-opacity: 1;
4542
- color: rgb(49 143 172 / var(--tw-text-opacity));
4543
- }
4544
- .psui-text-blue-80{
4545
- --tw-text-opacity: 1;
4546
- color: rgb(0 42 58 / var(--tw-text-opacity));
4547
- }
4548
- .psui-text-gray-30{
4549
- --tw-text-opacity: 1;
4550
- color: rgb(214 221 229 / var(--tw-text-opacity));
4551
- }
4552
- .psui-text-gray-40{
4553
- --tw-text-opacity: 1;
4554
- color: rgb(162 172 183 / var(--tw-text-opacity));
4555
- }
4556
- .psui-text-gray-50{
4557
- --tw-text-opacity: 1;
4558
- color: rgb(121 132 144 / var(--tw-text-opacity));
4559
- }
4560
- .psui-text-gray-60{
4561
- --tw-text-opacity: 1;
4562
- color: rgb(81 94 106 / var(--tw-text-opacity));
4563
- }
4564
- .psui-text-gray-80{
4565
- --tw-text-opacity: 1;
4566
- color: rgb(40 50 59 / var(--tw-text-opacity));
4567
- }
4568
- .psui-text-green-70{
4569
- --tw-text-opacity: 1;
4570
- color: rgb(68 160 106 / var(--tw-text-opacity));
4571
- }
4572
- .psui-text-red-20{
4573
- --tw-text-opacity: 1;
4574
- color: rgb(214 92 90 / var(--tw-text-opacity));
4575
- }
4576
- .psui-text-red-70{
4577
- --tw-text-opacity: 1;
4578
- color: rgb(170 57 55 / var(--tw-text-opacity));
4579
- }
4580
- .psui-text-white{
4581
- --tw-text-opacity: 1;
4582
- color: rgb(255 255 255 / var(--tw-text-opacity));
4583
- }
4584
- .psui-opacity-0{
4585
- opacity: 0;
4586
- }
4587
- .psui-opacity-25{
4588
- opacity: 0.25;
4589
- }
4590
- .psui-opacity-50{
4591
- opacity: 0.5;
4592
- }
4593
- .psui-opacity-75{
4594
- opacity: 0.75;
4595
- }
4596
- .psui-shadow-elevation-20{
4597
- --tw-shadow: 0px 0px 8px rgba(0, 0, 0, 0.04), 0px 5px 6px rgba(0, 0, 0, 0.1);
4598
- --tw-shadow-colored: 0px 0px 8px var(--tw-shadow-color), 0px 5px 6px var(--tw-shadow-color);
4599
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4600
- }
4601
- .psui-transition{
4602
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
4603
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
4604
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
4605
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4606
- transition-duration: 150ms;
4607
- }
4608
- .psui-duration-300{
4609
- transition-duration: 300ms;
4610
- }
4611
- *:focus {
4612
- outline: none;
4613
- }
4614
- html {
4615
- -webkit-font-smoothing: antialiased;
4616
- -moz-osx-font-smoothing: grayscale;
4617
- }
4618
- .transition-default {
4619
- transition: cubic-bezier(.17,.67,.83,.67) 250ms;
4620
- }
4621
- .psui-icon {
4622
- font-family: 'Material Icons Round';
4623
- font-weight: normal;
4624
- font-style: normal;
4625
- font-size: 24px;
4626
- line-height: 1;
4627
- letter-spacing: normal;
4628
- text-transform: none;
4629
- display: inline-block;
4630
- white-space: nowrap;
4631
- word-wrap: normal;
4632
- direction: ltr;
4633
- -webkit-font-feature-settings: 'liga';
4634
- -webkit-font-smoothing: antialiased;
4635
- }
4636
- .hover\:psui-bg-blue-10:hover{
4637
- --tw-bg-opacity: 1;
4638
- background-color: rgb(236 247 251 / var(--tw-bg-opacity));
4639
- }
4640
- .hover\:psui-text-blue-60:hover{
4641
- --tw-text-opacity: 1;
4642
- color: rgb(49 143 172 / var(--tw-text-opacity));
4643
- }
4644
- .hover\:psui-underline:hover{
4645
- text-decoration-line: underline;
4646
- }
4647
-