@opexa/portal-components 0.0.260 → 0.0.262

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 (97) hide show
  1. package/dist/client/hooks/useCreateVentajaWithdrawalMutation.d.ts +2 -2
  2. package/dist/client/hooks/useCreateVentajaWithdrawalMutation.js +5 -5
  3. package/dist/components/DepositWithdrawal/Withdrawal/VentajaWithdrawal/VentajaWithdrawal.js +2 -2
  4. package/dist/components/Disclaimer/Disclaimer.d.ts +1 -1
  5. package/dist/components/Disclaimer/DisclaimerV2.d.ts +1 -1
  6. package/dist/components/Disclaimer/DisclaimerV2.js +6 -4
  7. package/dist/components/Jackpots/JackpotsCarousel/JackpotsCarouselItem.module.css +184 -184
  8. package/dist/components/Jackpots/JackpotsList/JackpotsListItem.module.css +184 -184
  9. package/dist/components/KYC/utils.js +18 -18
  10. package/dist/components/Tournaments/TournamentsCarousel/TournamentsCarouselItem.module.css +184 -184
  11. package/dist/components/Tournaments/TournamentsList/TournamentItem.module.css +184 -184
  12. package/dist/services/queries.d.ts +2 -2
  13. package/dist/services/queries.js +2570 -2568
  14. package/dist/services/wallet.d.ts +5 -5
  15. package/dist/services/wallet.js +6 -5
  16. package/dist/styles/theme.css +694 -694
  17. package/dist/ui/DatePicker/DatePicker.d.ts +72 -72
  18. package/dist/ui/DatePicker/datePicker.recipe.d.ts +3 -3
  19. package/dist/utils/mutationKeys.d.ts +1 -1
  20. package/dist/utils/mutationKeys.js +1 -4
  21. package/package.json +166 -166
  22. package/dist/components/FeatureFlag/FeatureFlag.d.ts +0 -1
  23. package/dist/components/FeatureFlag/FeatureFlag.js +0 -29
  24. package/dist/components/FeatureFlag/index.d.ts +0 -1
  25. package/dist/components/FeatureFlag/index.js +0 -1
  26. package/dist/components/KYC/AutoOpen.d.ts +0 -1
  27. package/dist/components/KYC/AutoOpen.js +0 -40
  28. package/dist/components/KYC/backup/Header.d.ts +0 -1
  29. package/dist/components/KYC/backup/Header.js +0 -8
  30. package/dist/components/KYC/backup/Indicator.d.ts +0 -1
  31. package/dist/components/KYC/backup/Indicator.js +0 -9
  32. package/dist/components/KYC/backup/KYC.d.ts +0 -1
  33. package/dist/components/KYC/backup/KYC.js +0 -14
  34. package/dist/components/KYC/backup/KYC.lazy.d.ts +0 -1
  35. package/dist/components/KYC/backup/KYC.lazy.js +0 -26
  36. package/dist/components/KYC/backup/KYCContext.d.ts +0 -6
  37. package/dist/components/KYC/backup/KYCContext.js +0 -2
  38. package/dist/components/KYC/backup/Step1.d.ts +0 -1
  39. package/dist/components/KYC/backup/Step1.js +0 -13
  40. package/dist/components/KYC/backup/Step2.d.ts +0 -1
  41. package/dist/components/KYC/backup/Step2.js +0 -13
  42. package/dist/components/KYC/backup/Step3.d.ts +0 -1
  43. package/dist/components/KYC/backup/Step3.js +0 -13
  44. package/dist/components/KYC/backup/Step4.d.ts +0 -1
  45. package/dist/components/KYC/backup/Step4.js +0 -7
  46. package/dist/components/KYC/backup/useKYC.d.ts +0 -10
  47. package/dist/components/KYC/backup/useKYC.js +0 -8
  48. package/dist/components/KYC/loadModels.d.ts +0 -1
  49. package/dist/components/KYC/loadModels.js +0 -9
  50. package/dist/components/Messages/Message.d.ts +0 -1
  51. package/dist/components/Messages/Message.js +0 -35
  52. package/dist/components/Messages/MessageContext.d.ts +0 -6
  53. package/dist/components/Messages/MessageContext.js +0 -2
  54. package/dist/components/Messages/MessagePopup.d.ts +0 -1
  55. package/dist/components/Messages/MessagePopup.js +0 -20
  56. package/dist/components/Messages/MessageTrigger.d.ts +0 -8
  57. package/dist/components/Messages/MessageTrigger.js +0 -19
  58. package/dist/components/Quests/CountdownTimer.d.ts +0 -15
  59. package/dist/components/Quests/CountdownTimer.js +0 -33
  60. package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.d.ts +0 -4
  61. package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuest.js +0 -78
  62. package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.d.ts +0 -8
  63. package/dist/components/Quests/DailyCheckInQuest/DailyCheckInQuestModal.js +0 -9
  64. package/dist/components/Quests/OnboardingQuest/OnboardingQuest.d.ts +0 -4
  65. package/dist/components/Quests/OnboardingQuest/OnboardingQuest.js +0 -4
  66. package/dist/components/Quests/WageringQuest/WageringQuest.d.ts +0 -4
  67. package/dist/components/Quests/WageringQuest/WageringQuest.js +0 -20
  68. package/dist/components/Quests/WageringQuest/WageringQuestModal.d.ts +0 -9
  69. package/dist/components/Quests/WageringQuest/WageringQuestModal.js +0 -9
  70. package/dist/components/SignUp/SignUp.lazy.d.ts +0 -12
  71. package/dist/components/SignUp/SignUp.lazy.js +0 -18
  72. package/dist/components/SignUp/SignUpContext.d.ts +0 -6
  73. package/dist/components/SignUp/SignUpContext.js +0 -2
  74. package/dist/components/SignUp/SignUpForm.d.ts +0 -1
  75. package/dist/components/SignUp/SignUpForm.js +0 -284
  76. package/dist/components/SignUp/SignUpPagcor/CaptureIdDocument.d.ts +0 -1
  77. package/dist/components/SignUp/SignUpPagcor/CaptureIdDocument.js +0 -198
  78. package/dist/components/SignUp/SignUpPagcor/CaptureSelfie.d.ts +0 -1
  79. package/dist/components/SignUp/SignUpPagcor/CaptureSelfie.js +0 -251
  80. package/dist/components/SignUp/SignUpPagcor/ImageUploader.d.ts +0 -10
  81. package/dist/components/SignUp/SignUpPagcor/ImageUploader.js +0 -41
  82. package/dist/components/SignUp/SignUpPagcor/SignUpFormPagcor.d.ts +0 -1
  83. package/dist/components/SignUp/SignUpPagcor/SignUpFormPagcor.js +0 -429
  84. package/dist/components/SignUp/SignUpPagcor/SignUpPagcor.lazy.d.ts +0 -13
  85. package/dist/components/SignUp/SignUpPagcor/SignUpPagcor.lazy.js +0 -26
  86. package/dist/components/SignUp/SignUpPagcor/SignUpPagcorContext.d.ts +0 -7
  87. package/dist/components/SignUp/SignUpPagcor/SignUpPagcorContext.js +0 -2
  88. package/dist/components/SignUp/SignUpPagcor/useImageUploader.d.ts +0 -11
  89. package/dist/components/SignUp/SignUpPagcor/useImageUploader.js +0 -20
  90. package/dist/constants/BranchCode.d.ts +0 -4
  91. package/dist/constants/BranchCode.js +0 -42
  92. package/dist/icons/BellRingIcon.d.ts +0 -2
  93. package/dist/icons/BellRingIcon.js +0 -4
  94. package/dist/utils/dataUrlToBlob.d.ts +0 -1
  95. package/dist/utils/dataUrlToBlob.js +0 -11
  96. package/dist/utils/resizeImageSize.d.ts +0 -2
  97. package/dist/utils/resizeImageSize.js +0 -11
@@ -1,4 +1,4 @@
1
1
  import type { SetOptional } from 'type-fest';
2
- import { type CreateVentajaWithdrawalInput } from '../../services/wallet';
2
+ import { type CreateVentajaDisbursementWithdrawalInput } from '../../services/wallet';
3
3
  import type { Mutation } from '../../types';
4
- export declare const useCreateVentajaWithdrawalMutation: Mutation<string, SetOptional<CreateVentajaWithdrawalInput, 'id'>>;
4
+ export declare const useCreateVentajaDisbursementWithdrawalMutation: Mutation<string, SetOptional<CreateVentajaDisbursementWithdrawalInput, 'id'>>;
@@ -2,18 +2,18 @@ import { ObjectId } from '@opexa/object-id';
2
2
  import { useMutation } from '@tanstack/react-query';
3
3
  import invariant from 'tiny-invariant';
4
4
  import { ObjectType } from '../../services/ObjectType.js';
5
- import { createVentajaWithdrawal, } from '../../services/wallet.js';
6
- import { getCreateVentajaWithdrawalMutationKey } from '../../utils/mutationKeys.js';
5
+ import { createVentajaDisbursementWithdrawal, } from '../../services/wallet.js';
6
+ import { getCreateVentajaDisbursementWithdrawalMutationKey } from '../../utils/mutationKeys.js';
7
7
  import { getSession } from '../services/getSession.js';
8
- export const useCreateVentajaWithdrawalMutation = (config) => {
8
+ export const useCreateVentajaDisbursementWithdrawalMutation = (config) => {
9
9
  const mutation = useMutation({
10
10
  ...config,
11
- mutationKey: getCreateVentajaWithdrawalMutationKey(),
11
+ mutationKey: getCreateVentajaDisbursementWithdrawalMutationKey(),
12
12
  mutationFn: async (input) => {
13
13
  const id = input.id ?? ObjectId.generate(ObjectType.Withdrawal).toString();
14
14
  const session = await getSession();
15
15
  invariant(session.status === 'authenticated');
16
- await createVentajaWithdrawal({ ...input, id }, {
16
+ await createVentajaDisbursementWithdrawal({ ...input, id }, {
17
17
  headers: {
18
18
  Authorization: `Bearer ${session.token}`,
19
19
  ...(session.domain && {
@@ -6,7 +6,7 @@ import { useEffect, useMemo, useState } from 'react';
6
6
  import { Controller, useForm } from 'react-hook-form';
7
7
  import { z } from 'zod';
8
8
  import { useShallow } from 'zustand/shallow';
9
- import { useCreateVentajaWithdrawalMutation } from '../../../../client/hooks/useCreateVentajaWithdrawalMutation.js';
9
+ import { useCreateVentajaDisbursementWithdrawalMutation } from '../../../../client/hooks/useCreateVentajaWithdrawalMutation.js';
10
10
  import { useGlobalStore } from '../../../../client/hooks/useGlobalStore.js';
11
11
  import { useInstapayBankListQuery } from '../../../../client/hooks/useInstapayBankListQuery.js';
12
12
  import { usePaymentSettingsQuery } from '../../../../client/hooks/usePaymentSettingsQuery.js';
@@ -35,7 +35,7 @@ export function VentajaWithdrawal() {
35
35
  depositWithdrawal: ctx.depositWithdrawal,
36
36
  })));
37
37
  const [status, setStatus] = useState('waiting');
38
- const createWithdrawalMutation = useCreateVentajaWithdrawalMutation({
38
+ const createWithdrawalMutation = useCreateVentajaDisbursementWithdrawalMutation({
39
39
  onMutate() {
40
40
  setStatus('processing');
41
41
  },
@@ -8,7 +8,7 @@ type DisclaimerProps = DisclaimerV1Props | {
8
8
  responsibleGamingContent: string | ReactNode;
9
9
  termsOfUseContent: string | ReactNode;
10
10
  responsibleGamingLogo?: ImageProps['src'];
11
- redirectUrlOnNoConsent: string;
11
+ redirectUrlOnNoConsent?: string;
12
12
  hasNoCheckbox?: boolean;
13
13
  };
14
14
  export declare function Disclaimer(props: DisclaimerProps): import("react/jsx-runtime").JSX.Element;
@@ -6,7 +6,7 @@ export interface DisclaimerProps {
6
6
  responsibleGamingContent: ReactNode;
7
7
  termsOfUseContent: ReactNode;
8
8
  responsibleGamingLogo?: ImageProps['src'];
9
- redirectUrlOnNoConsent: string;
9
+ redirectUrlOnNoConsent?: string;
10
10
  hasNoCheckbox?: boolean;
11
11
  }
12
12
  export declare function DisclaimerV2(props: DisclaimerProps): import("react/jsx-runtime").JSX.Element;
@@ -29,18 +29,20 @@ export function DisclaimerV2(props) {
29
29
  }, children: "Terms of Use" }), ' ', "and", ' ', _jsx("button", { type: "button", className: "text-brand-400 underline underline-offset-2", onClick: () => {
30
30
  setResponsibleGamingOpen(true);
31
31
  }, children: "Responsible Gaming" })] })), _jsx("div", { children: "Funds or credits in the account of any individual found ineligible to participate will be forfeited and turned over to the government as required by law" })] }) }), _jsxs("div", { className: "mt-4 flex w-full gap-3", children: [_jsx(Button, { type: "button", onClick: () => {
32
- if (isChecked) {
33
- disclaimer.close();
32
+ if (props.redirectUrlOnNoConsent) {
33
+ window.location.href = props.redirectUrlOnNoConsent;
34
34
  }
35
35
  else {
36
- window.location.href = props.redirectUrlOnNoConsent;
36
+ disclaimer.close();
37
37
  }
38
38
  }, variant: "outline", children: "Exit" }), _jsx(Button, { ref: acceptTriggerRef, type: "button", disabled: !isChecked, "aria-disabled": !isChecked, onClick: () => {
39
39
  if (isChecked) {
40
40
  disclaimer.close();
41
41
  }
42
42
  else {
43
- window.location.href = props.redirectUrlOnNoConsent;
43
+ if (props.redirectUrlOnNoConsent) {
44
+ window.location.href = props.redirectUrlOnNoConsent;
45
+ }
44
46
  }
45
47
  }, children: "Accept" })] })] }) })] }) })] }));
46
48
  }
@@ -1,184 +1,184 @@
1
- @keyframes arrow-green-flash {
2
- 0% {
3
- color: #abefc6;
4
- }
5
- 100% {
6
- color: #079455;
7
- }
8
- }
9
-
10
- .animate-arrow-green-flash-1 {
11
- animation: arrow-green-flash 0.4s infinite;
12
- animation-delay: -0.2s;
13
- }
14
-
15
- .animate-arrow-green-flash-2 {
16
- animation: arrow-green-flash 0.4s infinite;
17
- animation-delay: -0.1s;
18
- }
19
-
20
- .animate-arrow-green-flash-3 {
21
- animation: arrow-green-flash 0.4s infinite;
22
- }
23
-
24
- @keyframes arrow-red-flash {
25
- 0%,
26
- 100% {
27
- color: #f97066;
28
- }
29
- 50% {
30
- color: #fecdca;
31
- }
32
- }
33
-
34
- .animate-arrow-red-flash-1 {
35
- animation: arrow-red-flash 0.4s infinite;
36
- }
37
-
38
- .animate-arrow-red-flash-2 {
39
- animation: arrow-red-flash 0.4s infinite;
40
- animation-delay: -0.1s;
41
- }
42
-
43
- .animate-arrow-red-flash-3 {
44
- animation: arrow-red-flash 0.4s infinite;
45
- animation-delay: -0.2s;
46
- }
47
-
48
- /* Animated BG */
49
- @keyframes rotate {
50
- to {
51
- transform: rotate(1turn);
52
- }
53
- }
54
-
55
- .light-rays {
56
- position: absolute;
57
- top: 0;
58
- left: 0;
59
- right: 0;
60
- bottom: 0;
61
- overflow: hidden;
62
-
63
- --first: var(--color-bg-tertiary);
64
- --second: var(--color-bg-quaternary);
65
- }
66
-
67
- .light-rays::before,
68
- .light-rays::after {
69
- content: '';
70
- position: absolute;
71
- top: var(--light-rays-top, 150px);
72
- left: calc(50% - 90px);
73
- margin: -100vmax;
74
- width: 200vmax;
75
- height: 200vmax;
76
- opacity: 0.6;
77
- transform-origin: center;
78
- }
79
-
80
- .light-rays::before {
81
- background: conic-gradient(
82
- var(--first) 0deg 7.2deg,
83
- var(--second) 7.2deg 14.4deg,
84
- var(--first) 14.4deg 21.6deg,
85
- var(--second) 21.6deg 28.8deg,
86
- var(--first) 28.8deg 36deg,
87
- var(--second) 36deg 43.2deg,
88
- var(--first) 43.2deg 50.4deg,
89
- var(--second) 50.4deg 57.6deg,
90
- var(--first) 57.6deg 64.8deg,
91
- var(--second) 64.8deg 72deg,
92
- var(--first) 72deg 79.2deg,
93
- var(--second) 79.2deg 86.4deg,
94
- var(--first) 86.4deg 93.6deg,
95
- var(--second) 93.6deg 100.8deg,
96
- var(--first) 100.8deg 108deg,
97
- var(--second) 108deg 115.2deg,
98
- var(--first) 115.2deg 122.4deg,
99
- var(--second) 122.4deg 129.6deg,
100
- var(--first) 129.6deg 136.8deg,
101
- var(--second) 136.8deg 144deg,
102
- var(--first) 144deg 151.2deg,
103
- var(--second) 151.2deg 158.4deg,
104
- var(--first) 158.4deg 165.6deg,
105
- var(--second) 165.6deg 172.8deg,
106
- var(--first) 172.8deg 180deg,
107
- var(--second) 180deg 187.2deg,
108
- var(--first) 187.2deg 194.4deg,
109
- var(--second) 194.4deg 201.6deg,
110
- var(--first) 201.6deg 208.8deg,
111
- var(--second) 208.8deg 216deg,
112
- var(--first) 216deg 223.2deg,
113
- var(--second) 223.2deg 230.4deg,
114
- var(--first) 230.4deg 237.6deg,
115
- var(--second) 237.6deg 244.8deg,
116
- var(--first) 244.8deg 252deg,
117
- var(--second) 252deg 259.2deg,
118
- var(--first) 259.2deg 266.4deg,
119
- var(--second) 266.4deg 273.6deg,
120
- var(--first) 273.6deg 280.8deg,
121
- var(--second) 280.8deg 288deg,
122
- var(--first) 288deg 295.2deg,
123
- var(--second) 295.2deg 302.4deg,
124
- var(--first) 302.4deg 309.6deg,
125
- var(--second) 309.6deg 316.8deg,
126
- var(--first) 316.8deg 324deg,
127
- var(--second) 324deg 331.2deg,
128
- var(--first) 331.2deg 338.4deg,
129
- var(--second) 338.4deg 345.6deg,
130
- var(--first) 345.6deg 352.8deg,
131
- var(--second) 352.8deg 360deg
132
- );
133
- animation: rotate 20s linear infinite;
134
- }
135
-
136
- @media (max-width: 1024px) {
137
- .light-rays::before,
138
- .light-rays::after {
139
- left: auto;
140
- right: 11%;
141
- }
142
- }
143
-
144
- /* ScrollArea.module.css */
145
- .scrollArea {
146
- overflow-y: scroll;
147
- padding-right: 4px;
148
- }
149
-
150
- /* WebKit-based browsers */
151
- .scrollArea::-webkit-scrollbar {
152
- width: 8px;
153
- }
154
-
155
- .scrollArea::-webkit-scrollbar-track {
156
- background: var(--color-bg-primary-alt);
157
- border-radius: 9999px;
158
- }
159
-
160
- .scrollArea::-webkit-scrollbar-thumb {
161
- background-color: var(--color-bg-quaternary);
162
- border-radius: 9999px;
163
- }
164
-
165
- @keyframes waveColor {
166
- 0%,
167
- 2.5% {
168
- color: var(--wave-highlight-color);
169
- }
170
- 2.51%,
171
- 100% {
172
- color: var(--color-brand-300);
173
- }
174
- }
175
-
176
- .animate-wave-color-success {
177
- --wave-highlight-color: var(--color-success-800);
178
- animation: waveColor 4s ease-in-out infinite;
179
- }
180
-
181
- .animate-wave-color-error {
182
- --wave-highlight-color: var(--color-error-600);
183
- animation: waveColor 4s ease-in-out infinite;
184
- }
1
+ @keyframes arrow-green-flash {
2
+ 0% {
3
+ color: #abefc6;
4
+ }
5
+ 100% {
6
+ color: #079455;
7
+ }
8
+ }
9
+
10
+ .animate-arrow-green-flash-1 {
11
+ animation: arrow-green-flash 0.4s infinite;
12
+ animation-delay: -0.2s;
13
+ }
14
+
15
+ .animate-arrow-green-flash-2 {
16
+ animation: arrow-green-flash 0.4s infinite;
17
+ animation-delay: -0.1s;
18
+ }
19
+
20
+ .animate-arrow-green-flash-3 {
21
+ animation: arrow-green-flash 0.4s infinite;
22
+ }
23
+
24
+ @keyframes arrow-red-flash {
25
+ 0%,
26
+ 100% {
27
+ color: #f97066;
28
+ }
29
+ 50% {
30
+ color: #fecdca;
31
+ }
32
+ }
33
+
34
+ .animate-arrow-red-flash-1 {
35
+ animation: arrow-red-flash 0.4s infinite;
36
+ }
37
+
38
+ .animate-arrow-red-flash-2 {
39
+ animation: arrow-red-flash 0.4s infinite;
40
+ animation-delay: -0.1s;
41
+ }
42
+
43
+ .animate-arrow-red-flash-3 {
44
+ animation: arrow-red-flash 0.4s infinite;
45
+ animation-delay: -0.2s;
46
+ }
47
+
48
+ /* Animated BG */
49
+ @keyframes rotate {
50
+ to {
51
+ transform: rotate(1turn);
52
+ }
53
+ }
54
+
55
+ .light-rays {
56
+ position: absolute;
57
+ top: 0;
58
+ left: 0;
59
+ right: 0;
60
+ bottom: 0;
61
+ overflow: hidden;
62
+
63
+ --first: var(--color-bg-tertiary);
64
+ --second: var(--color-bg-quaternary);
65
+ }
66
+
67
+ .light-rays::before,
68
+ .light-rays::after {
69
+ content: '';
70
+ position: absolute;
71
+ top: var(--light-rays-top, 150px);
72
+ left: calc(50% - 90px);
73
+ margin: -100vmax;
74
+ width: 200vmax;
75
+ height: 200vmax;
76
+ opacity: 0.6;
77
+ transform-origin: center;
78
+ }
79
+
80
+ .light-rays::before {
81
+ background: conic-gradient(
82
+ var(--first) 0deg 7.2deg,
83
+ var(--second) 7.2deg 14.4deg,
84
+ var(--first) 14.4deg 21.6deg,
85
+ var(--second) 21.6deg 28.8deg,
86
+ var(--first) 28.8deg 36deg,
87
+ var(--second) 36deg 43.2deg,
88
+ var(--first) 43.2deg 50.4deg,
89
+ var(--second) 50.4deg 57.6deg,
90
+ var(--first) 57.6deg 64.8deg,
91
+ var(--second) 64.8deg 72deg,
92
+ var(--first) 72deg 79.2deg,
93
+ var(--second) 79.2deg 86.4deg,
94
+ var(--first) 86.4deg 93.6deg,
95
+ var(--second) 93.6deg 100.8deg,
96
+ var(--first) 100.8deg 108deg,
97
+ var(--second) 108deg 115.2deg,
98
+ var(--first) 115.2deg 122.4deg,
99
+ var(--second) 122.4deg 129.6deg,
100
+ var(--first) 129.6deg 136.8deg,
101
+ var(--second) 136.8deg 144deg,
102
+ var(--first) 144deg 151.2deg,
103
+ var(--second) 151.2deg 158.4deg,
104
+ var(--first) 158.4deg 165.6deg,
105
+ var(--second) 165.6deg 172.8deg,
106
+ var(--first) 172.8deg 180deg,
107
+ var(--second) 180deg 187.2deg,
108
+ var(--first) 187.2deg 194.4deg,
109
+ var(--second) 194.4deg 201.6deg,
110
+ var(--first) 201.6deg 208.8deg,
111
+ var(--second) 208.8deg 216deg,
112
+ var(--first) 216deg 223.2deg,
113
+ var(--second) 223.2deg 230.4deg,
114
+ var(--first) 230.4deg 237.6deg,
115
+ var(--second) 237.6deg 244.8deg,
116
+ var(--first) 244.8deg 252deg,
117
+ var(--second) 252deg 259.2deg,
118
+ var(--first) 259.2deg 266.4deg,
119
+ var(--second) 266.4deg 273.6deg,
120
+ var(--first) 273.6deg 280.8deg,
121
+ var(--second) 280.8deg 288deg,
122
+ var(--first) 288deg 295.2deg,
123
+ var(--second) 295.2deg 302.4deg,
124
+ var(--first) 302.4deg 309.6deg,
125
+ var(--second) 309.6deg 316.8deg,
126
+ var(--first) 316.8deg 324deg,
127
+ var(--second) 324deg 331.2deg,
128
+ var(--first) 331.2deg 338.4deg,
129
+ var(--second) 338.4deg 345.6deg,
130
+ var(--first) 345.6deg 352.8deg,
131
+ var(--second) 352.8deg 360deg
132
+ );
133
+ animation: rotate 20s linear infinite;
134
+ }
135
+
136
+ @media (max-width: 1024px) {
137
+ .light-rays::before,
138
+ .light-rays::after {
139
+ left: auto;
140
+ right: 11%;
141
+ }
142
+ }
143
+
144
+ /* ScrollArea.module.css */
145
+ .scrollArea {
146
+ overflow-y: scroll;
147
+ padding-right: 4px;
148
+ }
149
+
150
+ /* WebKit-based browsers */
151
+ .scrollArea::-webkit-scrollbar {
152
+ width: 8px;
153
+ }
154
+
155
+ .scrollArea::-webkit-scrollbar-track {
156
+ background: var(--color-bg-primary-alt);
157
+ border-radius: 9999px;
158
+ }
159
+
160
+ .scrollArea::-webkit-scrollbar-thumb {
161
+ background-color: var(--color-bg-quaternary);
162
+ border-radius: 9999px;
163
+ }
164
+
165
+ @keyframes waveColor {
166
+ 0%,
167
+ 2.5% {
168
+ color: var(--wave-highlight-color);
169
+ }
170
+ 2.51%,
171
+ 100% {
172
+ color: var(--color-brand-300);
173
+ }
174
+ }
175
+
176
+ .animate-wave-color-success {
177
+ --wave-highlight-color: var(--color-success-800);
178
+ animation: waveColor 4s ease-in-out infinite;
179
+ }
180
+
181
+ .animate-wave-color-error {
182
+ --wave-highlight-color: var(--color-error-600);
183
+ animation: waveColor 4s ease-in-out infinite;
184
+ }