master-components-react-ts 1.1.3 → 2.0.1

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 (3) hide show
  1. package/dist/index.js +864 -864
  2. package/package.json +1 -1
  3. package/dist/assets/Inter_24pt-SemiBold-DIQUEucn.woff2 +0 -0
package/dist/index.js CHANGED
@@ -9,427 +9,173 @@
9
9
  }
10
10
  @font-face {
11
11
  font-family: "Inter-SemiBold";
12
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
12
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
13
13
  }
14
14
  @font-face {
15
15
  font-family: "Inter-Medium";
16
16
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
17
17
  }
18
- .Toggle-module__toggleWrapper {
19
- position: relative;
20
- overflow: hidden;
21
- border-radius: 13.333px;
22
- background: #c1c2c7;
23
- padding: 4px;
24
- cursor: pointer;
25
- }
26
- .Toggle-module__toggleWrapper.Toggle-module__checked {
27
- background: #0058FF;
28
- }
29
- .Toggle-module__toggleWrapper.Toggle-module__error {
30
- background: #e3292f;
31
- }
32
- .Toggle-module__toggleWrapper.Toggle-module__disabled {
33
- background: #d4d5d6;
34
- cursor: not-allowed;
35
- }
36
- .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
37
- background: #95969c;
38
- }
39
- .Toggle-module__toggleWrapper.Toggle-module__sm {
40
- width: 24px;
41
- height: 16px;
42
- }
43
- .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
44
- left: calc(100% - 12px);
45
- }
46
- .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
47
- width: 8px;
48
- height: 8px;
49
- }
50
- .Toggle-module__toggleWrapper.Toggle-module__md {
51
- width: 32px;
52
- height: 20px;
53
- }
54
- .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
55
- left: calc(100% - 16px);
56
- }
57
- .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
58
- width: 12px;
59
- height: 12px;
60
- }
61
- .Toggle-module__toggleWrapper.Toggle-module__lg {
62
- width: 40px;
63
- height: 24px;
64
- }
65
- .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
66
- width: 16px;
67
- height: 16px;
68
- }
69
- .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
70
- left: calc(100% - 20px);
71
- }
72
- .Toggle-module__toggleWrapper .Toggle-module__toggleState {
73
- border-radius: 8px;
74
- background: #fff;
75
- position: absolute;
76
- top: 50%;
77
- left: 4px;
78
- transform: translateY(-50%);
79
- transition: 0.2s all;
80
- }@font-face {
81
- font-family: "Inter-Regular";
82
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
83
- }
84
- @font-face {
85
- font-family: "Inter-SemiBold";
86
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
87
- }
88
- @font-face {
89
- font-family: "Inter-Medium";
90
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
91
- }
92
- .Tooltip-module__tooltipContainer {
93
- position: relative;
94
- }
95
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
96
- border-radius: 0.5rem;
97
- background: #181d27;
98
- padding: 0.75rem;
99
- max-width: 200px;
100
- min-width: 118px;
101
- position: absolute;
102
- z-index: 99999;
103
- word-break: break-word;
104
- /* Absolute positioning */
105
- /* CSS border triangles */
106
- /* Absolute positioning */
107
- /* CSS border triangles */
108
- /* Absolute positioning */
109
- /* CSS border triangles */
110
- /* Absolute positioning */
111
- /* CSS border triangles */
112
- }
113
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__withoutPointer::before {
114
- all: initial;
115
- }
116
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent::before {
117
- content: " ";
118
- left: 50%;
119
- border: solid transparent;
120
- height: 0;
121
- width: 0;
122
- position: absolute;
123
- pointer-events: none;
124
- border-width: 6px;
125
- margin-left: -6px;
126
- }
127
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
128
- top: 100%;
129
- border-top-color: #181d27;
130
- left: var(--pointer-position);
131
- }
132
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
133
- left: -6px;
134
- top: 50%;
135
- transform: translateX(0) translateY(-50%);
136
- border-right-color: #181d27;
137
- }
138
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
139
- bottom: 100%;
140
- left: var(--pointer-position);
141
- border-bottom-color: #181d27;
18
+ .Textarea-module__textareaContainer {
19
+ width: 100%;
20
+ display: flex;
21
+ flex-direction: column;
22
+ align-items: flex-start;
23
+ gap: 0.375rem;
24
+ flex-shrink: 0;
142
25
  }
143
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
144
- left: auto;
145
- right: -12px;
146
- top: 50%;
147
- transform: translateX(0) translateY(-50%);
148
- border-left-color: #181d27;
26
+ .Textarea-module__textareaContainer .Textarea-module__textAreaLabel {
27
+ display: flex;
28
+ justify-content: space-between;
29
+ display: flex;
30
+ align-items: center;
31
+ gap: 0.125rem;
32
+ width: 100%;
149
33
  }
150
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
34
+ .Textarea-module__textareaContainer .Textarea-module__textAreaLabel p {
151
35
  width: 100%;
152
- word-break: break-word;
153
- color: #fff;
154
- font-family: "Inter", sans-serif;
155
- font-size: 0.75rem;
36
+ width: 100%;
37
+ overflow: hidden;
38
+ color: #131314;
39
+ font-family: "Inter-Medium";
40
+ font-size: 12px;
156
41
  font-style: normal;
157
- font-weight: 600;
158
- line-height: 1.125rem; /* 150% */
42
+ font-weight: 450;
43
+ line-height: 16px; /* 171.429% */
44
+ letter-spacing: 0.1px;
159
45
  }
160
- .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
161
- width: 100%;
162
- word-break: break-word;
163
- color: rgba(255, 255, 255, 0.9);
164
- font-family: "Inter", sans-serif;
165
- font-size: 0.75rem;
46
+ .Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
47
+ color: #d92d20;
48
+ font-size: 0.875rem;
49
+ font-family: "Inter-Regular", sans-serif;
166
50
  font-style: normal;
167
51
  font-weight: 500;
168
- line-height: 1.125rem; /* 150% */
169
- }
170
-
171
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
172
- background: #ffffff;
173
- }
174
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
175
- border-top-color: #ffffff;
176
- left: var(--pointer-position);
177
- }
178
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
179
- border-right-color: #ffffff;
180
- }
181
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
182
- border-bottom-color: #ffffff;
183
- }
184
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
185
- border-left-color: #ffffff;
186
- }
187
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
188
- color: #0c0e12;
189
- }
190
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
191
- color: rgba(12, 14, 18, 0.9);
192
- }@font-face {
193
- font-family: "Inter-Regular";
194
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
195
- }
196
- @font-face {
197
- font-family: "Inter-SemiBold";
198
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
199
- }
200
- @font-face {
201
- font-family: "Inter-Medium";
202
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
203
- }
204
- .NotificationToast-module__toastContainer {
205
- display: flex;
206
- flex-direction: column;
207
- gap: 10px;
208
- position: fixed;
209
- z-index: 9999999;
210
- width: 328px;
52
+ line-height: 1.25rem;
211
53
  }
212
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
213
- padding: 8px;
214
- border-radius: 8px;
54
+ .Textarea-module__textareaContainer .Textarea-module__wrap {
55
+ position: relative;
56
+ display: inline-block;
215
57
  width: 100%;
58
+ position: relative;
216
59
  }
217
- @keyframes NotificationToast-module__fadeIn {
218
- from {
219
- opacity: 0;
220
- transform: translateY(-10px);
221
- }
222
- to {
223
- opacity: 1;
224
- transform: translateY(0);
225
- }
226
- }
227
- @keyframes NotificationToast-module__fadeOut {
228
- from {
229
- opacity: 1;
230
- transform: translateY(0);
231
- }
232
- to {
233
- opacity: 0;
234
- transform: translateY(-10px);
235
- }
236
- }
237
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
238
- animation: NotificationToast-module__fadeIn 0.3s ease-out;
239
- }
240
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
241
- animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
242
- }
243
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
244
- background: #131314;
245
- }
246
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
247
- border: 1px solid #222224;
248
- background: #f2f2f2;
249
- }
250
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
251
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
252
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
253
- color: #131314 !important;
254
- }
255
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
256
- background: #0058ff;
257
- }
258
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
259
- border: 1px solid #0058ff;
260
- background: #ecf3ff;
261
- }
262
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
263
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
264
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
265
- color: #0058ff !important;
266
- }
267
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
268
- background: #e3292f;
269
- }
270
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
271
- border: 1px solid #f63e45;
272
- background: #fff2f2;
273
- }
274
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
275
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
276
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
277
- color: #e3292f !important;
278
- }
279
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
280
- background: #328707;
281
- }
282
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
283
- border: 1px solid #399c08;
284
- background: #effce8;
285
- }
286
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
287
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
288
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
289
- color: #328707 !important;
290
- }
291
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
292
- width: 100%;
293
- display: flex;
294
- align-items: center;
295
- justify-content: space-between;
60
+ .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize textarea {
61
+ resize: both;
296
62
  }
297
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
298
- width: 100%;
299
- display: flex;
300
- align-items: center;
301
- gap: 8px;
63
+ .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize:after {
64
+ content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M10%202L2%2010'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3cpath%20d='M11%207L7%2011'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3c/svg%3e");
65
+ width: 0.9375rem;
66
+ background: transparent;
67
+ position: absolute;
68
+ right: 0.125rem;
69
+ bottom: 0.3125rem;
70
+ pointer-events: none;
71
+ border-radius: 25%;
302
72
  }
303
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
304
- display: flex;
305
- align-items: center;
306
- justify-content: center;
73
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textareaIconClose {
74
+ position: absolute;
75
+ right: 8px;
76
+ top: 8px;
77
+ cursor: pointer;
307
78
  }
308
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
79
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea {
309
80
  width: 100%;
310
- display: flex;
311
- flex-direction: column;
312
- gap: 10px;
313
- }
314
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
81
+ border-radius: 6px;
82
+ border: 1px solid #c1c2c7;
83
+ background: #fff;
84
+ padding: 8px 12px;
85
+ resize: none;
315
86
  width: 100%;
316
87
  overflow: hidden;
317
- color: #fff;
88
+ color: #131314;
318
89
  text-overflow: ellipsis;
319
- font-family: "Inter-Medium", sans-serif;
90
+ font-family: "Inter-Regular";
320
91
  font-size: 14px;
321
92
  font-style: normal;
322
- font-weight: 450;
93
+ font-weight: 400;
94
+ line-height: 24px; /* 171.429% */
323
95
  letter-spacing: 0.1px;
324
96
  }
325
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
326
- width: 100%;
327
- color: #fff;
328
- font-family: "Inter-Regular", sans-serif;
329
- font-size: 14px;
330
- font-style: normal;
331
- font-weight: 400;
332
- letter-spacing: 0px;
97
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer {
98
+ display: none;
333
99
  }
334
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
335
- display: flex;
336
- align-items: center;
337
- gap: 10px;
100
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar {
101
+ width: 0;
338
102
  }
339
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
340
- user-select: none;
341
- -webkit-user-select: none;
342
- -moz-user-select: none;
343
- -ms-user-select: none;
344
- user-select: none;
345
- -webkit-user-select: none;
346
- -moz-user-select: none;
347
- -ms-user-select: none;
103
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track {
104
+ -webkit-box-shadow: none;
348
105
  }
349
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
106
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb {
107
+ background-color: none;
108
+ outline: 0;
109
+ }
110
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorState {
111
+ border-radius: 6px;
112
+ background: #fff;
113
+ outline: 1px solid #f63e45;
114
+ outline-offset: -1px;
115
+ box-shadow: none;
116
+ }
117
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused {
118
+ border-radius: 6px;
119
+ background: #fff;
120
+ outline: 2px solid #0058ff;
121
+ outline-offset: -2px;
122
+ box-shadow: none;
123
+ }
124
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__active {
125
+ border-radius: 6px;
126
+ background: #fff;
127
+ outline: 1.5px solid #0058ff;
128
+ outline-offset: -1.5px;
129
+ box-shadow: 0 0 0 2px #dee9fc;
130
+ }
131
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorFocused {
132
+ border-radius: 6px;
133
+ background: #fff;
134
+ outline: 2px solid #f63e45;
135
+ outline-offset: -2px;
136
+ box-shadow: none;
137
+ }
138
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorActive {
139
+ border-radius: 6px;
140
+ background: #fff;
141
+ outline: 1.5px solid #f63e45;
142
+ outline-offset: -1.5px;
143
+ box-shadow: 0 0 0 2px #fcdcdd;
144
+ }
145
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder {
146
+ width: 100%;
350
147
  overflow: hidden;
351
- color: #fff;
352
- text-align: center;
353
- font-feature-settings: "liga" off, "clig" off;
148
+ color: #646569;
354
149
  text-overflow: ellipsis;
355
- font-family: "Inter-Medium", sans-serif;
150
+ font-family: "Inter-Regular";
356
151
  font-size: 14px;
357
152
  font-style: normal;
358
- font-weight: 450;
359
- line-height: 24px;
153
+ font-weight: 400;
154
+ line-height: 24px; /* 171.429% */
360
155
  letter-spacing: 0.1px;
361
- cursor: pointer;
362
156
  }
363
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
157
+ .Textarea-module__textareaContainer .Textarea-module__textareaFooter {
158
+ width: 100%;
364
159
  display: flex;
160
+ justify-content: flex-end;
365
161
  align-items: center;
366
- justify-content: center;
367
- cursor: pointer;
368
- padding-left: 10px;
369
- border-left: 2px solid rgba(255, 255, 255, 0.25);
370
- }@font-face {
371
- font-family: "Inter-Regular";
372
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
373
- }
374
- @font-face {
375
- font-family: "Inter-SemiBold";
376
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
377
- }
378
- @font-face {
379
- font-family: "Inter-Medium";
380
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
381
- }
382
- .Skeleton-module__skeleton {
383
- background-color: #e0e0e0;
384
- border-radius: 4px;
385
- position: relative;
386
- overflow: hidden;
387
- display: grid;
388
- place-items: center;
389
- }
390
- .Skeleton-module__skeleton::after {
391
- content: "";
392
- position: absolute;
393
- top: 0;
394
- left: 0;
395
- right: 0;
396
- bottom: 0;
397
- background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
398
- animation: Skeleton-module__shimmer 1.5s infinite;
399
- }
400
-
401
- .Skeleton-module__text {
402
- height: 1rem;
403
- width: 100%;
404
- margin: 8px 0;
405
- }
406
-
407
- .Skeleton-module__avatar {
408
- height: 40px;
409
- width: 40px;
410
- border-radius: 50%;
411
- }
412
-
413
- @keyframes Skeleton-module__shimmer {
414
- 0% {
415
- transform: translateX(-100%);
416
- }
417
- 100% {
418
- transform: translateX(100%);
419
- }
420
- }
421
- .Skeleton-module__dark.Skeleton-module__skeleton {
422
- background-color: #5a5a5a;
423
162
  }
424
- .Skeleton-module__dark.Skeleton-module__skeleton::after {
425
- background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
163
+ .Textarea-module__textareaContainer .Textarea-module__textareaFooter p {
164
+ color: #131314;
165
+ text-align: right;
166
+ font-family: "Inter-Medium", sans-serif;
167
+ font-size: 12px;
168
+ font-style: normal;
169
+ font-weight: 450;
170
+ line-height: 16px; /* 133.333% */
171
+ letter-spacing: 0.1px;
426
172
  }@font-face {
427
173
  font-family: "Inter-Regular";
428
174
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
429
175
  }
430
176
  @font-face {
431
177
  font-family: "Inter-SemiBold";
432
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
178
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
433
179
  }
434
180
  @font-face {
435
181
  font-family: "Inter-Medium";
@@ -470,7 +216,7 @@ button.MainButton-module__mainButton .MainButton-module__mainButtonContent {
470
216
  button.MainButton-module__mainButton .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
471
217
  overflow: hidden;
472
218
  text-overflow: ellipsis;
473
- font-family: "Inter", sans-serif;
219
+ font-family: "Inter-Regular", sans-serif;
474
220
  font-size: 14px;
475
221
  font-style: normal;
476
222
  font-weight: 450;
@@ -712,87 +458,260 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-mo
712
458
  button.MainButton-module__mainButton.MainButton-module__tertiaryV3:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
713
459
  border-color: #c1c2c7 !important;
714
460
  }
715
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled {
716
- background: #fff;
717
- border: 1px solid #e6e6e6;
718
- cursor: not-allowed;
461
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled {
462
+ background: #fff;
463
+ border: 1px solid #e6e6e6;
464
+ cursor: not-allowed;
465
+ }
466
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
467
+ color: #7a7b80;
468
+ }
469
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
470
+ border: 1px solid transparent;
471
+ outline: 2px solid #dee9fc;
472
+ outline-offset: 0px;
473
+ background: #fff;
474
+ }
475
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
476
+ color: #0058ff;
477
+ }@font-face {
478
+ font-family: "Inter-Regular";
479
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
480
+ }
481
+ @font-face {
482
+ font-family: "Inter-SemiBold";
483
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
484
+ }
485
+ @font-face {
486
+ font-family: "Inter-Medium";
487
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
488
+ }
489
+ .Radio-module__radioWrapper {
490
+ width: 24px;
491
+ height: 24px;
492
+ border-radius: 50%;
493
+ overflow: hidden;
494
+ position: relative;
495
+ cursor: pointer;
496
+ transition: 0.2s;
497
+ }@font-face {
498
+ font-family: "Inter-Regular";
499
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
500
+ }
501
+ @font-face {
502
+ font-family: "Inter-SemiBold";
503
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
504
+ }
505
+ @font-face {
506
+ font-family: "Inter-Medium";
507
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
508
+ }
509
+ .Toggle-module__toggleWrapper {
510
+ position: relative;
511
+ overflow: hidden;
512
+ border-radius: 13.333px;
513
+ background: #c1c2c7;
514
+ padding: 4px;
515
+ cursor: pointer;
516
+ }
517
+ .Toggle-module__toggleWrapper.Toggle-module__checked {
518
+ background: #0058FF;
519
+ }
520
+ .Toggle-module__toggleWrapper.Toggle-module__error {
521
+ background: #e3292f;
522
+ }
523
+ .Toggle-module__toggleWrapper.Toggle-module__disabled {
524
+ background: #d4d5d6;
525
+ cursor: not-allowed;
526
+ }
527
+ .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
528
+ background: #95969c;
529
+ }
530
+ .Toggle-module__toggleWrapper.Toggle-module__sm {
531
+ width: 24px;
532
+ height: 16px;
533
+ }
534
+ .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
535
+ left: calc(100% - 12px);
536
+ }
537
+ .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
538
+ width: 8px;
539
+ height: 8px;
540
+ }
541
+ .Toggle-module__toggleWrapper.Toggle-module__md {
542
+ width: 32px;
543
+ height: 20px;
544
+ }
545
+ .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
546
+ left: calc(100% - 16px);
547
+ }
548
+ .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
549
+ width: 12px;
550
+ height: 12px;
551
+ }
552
+ .Toggle-module__toggleWrapper.Toggle-module__lg {
553
+ width: 40px;
554
+ height: 24px;
555
+ }
556
+ .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
557
+ width: 16px;
558
+ height: 16px;
559
+ }
560
+ .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
561
+ left: calc(100% - 20px);
562
+ }
563
+ .Toggle-module__toggleWrapper .Toggle-module__toggleState {
564
+ border-radius: 8px;
565
+ background: #fff;
566
+ position: absolute;
567
+ top: 50%;
568
+ left: 4px;
569
+ transform: translateY(-50%);
570
+ transition: 0.2s all;
571
+ }@font-face {
572
+ font-family: "Inter-Regular";
573
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
574
+ }
575
+ @font-face {
576
+ font-family: "Inter-SemiBold";
577
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
578
+ }
579
+ @font-face {
580
+ font-family: "Inter-Medium";
581
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
582
+ }
583
+ .Checkbox-module__checkboxWrapper {
584
+ overflow: hidden;
585
+ border: 2px solid #c1c2c7;
586
+ background: #ffffff;
587
+ position: relative;
588
+ padding: 5px 4px;
589
+ border-radius: 3px;
590
+ cursor: pointer;
591
+ transition: 0.2;
592
+ display: grid;
593
+ place-items: center;
594
+ width: 18px;
595
+ height: 18px;
596
+ user-select: none;
597
+ -webkit-user-select: none;
598
+ -moz-user-select: none;
599
+ -ms-user-select: none;
600
+ }
601
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
602
+ display: grid;
603
+ place-items: center;
604
+ }
605
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
606
+ width: 0.625rem;
607
+ user-select: none;
608
+ pointer-events: none;
609
+ }
610
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error {
611
+ border-color: #e3292f;
612
+ }
613
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
614
+ background: #e3292f;
615
+ border: none;
616
+ }
617
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
618
+ background: #0058ff;
619
+ border: none;
620
+ }
621
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
622
+ background: #95969c;
623
+ }
624
+ .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
625
+ cursor: not-allowed;
626
+ border-color: #c1c2c7 !important;
627
+ }
628
+
629
+ .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
630
+ background: #32b45f;
631
+ border: 0.0625rem solid #32b45f;
632
+ }
633
+ .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
634
+ background: #24994d;
635
+ border: 0.0625rem solid #24994d;
636
+ }
637
+
638
+ .Checkbox-module__dark {
639
+ background: #373a41;
640
+ border: unset;
719
641
  }
720
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
721
- color: #7a7b80;
642
+ .Checkbox-module__dark.Checkbox-module__checked {
643
+ background: #0158ff;
644
+ border: 0.0625rem solid #0158ff;
722
645
  }
723
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
724
- border: 1px solid transparent;
725
- outline: 2px solid #dee9fc;
726
- outline-offset: 0px;
727
- background: #fff;
646
+ .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
647
+ stroke: #d5d7da;
728
648
  }
729
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
730
- color: #0058ff;
649
+ .Checkbox-module__dark.Checkbox-module__disabled {
650
+ background: #8d8d8d !important;
651
+ border: 0.0625rem solid #373a41 !important;
731
652
  }@font-face {
732
653
  font-family: "Inter-Regular";
733
654
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
734
655
  }
735
656
  @font-face {
736
657
  font-family: "Inter-SemiBold";
737
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
658
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
738
659
  }
739
660
  @font-face {
740
661
  font-family: "Inter-Medium";
741
662
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
742
663
  }
743
- .Datepicker-module__datepickerContainer {
744
- width: 100%;
745
- user-select: none;
746
- scroll-behavior: smooth;
747
- }
748
- .Datepicker-module__datepickerContainer::-webkit-scrollbar {
749
- display: block !important;
750
- width: 0;
664
+ .Skeleton-module__skeleton {
665
+ background-color: #e0e0e0;
666
+ border-radius: 4px;
667
+ position: relative;
668
+ overflow: hidden;
669
+ display: grid;
670
+ place-items: center;
751
671
  }
752
- .Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
753
- opacity: 0;
672
+ .Skeleton-module__skeleton::after {
673
+ content: "";
674
+ position: absolute;
675
+ top: 0;
676
+ left: 0;
677
+ right: 0;
678
+ bottom: 0;
679
+ background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
680
+ animation: Skeleton-module__shimmer 1.5s infinite;
754
681
  }
755
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
682
+
683
+ .Skeleton-module__text {
684
+ height: 1rem;
756
685
  width: 100%;
757
- cursor: pointer;
758
- }
759
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
760
- display: flex;
761
- align-items: center;
762
- justify-content: center;
686
+ margin: 8px 0;
763
687
  }
764
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
765
- display: flex;
766
- align-items: center;
767
- justify-content: center;
768
- cursor: pointer;
769
- }@font-face {
770
- font-family: "Inter-Regular";
771
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
688
+
689
+ .Skeleton-module__avatar {
690
+ height: 40px;
691
+ width: 40px;
692
+ border-radius: 50%;
772
693
  }
773
- @font-face {
774
- font-family: "Inter-SemiBold";
775
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
694
+
695
+ @keyframes Skeleton-module__shimmer {
696
+ 0% {
697
+ transform: translateX(-100%);
698
+ }
699
+ 100% {
700
+ transform: translateX(100%);
701
+ }
776
702
  }
777
- @font-face {
778
- font-family: "Inter-Medium";
779
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
703
+ .Skeleton-module__dark.Skeleton-module__skeleton {
704
+ background-color: #5a5a5a;
780
705
  }
781
- .Radio-module__radioWrapper {
782
- width: 24px;
783
- height: 24px;
784
- border-radius: 50%;
785
- overflow: hidden;
786
- position: relative;
787
- cursor: pointer;
788
- transition: 0.2s;
706
+ .Skeleton-module__dark.Skeleton-module__skeleton::after {
707
+ background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
789
708
  }@font-face {
790
709
  font-family: "Inter-Regular";
791
710
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
792
711
  }
793
712
  @font-face {
794
713
  font-family: "Inter-SemiBold";
795
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
714
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
796
715
  }
797
716
  @font-face {
798
717
  font-family: "Inter-Medium";
@@ -955,83 +874,234 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
955
874
  outline-offset: -1.5px;
956
875
  box-shadow: 0 0 0 2px #fcdcdd;
957
876
  }
958
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
959
- width: 100%;
960
- border: none;
961
- outline: none;
962
- background-color: transparent;
963
- caret-color: #0058ff;
877
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
878
+ width: 100%;
879
+ border: none;
880
+ outline: none;
881
+ background-color: transparent;
882
+ caret-color: #0058ff;
883
+ width: 100%;
884
+ overflow: hidden;
885
+ color: #131314;
886
+ text-overflow: ellipsis;
887
+ font-family: "Inter-Regular";
888
+ font-size: 14px;
889
+ font-style: normal;
890
+ font-weight: 400;
891
+ line-height: 24px; /* 171.429% */
892
+ letter-spacing: 0.1px;
893
+ }
894
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
895
+ width: 100%;
896
+ overflow: hidden;
897
+ color: #646569;
898
+ text-overflow: ellipsis;
899
+ font-family: "Inter-Regular";
900
+ font-size: 14px;
901
+ font-style: normal;
902
+ font-weight: 400;
903
+ line-height: 24px; /* 171.429% */
904
+ letter-spacing: 0.1px;
905
+ }
906
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
907
+ display: grid;
908
+ place-items: center;
909
+ }
910
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
911
+ width: 100%;
912
+ overflow: hidden;
913
+ color: #131314;
914
+ text-overflow: ellipsis;
915
+ font-family: "Inter-Medium";
916
+ font-size: 12px;
917
+ font-style: normal;
918
+ font-weight: 450;
919
+ line-height: 16px; /* 133.333% */
920
+ letter-spacing: 0.1px;
921
+ }
922
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
923
+ width: 100%;
924
+ overflow: hidden;
925
+ color: #e3292f;
926
+ text-overflow: ellipsis;
927
+ font-family: "Inter-Medium";
928
+ font-size: 12px;
929
+ font-style: normal;
930
+ font-weight: 450;
931
+ line-height: 16px; /* 133.333% */
932
+ letter-spacing: 0.1px;
933
+ color: #e3292f;
934
+ }
935
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
936
+ width: 100%;
937
+ overflow: hidden;
938
+ color: #328707;
939
+ text-overflow: ellipsis;
940
+ font-family: "Inter-Medium";
941
+ font-size: 12px;
942
+ font-style: normal;
943
+ font-weight: 450;
944
+ line-height: 16px; /* 133.333% */
945
+ letter-spacing: 0.1px;
946
+ color: #328707;
947
+ }@font-face {
948
+ font-family: "Inter-Regular";
949
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
950
+ }
951
+ @font-face {
952
+ font-family: "Inter-SemiBold";
953
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
954
+ }
955
+ @font-face {
956
+ font-family: "Inter-Medium";
957
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
958
+ }
959
+ .Popup-module__modalOverlay {
960
+ width: 100vw;
961
+ height: 100vh;
962
+ display: grid;
963
+ place-items: center;
964
+ position: fixed;
965
+ top: 0;
966
+ left: 0;
967
+ z-index: 250;
968
+ background: rgba(10, 13, 18, 0.7);
969
+ }
970
+ .Popup-module__modalOverlay ::-webkit-scrollbar {
971
+ width: 0;
972
+ }
973
+ .Popup-module__modalOverlay ::-webkit-scrollbar-track {
974
+ -webkit-box-shadow: none;
975
+ }
976
+ .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
977
+ background-color: none;
978
+ outline: 0;
979
+ }
980
+ .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
981
+ overflow: hidden;
982
+ place-items: end;
983
+ }
984
+ .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
985
+ min-height: unset;
986
+ max-height: unset;
987
+ min-width: 17.5rem;
988
+ height: 100vh;
989
+ animation: Popup-module__EnterFromLeft 0.3s forwards;
990
+ }
991
+ @keyframes Popup-module__EnterFromLeft {
992
+ from {
993
+ left: 100%;
994
+ }
995
+ to {
996
+ left: 0;
997
+ }
998
+ }
999
+ .Popup-module__modalOverlay .Popup-module__popupContainer {
1000
+ padding: 1.5rem;
1001
+ min-height: 13.75rem;
1002
+ max-height: calc(100vh - 5.625rem);
1003
+ position: relative;
1004
+ transition: 0.2s;
1005
+ z-index: 280;
1006
+ border-radius: 0.75rem;
1007
+ background: #fff;
1008
+ /* Shadows/shadow-xl */
1009
+ box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
1010
+ animation: Popup-module__fadeIn 0.3s forwards;
1011
+ }
1012
+ @keyframes Popup-module__fadeIn {
1013
+ from {
1014
+ opacity: 0;
1015
+ }
1016
+ to {
1017
+ opacity: 1;
1018
+ }
1019
+ }
1020
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
1021
+ display: grid;
1022
+ place-items: center;
1023
+ cursor: pointer;
1024
+ position: absolute;
1025
+ top: 1.25rem;
1026
+ right: 1.5rem;
1027
+ z-index: 14;
1028
+ }
1029
+ .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
1030
+ width: 25rem;
1031
+ }
1032
+ .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
1033
+ width: 34rem;
1034
+ }
1035
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
964
1036
  width: 100%;
965
- overflow: hidden;
966
- color: #131314;
967
- text-overflow: ellipsis;
968
- font-family: "Inter-Regular";
969
- font-size: 14px;
1037
+ position: sticky;
1038
+ top: 0;
1039
+ background: #ffffff;
1040
+ z-index: 1;
1041
+ }
1042
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
1043
+ margin-top: 1rem;
1044
+ }
1045
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1046
+ color: #181d27;
1047
+ font-size: 1.125rem;
970
1048
  font-style: normal;
971
- font-weight: 400;
972
- line-height: 24px; /* 171.429% */
973
- letter-spacing: 0.1px;
1049
+ font-weight: 600;
1050
+ line-height: 1.75rem; /* 155.556% */
1051
+ font-family: "Inter-Regular", sans-serif;
1052
+ line-height: 1.75rem; /* 155.556% */
974
1053
  }
975
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
976
- width: 100%;
977
- overflow: hidden;
978
- color: #646569;
979
- text-overflow: ellipsis;
980
- font-family: "Inter-Regular";
981
- font-size: 14px;
1054
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
1055
+ margin-top: 0.25rem;
1056
+ }
1057
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1058
+ color: #535862;
1059
+ font-size: 0.875rem;
982
1060
  font-style: normal;
983
1061
  font-weight: 400;
984
- line-height: 24px; /* 171.429% */
985
- letter-spacing: 0.1px;
1062
+ line-height: 1.25rem; /* 142.857% */
1063
+ font-family: "Inter-Regular", sans-serif;
986
1064
  }
987
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
1065
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
1066
+ display: flex;
1067
+ align-items: center;
1068
+ justify-content: space-between;
1069
+ }
1070
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
988
1071
  display: grid;
989
1072
  place-items: center;
1073
+ width: 3rem;
1074
+ height: 3rem;
1075
+ border-radius: 624.9375rem;
990
1076
  }
991
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
1077
+ .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
992
1078
  width: 100%;
993
- overflow: hidden;
994
- color: #131314;
995
- text-overflow: ellipsis;
996
- font-family: "Inter-Medium";
997
- font-size: 12px;
998
- font-style: normal;
999
- font-weight: 450;
1000
- line-height: 16px; /* 133.333% */
1001
- letter-spacing: 0.1px;
1079
+ position: relative;
1002
1080
  }
1003
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
1004
- width: 100%;
1005
- overflow: hidden;
1006
- color: #e3292f;
1007
- text-overflow: ellipsis;
1008
- font-family: "Inter-Medium";
1009
- font-size: 12px;
1010
- font-style: normal;
1011
- font-weight: 450;
1012
- line-height: 16px; /* 133.333% */
1013
- letter-spacing: 0.1px;
1014
- color: #e3292f;
1081
+
1082
+ .Popup-module__dark.Popup-module__modalOverlay {
1083
+ background: rgba(34, 38, 47, 0.4588235294);
1015
1084
  }
1016
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
1017
- width: 100%;
1018
- overflow: hidden;
1019
- color: #328707;
1020
- text-overflow: ellipsis;
1021
- font-family: "Inter-Medium";
1022
- font-size: 12px;
1023
- font-style: normal;
1024
- font-weight: 450;
1025
- line-height: 16px; /* 133.333% */
1026
- letter-spacing: 0.1px;
1027
- color: #328707;
1085
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
1086
+ background: #0c0e12;
1087
+ /* Shadows/shadow-xl */
1088
+ box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
1089
+ }
1090
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1091
+ background: #0c0e12;
1092
+ }
1093
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1094
+ color: #f7f7f7;
1095
+ }
1096
+ .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1097
+ color: #94979c;
1028
1098
  }@font-face {
1029
1099
  font-family: "Inter-Regular";
1030
1100
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1031
1101
  }
1032
1102
  @font-face {
1033
1103
  font-family: "Inter-SemiBold";
1034
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1104
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1035
1105
  }
1036
1106
  @font-face {
1037
1107
  font-family: "Inter-Medium";
@@ -1071,298 +1141,341 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1071
1141
  border-right: 1px solid #ffffff;
1072
1142
  padding: 8px 16px;
1073
1143
  }
1074
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
1144
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
1145
+ display: flex;
1146
+ align-items: center;
1147
+ justify-content: center;
1148
+ padding: 8px;
1149
+ width: 40px;
1150
+ height: 40px;
1151
+ transition: transform 0.2s ease-in-out;
1152
+ }
1153
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
1154
+ width: 100%;
1155
+ border-radius: 12px;
1156
+ border: 1px solid #e6e6e6;
1157
+ background: #fff;
1158
+ box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1159
+ height: 250px;
1160
+ overflow: auto;
1161
+ padding: 8px;
1162
+ }
1163
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
1164
+ width: 100%;
1165
+ border-radius: 4px;
1166
+ background: #fff;
1167
+ padding: 6px 10px;
1168
+ overflow: hidden;
1169
+ color: #131314;
1170
+ font-feature-settings: "liga" off, "clig" off;
1171
+ text-overflow: ellipsis;
1172
+ font-family: "Inter-Regular", sans-serif;
1173
+ font-size: 14px;
1174
+ font-weight: 400;
1175
+ line-height: 24px;
1176
+ letter-spacing: 0.1px;
1177
+ cursor: pointer;
1178
+ }
1179
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
1180
+ border-radius: 4px;
1181
+ background: #f2f2f2;
1182
+ }@font-face {
1183
+ font-family: "Inter-Regular";
1184
+ src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1185
+ }
1186
+ @font-face {
1187
+ font-family: "Inter-SemiBold";
1188
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1189
+ }
1190
+ @font-face {
1191
+ font-family: "Inter-Medium";
1192
+ src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1193
+ }
1194
+ .NotificationToast-module__toastContainer {
1195
+ display: flex;
1196
+ flex-direction: column;
1197
+ gap: 10px;
1198
+ position: fixed;
1199
+ z-index: 9999999;
1200
+ width: 328px;
1201
+ }
1202
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
1203
+ padding: 8px;
1204
+ border-radius: 8px;
1205
+ width: 100%;
1206
+ }
1207
+ @keyframes NotificationToast-module__fadeIn {
1208
+ from {
1209
+ opacity: 0;
1210
+ transform: translateY(-10px);
1211
+ }
1212
+ to {
1213
+ opacity: 1;
1214
+ transform: translateY(0);
1215
+ }
1216
+ }
1217
+ @keyframes NotificationToast-module__fadeOut {
1218
+ from {
1219
+ opacity: 1;
1220
+ transform: translateY(0);
1221
+ }
1222
+ to {
1223
+ opacity: 0;
1224
+ transform: translateY(-10px);
1225
+ }
1226
+ }
1227
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
1228
+ animation: NotificationToast-module__fadeIn 0.3s ease-out;
1229
+ }
1230
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
1231
+ animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
1232
+ }
1233
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
1234
+ background: #131314;
1235
+ }
1236
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
1237
+ border: 1px solid #222224;
1238
+ background: #f2f2f2;
1239
+ }
1240
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1241
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1242
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1243
+ color: #131314 !important;
1244
+ }
1245
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
1246
+ background: #0058ff;
1247
+ }
1248
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
1249
+ border: 1px solid #0058ff;
1250
+ background: #ecf3ff;
1251
+ }
1252
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1253
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1254
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1255
+ color: #0058ff !important;
1256
+ }
1257
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
1258
+ background: #e3292f;
1259
+ }
1260
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
1261
+ border: 1px solid #f63e45;
1262
+ background: #fff2f2;
1263
+ }
1264
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1265
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1266
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1267
+ color: #e3292f !important;
1268
+ }
1269
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
1270
+ background: #328707;
1271
+ }
1272
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
1273
+ border: 1px solid #399c08;
1274
+ background: #effce8;
1275
+ }
1276
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
1277
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
1278
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
1279
+ color: #328707 !important;
1280
+ }
1281
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
1282
+ width: 100%;
1283
+ display: flex;
1284
+ align-items: center;
1285
+ justify-content: space-between;
1286
+ }
1287
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
1288
+ width: 100%;
1289
+ display: flex;
1290
+ align-items: center;
1291
+ gap: 8px;
1292
+ }
1293
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
1075
1294
  display: flex;
1076
1295
  align-items: center;
1077
1296
  justify-content: center;
1078
- padding: 8px;
1079
- width: 40px;
1080
- height: 40px;
1081
- transition: transform 0.2s ease-in-out;
1082
1297
  }
1083
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
1298
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
1084
1299
  width: 100%;
1085
- border-radius: 12px;
1086
- border: 1px solid #e6e6e6;
1087
- background: #fff;
1088
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1089
- height: 250px;
1090
- overflow: auto;
1091
- padding: 8px;
1300
+ display: flex;
1301
+ flex-direction: column;
1302
+ gap: 10px;
1092
1303
  }
1093
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
1304
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
1094
1305
  width: 100%;
1095
- border-radius: 4px;
1096
- background: #fff;
1097
- padding: 6px 10px;
1098
1306
  overflow: hidden;
1099
- color: #131314;
1100
- font-feature-settings: "liga" off, "clig" off;
1307
+ color: #fff;
1101
1308
  text-overflow: ellipsis;
1102
- font-family: "Inter-Regular", sans-serif;
1309
+ font-family: "Inter-Medium", sans-serif;
1103
1310
  font-size: 14px;
1104
- font-weight: 400;
1105
- line-height: 24px;
1311
+ font-style: normal;
1312
+ font-weight: 450;
1106
1313
  letter-spacing: 0.1px;
1107
- cursor: pointer;
1108
- }
1109
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
1110
- border-radius: 4px;
1111
- background: #f2f2f2;
1112
- }@font-face {
1113
- font-family: "Inter-Regular";
1114
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1115
1314
  }
1116
- @font-face {
1117
- font-family: "Inter-SemiBold";
1118
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1315
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
1316
+ width: 100%;
1317
+ color: #fff;
1318
+ font-family: "Inter-Regular", sans-serif;
1319
+ font-size: 14px;
1320
+ font-style: normal;
1321
+ font-weight: 400;
1322
+ letter-spacing: 0px;
1119
1323
  }
1120
- @font-face {
1121
- font-family: "Inter-Medium";
1122
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1324
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
1325
+ display: flex;
1326
+ align-items: center;
1327
+ gap: 10px;
1123
1328
  }
1124
- .Checkbox-module__checkboxWrapper {
1125
- overflow: hidden;
1126
- border: 2px solid #c1c2c7;
1127
- background: #ffffff;
1128
- position: relative;
1129
- padding: 5px 4px;
1130
- border-radius: 3px;
1131
- cursor: pointer;
1132
- transition: 0.2;
1133
- display: grid;
1134
- place-items: center;
1135
- width: 18px;
1136
- height: 18px;
1329
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
1137
1330
  user-select: none;
1138
1331
  -webkit-user-select: none;
1139
1332
  -moz-user-select: none;
1140
1333
  -ms-user-select: none;
1141
- }
1142
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
1143
- display: grid;
1144
- place-items: center;
1145
- }
1146
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
1147
- width: 0.625rem;
1148
1334
  user-select: none;
1149
- pointer-events: none;
1150
- }
1151
- .Checkbox-module__checkboxWrapper.Checkbox-module__error {
1152
- border-color: #e3292f;
1153
- }
1154
- .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
1155
- background: #e3292f;
1156
- border: none;
1157
- }
1158
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
1159
- background: #0058ff;
1160
- border: none;
1161
- }
1162
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
1163
- background: #95969c;
1164
- }
1165
- .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
1166
- cursor: not-allowed;
1167
- border-color: #c1c2c7 !important;
1168
- }
1169
-
1170
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
1171
- background: #32b45f;
1172
- border: 0.0625rem solid #32b45f;
1173
- }
1174
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
1175
- background: #24994d;
1176
- border: 0.0625rem solid #24994d;
1177
- }
1178
-
1179
- .Checkbox-module__dark {
1180
- background: #373a41;
1181
- border: unset;
1182
- }
1183
- .Checkbox-module__dark.Checkbox-module__checked {
1184
- background: #0158ff;
1185
- border: 0.0625rem solid #0158ff;
1335
+ -webkit-user-select: none;
1336
+ -moz-user-select: none;
1337
+ -ms-user-select: none;
1186
1338
  }
1187
- .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
1188
- stroke: #d5d7da;
1339
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
1340
+ overflow: hidden;
1341
+ color: #fff;
1342
+ text-align: center;
1343
+ font-feature-settings: "liga" off, "clig" off;
1344
+ text-overflow: ellipsis;
1345
+ font-family: "Inter-Medium", sans-serif;
1346
+ font-size: 14px;
1347
+ font-style: normal;
1348
+ font-weight: 450;
1349
+ line-height: 24px;
1350
+ letter-spacing: 0.1px;
1351
+ cursor: pointer;
1189
1352
  }
1190
- .Checkbox-module__dark.Checkbox-module__disabled {
1191
- background: #8d8d8d !important;
1192
- border: 0.0625rem solid #373a41 !important;
1353
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
1354
+ display: flex;
1355
+ align-items: center;
1356
+ justify-content: center;
1357
+ cursor: pointer;
1358
+ padding-left: 10px;
1359
+ border-left: 2px solid rgba(255, 255, 255, 0.25);
1193
1360
  }@font-face {
1194
1361
  font-family: "Inter-Regular";
1195
1362
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1196
1363
  }
1197
1364
  @font-face {
1198
1365
  font-family: "Inter-SemiBold";
1199
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1366
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1200
1367
  }
1201
1368
  @font-face {
1202
1369
  font-family: "Inter-Medium";
1203
1370
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1204
1371
  }
1205
- .Textarea-module__textareaContainer {
1206
- width: 100%;
1207
- display: flex;
1208
- flex-direction: column;
1209
- align-items: flex-start;
1210
- gap: 0.375rem;
1211
- flex-shrink: 0;
1212
- }
1213
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel {
1214
- display: flex;
1215
- justify-content: space-between;
1216
- display: flex;
1217
- align-items: center;
1218
- gap: 0.125rem;
1219
- width: 100%;
1220
- }
1221
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel p {
1222
- width: 100%;
1223
- width: 100%;
1224
- overflow: hidden;
1225
- color: #131314;
1226
- font-family: "Inter-Medium";
1227
- font-size: 12px;
1228
- font-style: normal;
1229
- font-weight: 450;
1230
- line-height: 16px; /* 171.429% */
1231
- letter-spacing: 0.1px;
1232
- }
1233
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
1234
- color: #d92d20;
1235
- font-size: 0.875rem;
1236
- font-family: "Inter", sans-serif;
1237
- font-style: normal;
1238
- font-weight: 500;
1239
- line-height: 1.25rem;
1240
- }
1241
- .Textarea-module__textareaContainer .Textarea-module__wrap {
1242
- position: relative;
1243
- display: inline-block;
1244
- width: 100%;
1372
+ .Tooltip-module__tooltipContainer {
1245
1373
  position: relative;
1246
1374
  }
1247
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize textarea {
1248
- resize: both;
1249
- }
1250
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize:after {
1251
- content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M10%202L2%2010'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3cpath%20d='M11%207L7%2011'%20stroke='%23D5D7DA'%20stroke-linecap='round'/%3e%3c/svg%3e");
1252
- width: 0.9375rem;
1253
- background: transparent;
1375
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
1376
+ border-radius: 0.5rem;
1377
+ background: #181d27;
1378
+ padding: 0.75rem;
1379
+ max-width: 200px;
1380
+ min-width: 118px;
1254
1381
  position: absolute;
1255
- right: 0.125rem;
1256
- bottom: 0.3125rem;
1257
- pointer-events: none;
1258
- border-radius: 25%;
1382
+ z-index: 99999;
1383
+ word-break: break-word;
1384
+ /* Absolute positioning */
1385
+ /* CSS border triangles */
1386
+ /* Absolute positioning */
1387
+ /* CSS border triangles */
1388
+ /* Absolute positioning */
1389
+ /* CSS border triangles */
1390
+ /* Absolute positioning */
1391
+ /* CSS border triangles */
1259
1392
  }
1260
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textareaIconClose {
1393
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__withoutPointer::before {
1394
+ all: initial;
1395
+ }
1396
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent::before {
1397
+ content: " ";
1398
+ left: 50%;
1399
+ border: solid transparent;
1400
+ height: 0;
1401
+ width: 0;
1261
1402
  position: absolute;
1262
- right: 8px;
1263
- top: 8px;
1264
- cursor: pointer;
1403
+ pointer-events: none;
1404
+ border-width: 6px;
1405
+ margin-left: -6px;
1265
1406
  }
1266
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea {
1267
- width: 100%;
1268
- border-radius: 6px;
1269
- border: 1px solid #c1c2c7;
1270
- background: #fff;
1271
- padding: 8px 12px;
1272
- resize: none;
1273
- width: 100%;
1274
- overflow: hidden;
1275
- color: #131314;
1276
- text-overflow: ellipsis;
1277
- font-family: "Inter-Regular";
1278
- font-size: 14px;
1279
- font-style: normal;
1280
- font-weight: 400;
1281
- line-height: 24px; /* 171.429% */
1282
- letter-spacing: 0.1px;
1407
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
1408
+ top: 100%;
1409
+ border-top-color: #181d27;
1410
+ left: var(--pointer-position);
1283
1411
  }
1284
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer {
1285
- display: none;
1412
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1413
+ left: -6px;
1414
+ top: 50%;
1415
+ transform: translateX(0) translateY(-50%);
1416
+ border-right-color: #181d27;
1286
1417
  }
1287
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar {
1288
- width: 0;
1418
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1419
+ bottom: 100%;
1420
+ left: var(--pointer-position);
1421
+ border-bottom-color: #181d27;
1289
1422
  }
1290
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track {
1291
- -webkit-box-shadow: none;
1423
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1424
+ left: auto;
1425
+ right: -12px;
1426
+ top: 50%;
1427
+ transform: translateX(0) translateY(-50%);
1428
+ border-left-color: #181d27;
1292
1429
  }
1293
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb {
1294
- background-color: none;
1295
- outline: 0;
1430
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1431
+ width: 100%;
1432
+ word-break: break-word;
1433
+ color: #fff;
1434
+ font-family: "Inter-Regular", sans-serif;
1435
+ font-size: 0.75rem;
1436
+ font-style: normal;
1437
+ font-weight: 600;
1438
+ line-height: 1.125rem; /* 150% */
1296
1439
  }
1297
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorState {
1298
- border-radius: 6px;
1299
- background: #fff;
1300
- outline: 1px solid #f63e45;
1301
- outline-offset: -1px;
1302
- box-shadow: none;
1440
+ .Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1441
+ width: 100%;
1442
+ word-break: break-word;
1443
+ color: rgba(255, 255, 255, 0.9);
1444
+ font-family: "Inter-Regular", sans-serif;
1445
+ font-size: 0.75rem;
1446
+ font-style: normal;
1447
+ font-weight: 500;
1448
+ line-height: 1.125rem; /* 150% */
1303
1449
  }
1304
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused {
1305
- border-radius: 6px;
1306
- background: #fff;
1307
- outline: 2px solid #0058ff;
1308
- outline-offset: -2px;
1309
- box-shadow: none;
1450
+
1451
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent {
1452
+ background: #ffffff;
1310
1453
  }
1311
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__active {
1312
- border-radius: 6px;
1313
- background: #fff;
1314
- outline: 1.5px solid #0058ff;
1315
- outline-offset: -1.5px;
1316
- box-shadow: 0 0 0 2px #dee9fc;
1454
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__top::before {
1455
+ border-top-color: #ffffff;
1456
+ left: var(--pointer-position);
1317
1457
  }
1318
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorFocused {
1319
- border-radius: 6px;
1320
- background: #fff;
1321
- outline: 2px solid #f63e45;
1322
- outline-offset: -2px;
1323
- box-shadow: none;
1458
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1459
+ border-right-color: #ffffff;
1324
1460
  }
1325
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorActive {
1326
- border-radius: 6px;
1327
- background: #fff;
1328
- outline: 1.5px solid #f63e45;
1329
- outline-offset: -1.5px;
1330
- box-shadow: 0 0 0 2px #fcdcdd;
1461
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1462
+ border-bottom-color: #ffffff;
1331
1463
  }
1332
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder {
1333
- width: 100%;
1334
- overflow: hidden;
1335
- color: #646569;
1336
- text-overflow: ellipsis;
1337
- font-family: "Inter-Regular";
1338
- font-size: 14px;
1339
- font-style: normal;
1340
- font-weight: 400;
1341
- line-height: 24px; /* 171.429% */
1342
- letter-spacing: 0.1px;
1464
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1465
+ border-left-color: #ffffff;
1343
1466
  }
1344
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter {
1345
- width: 100%;
1346
- display: flex;
1347
- justify-content: flex-end;
1348
- align-items: center;
1467
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1468
+ color: #0c0e12;
1349
1469
  }
1350
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter p {
1351
- color: #131314;
1352
- text-align: right;
1353
- font-family: "Inter-Medium", sans-serif;
1354
- font-size: 12px;
1355
- font-style: normal;
1356
- font-weight: 450;
1357
- line-height: 16px; /* 133.333% */
1358
- letter-spacing: 0.1px;
1470
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1471
+ color: rgba(12, 14, 18, 0.9);
1359
1472
  }@font-face {
1360
1473
  font-family: "Inter-Regular";
1361
1474
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1362
1475
  }
1363
1476
  @font-face {
1364
1477
  font-family: "Inter-SemiBold";
1365
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1478
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1366
1479
  }
1367
1480
  @font-face {
1368
1481
  font-family: "Inter-Medium";
@@ -1511,158 +1624,45 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1511
1624
  }
1512
1625
  @font-face {
1513
1626
  font-family: "Inter-SemiBold";
1514
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1627
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1515
1628
  }
1516
1629
  @font-face {
1517
1630
  font-family: "Inter-Medium";
1518
1631
  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1519
1632
  }
1520
- .Popup-module__modalOverlay {
1521
- width: 100vw;
1522
- height: 100vh;
1523
- display: grid;
1524
- place-items: center;
1525
- position: fixed;
1526
- top: 0;
1527
- left: 0;
1528
- z-index: 250;
1529
- background: rgba(10, 13, 18, 0.7);
1633
+ .Datepicker-module__datepickerContainer {
1634
+ width: 100%;
1635
+ user-select: none;
1636
+ scroll-behavior: smooth;
1530
1637
  }
1531
- .Popup-module__modalOverlay ::-webkit-scrollbar {
1638
+ .Datepicker-module__datepickerContainer::-webkit-scrollbar {
1639
+ display: block !important;
1532
1640
  width: 0;
1533
1641
  }
1534
- .Popup-module__modalOverlay ::-webkit-scrollbar-track {
1535
- -webkit-box-shadow: none;
1536
- }
1537
- .Popup-module__modalOverlay ::-webkit-scrollbar-thumb {
1538
- background-color: none;
1539
- outline: 0;
1540
- }
1541
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode {
1542
- overflow: hidden;
1543
- place-items: end;
1544
- }
1545
- .Popup-module__modalOverlay.Popup-module__popupDrawerMode .Popup-module__popupContainer {
1546
- min-height: unset;
1547
- max-height: unset;
1548
- min-width: 17.5rem;
1549
- height: 100vh;
1550
- animation: Popup-module__EnterFromLeft 0.3s forwards;
1551
- }
1552
- @keyframes Popup-module__EnterFromLeft {
1553
- from {
1554
- left: 100%;
1555
- }
1556
- to {
1557
- left: 0;
1558
- }
1559
- }
1560
- .Popup-module__modalOverlay .Popup-module__popupContainer {
1561
- padding: 1.5rem;
1562
- min-height: 13.75rem;
1563
- max-height: calc(100vh - 5.625rem);
1564
- position: relative;
1565
- transition: 0.2s;
1566
- z-index: 280;
1567
- border-radius: 0.75rem;
1568
- background: #fff;
1569
- /* Shadows/shadow-xl */
1570
- box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
1571
- animation: Popup-module__fadeIn 0.3s forwards;
1572
- }
1573
- @keyframes Popup-module__fadeIn {
1574
- from {
1575
- opacity: 0;
1576
- }
1577
- to {
1578
- opacity: 1;
1579
- }
1580
- }
1581
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__closeButton {
1582
- display: grid;
1583
- place-items: center;
1584
- cursor: pointer;
1585
- position: absolute;
1586
- top: 1.25rem;
1587
- right: 1.5rem;
1588
- z-index: 14;
1589
- }
1590
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions {
1591
- width: 25rem;
1592
- }
1593
- .Popup-module__modalOverlay .Popup-module__popupContainer.Popup-module__withOptions.Popup-module__horizontal {
1594
- width: 34rem;
1642
+ .Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
1643
+ opacity: 0;
1595
1644
  }
1596
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1645
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
1597
1646
  width: 100%;
1598
- position: sticky;
1599
- top: 0;
1600
- background: #ffffff;
1601
- z-index: 1;
1602
- }
1603
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle {
1604
- margin-top: 1rem;
1605
- }
1606
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1607
- color: #181d27;
1608
- font-size: 1.125rem;
1609
- font-style: normal;
1610
- font-weight: 600;
1611
- line-height: 1.75rem; /* 155.556% */
1612
- font-family: "Inter", sans-serif;
1613
- line-height: 1.75rem; /* 155.556% */
1614
- }
1615
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription {
1616
- margin-top: 0.25rem;
1617
- }
1618
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1619
- color: #535862;
1620
- font-size: 0.875rem;
1621
- font-style: normal;
1622
- font-weight: 400;
1623
- line-height: 1.25rem; /* 142.857% */
1624
- font-family: "Inter", sans-serif;
1647
+ cursor: pointer;
1625
1648
  }
1626
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon {
1649
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
1627
1650
  display: flex;
1628
1651
  align-items: center;
1629
- justify-content: space-between;
1630
- }
1631
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__typeIcon .Popup-module__icon {
1632
- display: grid;
1633
- place-items: center;
1634
- width: 3rem;
1635
- height: 3rem;
1636
- border-radius: 624.9375rem;
1637
- }
1638
- .Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__templateWrapper {
1639
- width: 100%;
1640
- position: relative;
1641
- }
1642
-
1643
- .Popup-module__dark.Popup-module__modalOverlay {
1644
- background: rgba(34, 38, 47, 0.4588235294);
1645
- }
1646
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer {
1647
- background: #0c0e12;
1648
- /* Shadows/shadow-xl */
1649
- box-shadow: 0rem 1.25rem 1.5rem -0.25rem rgba(10, 13, 18, 0.08), 0rem 0.5rem 0.5rem -0.25rem rgba(10, 13, 18, 0.03), 0rem 0.1875rem 0.1875rem -0.0938rem rgba(10, 13, 18, 0.04);
1650
- }
1651
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader {
1652
- background: #0c0e12;
1653
- }
1654
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupTitle h2 {
1655
- color: #f7f7f7;
1652
+ justify-content: center;
1656
1653
  }
1657
- .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
1658
- color: #94979c;
1654
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
1655
+ display: flex;
1656
+ align-items: center;
1657
+ justify-content: center;
1658
+ cursor: pointer;
1659
1659
  }@font-face {
1660
1660
  font-family: "Inter-Regular";
1661
1661
  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1662
1662
  }
1663
1663
  @font-face {
1664
1664
  font-family: "Inter-SemiBold";
1665
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1665
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1666
1666
  }
1667
1667
  @font-face {
1668
1668
  font-family: "Inter-Medium";
@@ -1903,7 +1903,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1903
1903
  }
1904
1904
  @font-face {
1905
1905
  font-family: "Inter-SemiBold";
1906
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1906
+ src: url("../../assets/fonts") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1907
1907
  }
1908
1908
  @font-face {
1909
1909
  font-family: "Inter-Medium";
@@ -1946,7 +1946,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1946
1946
  width: 100%;
1947
1947
  padding: 8px;
1948
1948
  color: #414651;
1949
- font-family: "Inter", sans-serif;
1949
+ font-family: "Inter-Regular", sans-serif;
1950
1950
  font-size: 0.875rem;
1951
1951
  font-style: normal;
1952
1952
  font-weight: 500;
@@ -1982,7 +1982,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1982
1982
  width: 100%;
1983
1983
  }
1984
1984
  .Calendar-module__datePicker .Calendar-module__div span {
1985
- font-family: "Inter", sans-serif;
1985
+ font-family: "Inter-Regular", sans-serif;
1986
1986
  }
1987
1987
  .Calendar-module__datePicker .Calendar-module__currentDateHeader {
1988
1988
  overflow: hidden;
@@ -2092,7 +2092,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
2092
2092
  .Calendar-module__datePicker table th,
2093
2093
  .Calendar-module__datePicker table td:not(.Calendar-module__spacerRow td) {
2094
2094
  text-align: center;
2095
- font-family: "Inter", sans-serif;
2095
+ font-family: "Inter-Regular", sans-serif;
2096
2096
  color: #131314;
2097
2097
  font-family: "Inter-Regular", sans-serif;
2098
2098
  font-size: 14px;
@@ -2197,7 +2197,7 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
2197
2197
  color: #131314;
2198
2198
  font-feature-settings: "liga" off, "clig" off;
2199
2199
  text-overflow: ellipsis;
2200
- font-family: "Inter", sans-serif;
2200
+ font-family: "Inter-Regular", sans-serif;
2201
2201
  font-size: 14px;
2202
2202
  font-style: normal;
2203
2203
  font-weight: 400;