master-components-react-ts 1.1.0 → 1.1.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 (5) hide show
  1. package/dist/index.js +1267 -1132
  2. package/package.json +1 -1
  3. package/dist/assets/Inter_24pt-Medium-C1cYvkz2.woff2 +0 -0
  4. package/dist/assets/Inter_24pt-Regular-C7SEt4-L.woff2 +0 -0
  5. package/dist/assets/Inter_24pt-SemiBold-DIQUEucn.woff2 +0 -0
package/dist/index.js CHANGED
@@ -4,496 +4,460 @@
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
6
  elementStyle.appendChild(document.createTextNode(`@font-face {
7
- font-family: "Inter-Regular";
8
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
7
+ font-family: "Inter";
8
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
9
+ font-weight: 400;
10
+ font-style: normal;
11
+ font-display: swap;
9
12
  }
10
13
  @font-face {
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");
14
+ font-family: "Inter";
15
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
16
+ font-weight: 500;
17
+ font-style: normal;
18
+ font-display: swap;
13
19
  }
14
20
  @font-face {
15
- font-family: "Inter-Medium";
16
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
21
+ font-family: "Inter";
22
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
23
+ font-weight: 600;
24
+ font-style: normal;
25
+ font-display: swap;
17
26
  }
18
- button.MainButton-module__mainButton {
27
+ .FormInput-module__inputWrapper {
19
28
  width: 100%;
20
29
  display: flex;
21
- padding: 8px;
22
- justify-content: center;
23
- align-items: center;
24
- border-radius: 6px;
25
- min-width: 100px;
26
- outline: none;
27
- border: none;
28
- cursor: pointer;
29
- user-select: none;
30
- -webkit-user-select: none;
31
- -moz-user-select: none;
32
- -ms-user-select: none;
33
- }
34
- button.MainButton-module__mainButton.MainButton-module__sm {
35
- height: 32px;
30
+ flex-direction: column;
31
+ gap: 10px;
36
32
  }
37
- button.MainButton-module__mainButton.MainButton-module__md {
33
+ .FormInput-module__inputWrapper.FormInput-module__sm .FormInput-module__formInputWrapper {
38
34
  height: 36px;
39
35
  }
40
- button.MainButton-module__mainButton.MainButton-module__lg {
36
+ .FormInput-module__inputWrapper.FormInput-module__md .FormInput-module__formInputWrapper {
41
37
  height: 40px;
42
38
  }
43
- button.MainButton-module__mainButton .MainButton-module__mainButtonContent {
39
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputLabel {
44
40
  width: 100%;
45
- display: flex;
46
- align-items: center;
47
- justify-content: center;
48
- gap: 8px;
41
+ overflow: hidden;
42
+ color: #95969c;
43
+ text-overflow: ellipsis;
44
+ font-family: "Inter-Medium";
45
+ font-size: 12px;
46
+ font-style: normal;
47
+ font-weight: 450;
48
+ line-height: 16px; /* 133.333% */
49
+ letter-spacing: 0.1px;
49
50
  }
50
- button.MainButton-module__mainButton .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
51
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInput {
52
+ width: 100%;
51
53
  overflow: hidden;
54
+ color: #7a7b80;
52
55
  text-overflow: ellipsis;
53
- font-family: "Inter", sans-serif;
56
+ font-family: "Inter-Regular";
54
57
  font-size: 14px;
55
58
  font-style: normal;
56
- font-weight: 450;
59
+ font-weight: 400;
57
60
  line-height: 24px; /* 171.429% */
58
61
  letter-spacing: 0.1px;
59
62
  }
60
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral {
61
- background: #0058ff;
62
- }
63
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__loading {
64
- cursor: no-drop;
63
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputHelperText {
64
+ width: 100%;
65
+ overflow: hidden;
66
+ color: #95969c;
67
+ text-overflow: ellipsis;
68
+ font-family: "Inter-Medium";
69
+ font-size: 12px;
70
+ font-style: normal;
71
+ font-weight: 450;
72
+ line-height: 16px; /* 133.333% */
73
+ letter-spacing: 0.1px;
65
74
  }
66
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
67
- background: #004fe5 !important;
75
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper {
76
+ border-radius: 6px;
77
+ border: 1px solid #e6e6e6;
78
+ background: #fafafa;
68
79
  }
69
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__disabled {
70
- background: #95969c;
80
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput {
81
+ width: 100%;
82
+ overflow: hidden;
83
+ color: #7a7b80;
84
+ text-overflow: ellipsis;
85
+ font-family: "Inter-Regular";
86
+ font-size: 14px;
87
+ font-style: normal;
88
+ font-weight: 400;
89
+ line-height: 24px; /* 171.429% */
90
+ letter-spacing: 0.1px;
71
91
  cursor: not-allowed;
72
92
  }
73
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__focused {
74
- outline: 2px solid #dee9fc;
75
- outline-offset: 0px;
76
- background: #0058ff;
77
- }
78
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
79
- color: #fff;
80
- }
81
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive {
82
- background: #328707;
93
+ .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput::placeholder {
94
+ width: 100%;
95
+ overflow: hidden;
96
+ color: #7a7b80;
97
+ text-overflow: ellipsis;
98
+ font-family: "Inter-Regular";
99
+ font-size: 14px;
100
+ font-style: normal;
101
+ font-weight: 400;
102
+ line-height: 24px; /* 171.429% */
103
+ letter-spacing: 0.1px;
83
104
  }
84
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__loading {
85
- cursor: no-drop;
105
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper {
106
+ width: 100%;
107
+ display: flex;
108
+ align-items: center;
109
+ justify-content: space-between;
86
110
  }
87
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
88
- background: #266905 !important;
111
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel {
112
+ width: 100%;
113
+ width: 100%;
114
+ overflow: hidden;
115
+ color: #131314;
116
+ font-family: "Inter-Medium";
117
+ font-size: 12px;
118
+ font-style: normal;
119
+ font-weight: 450;
120
+ line-height: 16px; /* 171.429% */
121
+ letter-spacing: 0.1px;
89
122
  }
90
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__disabled {
91
- background: #95969c;
92
- cursor: not-allowed;
123
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel .FormInput-module__formInputRequired {
124
+ overflow: hidden;
125
+ color: #e3292f;
126
+ text-overflow: ellipsis;
127
+ font-family: "Inter-Medium";
128
+ font-size: 12px;
129
+ font-style: normal;
130
+ font-weight: 450;
131
+ line-height: 16px; /* 133.333% */
132
+ letter-spacing: 0.1px;
93
133
  }
94
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__focused {
95
- outline: 2px solid #c3ebb0;
96
- outline-offset: 0px;
97
- background: #328707;
134
+ .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputHelperSlot {
135
+ display: flex;
136
+ align-items: center;
137
+ justify-content: center;
98
138
  }
99
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
100
- color: #fff;
139
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper {
140
+ width: 100%;
141
+ display: flex;
142
+ align-items: center;
143
+ gap: 8px;
144
+ padding: 8px;
145
+ border-radius: 6px;
146
+ border: 1px solid #e6e6e6;
147
+ background: #fff;
101
148
  }
102
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative {
103
- background: #e3292f;
149
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorState {
150
+ border-radius: 6px;
151
+ background: #fff;
152
+ outline: 1px solid #f63e45;
153
+ outline-offset: -1px;
154
+ box-shadow: none;
104
155
  }
105
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__loading {
106
- cursor: no-drop;
156
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__focused {
157
+ border-radius: 6px;
158
+ background: #fff;
159
+ outline: 2px solid #0058ff;
160
+ outline-offset: -2px;
161
+ box-shadow: none;
107
162
  }
108
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
109
- background: #db1d23 !important;
163
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__active {
164
+ border-radius: 6px;
165
+ background: #fff;
166
+ outline: 1.5px solid #0058ff;
167
+ outline-offset: -1.5px;
168
+ box-shadow: 0 0 0 2px #dee9fc;
110
169
  }
111
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__disabled {
112
- background: #95969c;
113
- cursor: not-allowed;
170
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorFocused {
171
+ border-radius: 6px;
172
+ background: #fff;
173
+ outline: 2px solid #f63e45;
174
+ outline-offset: -2px;
175
+ box-shadow: none;
114
176
  }
115
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__focused {
116
- outline: 2px solid #fcdcdc;
117
- outline-offset: 0px;
118
- background: #e3292f;
177
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorActive {
178
+ border-radius: 6px;
179
+ background: #fff;
180
+ outline: 1.5px solid #f63e45;
181
+ outline-offset: -1.5px;
182
+ box-shadow: 0 0 0 2px #fcdcdd;
119
183
  }
120
- button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
121
- color: #fff;
184
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
185
+ width: 100%;
186
+ border: none;
187
+ outline: none;
188
+ background-color: transparent;
189
+ caret-color: #0058ff;
190
+ width: 100%;
191
+ overflow: hidden;
192
+ color: #131314;
193
+ text-overflow: ellipsis;
194
+ font-family: "Inter-Regular";
195
+ font-size: 14px;
196
+ font-style: normal;
197
+ font-weight: 400;
198
+ line-height: 24px; /* 171.429% */
199
+ letter-spacing: 0.1px;
122
200
  }
123
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral {
124
- background: #ecf3ff;
201
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
202
+ width: 100%;
203
+ overflow: hidden;
204
+ color: #646569;
205
+ text-overflow: ellipsis;
206
+ font-family: "Inter-Regular";
207
+ font-size: 14px;
208
+ font-style: normal;
209
+ font-weight: 400;
210
+ line-height: 24px; /* 171.429% */
211
+ letter-spacing: 0.1px;
125
212
  }
126
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__loading {
127
- cursor: no-drop;
213
+ .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
214
+ display: grid;
215
+ place-items: center;
128
216
  }
129
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
130
- background: #dee9fc !important;
217
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
218
+ width: 100%;
219
+ overflow: hidden;
220
+ color: #131314;
221
+ text-overflow: ellipsis;
222
+ font-family: "Inter-Medium";
223
+ font-size: 12px;
224
+ font-style: normal;
225
+ font-weight: 450;
226
+ line-height: 16px; /* 133.333% */
227
+ letter-spacing: 0.1px;
131
228
  }
132
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled {
133
- background: #f2f2f2;
134
- cursor: not-allowed;
135
- }
136
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
137
- color: #7a7b80;
138
- }
139
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__focused {
140
- outline-offset: 0px;
141
- background: #ecf3ff;
142
- box-shadow: 0px 0px 0px 2px #0058ff;
143
- }
144
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
145
- color: #0058ff;
146
- }
147
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive {
148
- background: #effce8;
149
- }
150
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__loading {
151
- cursor: no-drop;
152
- }
153
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
154
- background: #e0fad2 !important;
155
- }
156
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__disabled {
157
- background: #95969c;
158
- cursor: not-allowed;
159
- }
160
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__focused {
161
- outline: 2px solid #60bf30;
162
- outline-offset: 0px;
163
- background: #effce8;
229
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
230
+ width: 100%;
231
+ overflow: hidden;
232
+ color: #e3292f;
233
+ text-overflow: ellipsis;
234
+ font-family: "Inter-Medium";
235
+ font-size: 12px;
236
+ font-style: normal;
237
+ font-weight: 450;
238
+ line-height: 16px; /* 133.333% */
239
+ letter-spacing: 0.1px;
240
+ color: #e3292f;
164
241
  }
165
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
242
+ .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
243
+ width: 100%;
244
+ overflow: hidden;
166
245
  color: #328707;
167
- }
168
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative {
169
- background: #fff2f2;
170
- }
171
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__loading {
172
- cursor: no-drop;
173
- }
174
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
175
- background: #fcdcdc !important;
176
- }
177
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__disabled {
178
- background: #95969c;
179
- cursor: not-allowed;
180
- }
181
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__focused {
182
- outline: 2px solid #ff5757;
183
- outline-offset: 0px;
184
- background: #fff2f2;
185
- }
186
- button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
187
- color: #db1d23;
188
- }
189
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral {
190
- background: #f2f2f2;
191
- }
192
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__loading {
193
- cursor: no-drop;
194
- }
195
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
196
- background: #e6e6e6 !important;
197
- }
198
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled {
199
- background: #f2f2f2;
200
- cursor: not-allowed;
201
- }
202
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
203
- color: #7a7b80;
204
- }
205
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__focused {
206
- outline: 2px solid #c1c2c7;
207
- outline-offset: 0px;
208
- background: #f2f2f2;
209
- }
210
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
211
- color: #131314;
212
- }
213
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive {
214
- background: #fff;
215
- }
216
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__loading {
217
- cursor: no-drop;
218
- }
219
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
220
- background: #effce8 !important;
221
- }
222
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled {
223
- background: #fff;
224
- cursor: not-allowed;
225
- }
226
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
227
- color: #7a7b80;
228
- }
229
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__focused {
230
- outline: 2px solid #91e766;
231
- outline-offset: 0px;
232
- background: #fff;
233
- }
234
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
246
+ text-overflow: ellipsis;
247
+ font-family: "Inter-Medium";
248
+ font-size: 12px;
249
+ font-style: normal;
250
+ font-weight: 450;
251
+ line-height: 16px; /* 133.333% */
252
+ letter-spacing: 0.1px;
235
253
  color: #328707;
236
- }
237
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative {
238
- background: #fff;
239
- }
240
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__loading {
241
- cursor: no-drop;
242
- }
243
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
244
- background: #fff2f2 !important;
245
- }
246
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled {
247
- background: #fff;
248
- cursor: not-allowed;
249
- }
250
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
251
- color: #7a7b80;
252
- }
253
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__focused {
254
- outline: 2px solid #fcdcdc;
255
- outline-offset: 0px;
256
- background: #fff;
257
- }
258
- button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
259
- color: #e3292f;
260
- }
261
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2 {
262
- background: #fff;
263
- }
264
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__loading {
265
- cursor: no-drop;
266
- }
267
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
268
- background: #ecf3ff !important;
269
- }
270
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled {
271
- background: #f2f2f2;
272
- cursor: not-allowed;
273
- }
274
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
275
- color: #7a7b80;
276
- }
277
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__focused {
278
- outline: 2px solid #dee9fc;
279
- outline-offset: 0px;
280
- background: #fff;
281
- }
282
- button.MainButton-module__mainButton.MainButton-module__tertiaryV2 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
283
- color: #0058ff;
284
- }
285
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 {
286
- border: 1px solid #e6e6e6;
287
- background: #fff;
288
- }
289
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__loading {
290
- cursor: no-drop;
291
- }
292
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
293
- border-color: #c1c2c7 !important;
294
- }
295
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled {
296
- background: #fff;
297
- border: 1px solid #e6e6e6;
298
- cursor: not-allowed;
299
- }
300
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
301
- color: #7a7b80;
302
- }
303
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
304
- border: 1px solid transparent;
305
- outline: 2px solid #dee9fc;
306
- outline-offset: 0px;
307
- background: #fff;
308
- }
309
- button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
310
- color: #0058ff;
311
254
  }@font-face {
312
- font-family: "Inter-Regular";
313
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
255
+ font-family: "Inter";
256
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
257
+ font-weight: 400;
258
+ font-style: normal;
259
+ font-display: swap;
314
260
  }
315
261
  @font-face {
316
- font-family: "Inter-SemiBold";
317
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
262
+ font-family: "Inter";
263
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
264
+ font-weight: 500;
265
+ font-style: normal;
266
+ font-display: swap;
318
267
  }
319
268
  @font-face {
320
- font-family: "Inter-Medium";
321
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
322
- }
323
- .Toggle-module__toggleWrapper {
324
- position: relative;
325
- overflow: hidden;
326
- border-radius: 13.333px;
327
- background: #c1c2c7;
328
- padding: 4px;
329
- cursor: pointer;
330
- }
331
- .Toggle-module__toggleWrapper.Toggle-module__checked {
332
- background: #0058FF;
333
- }
334
- .Toggle-module__toggleWrapper.Toggle-module__error {
335
- background: #e3292f;
336
- }
337
- .Toggle-module__toggleWrapper.Toggle-module__disabled {
338
- background: #d4d5d6;
339
- cursor: not-allowed;
340
- }
341
- .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
342
- background: #95969c;
343
- }
344
- .Toggle-module__toggleWrapper.Toggle-module__sm {
345
- width: 24px;
346
- height: 16px;
347
- }
348
- .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
349
- left: calc(100% - 12px);
269
+ font-family: "Inter";
270
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
271
+ font-weight: 600;
272
+ font-style: normal;
273
+ font-display: swap;
350
274
  }
351
- .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
352
- width: 8px;
353
- height: 8px;
275
+ .NotificationToast-module__toastContainer {
276
+ display: flex;
277
+ flex-direction: column;
278
+ gap: 10px;
279
+ position: fixed;
280
+ z-index: 9999999;
281
+ width: 328px;
354
282
  }
355
- .Toggle-module__toggleWrapper.Toggle-module__md {
356
- width: 32px;
357
- height: 20px;
283
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
284
+ padding: 8px;
285
+ border-radius: 8px;
286
+ width: 100%;
358
287
  }
359
- .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
360
- left: calc(100% - 16px);
288
+ @keyframes NotificationToast-module__fadeIn {
289
+ from {
290
+ opacity: 0;
291
+ transform: translateY(-10px);
292
+ }
293
+ to {
294
+ opacity: 1;
295
+ transform: translateY(0);
296
+ }
361
297
  }
362
- .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
363
- width: 12px;
364
- height: 12px;
298
+ @keyframes NotificationToast-module__fadeOut {
299
+ from {
300
+ opacity: 1;
301
+ transform: translateY(0);
302
+ }
303
+ to {
304
+ opacity: 0;
305
+ transform: translateY(-10px);
306
+ }
365
307
  }
366
- .Toggle-module__toggleWrapper.Toggle-module__lg {
367
- width: 40px;
368
- height: 24px;
308
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
309
+ animation: NotificationToast-module__fadeIn 0.3s ease-out;
369
310
  }
370
- .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
371
- width: 16px;
372
- height: 16px;
311
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
312
+ animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
373
313
  }
374
- .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
375
- left: calc(100% - 20px);
314
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
315
+ background: #131314;
376
316
  }
377
- .Toggle-module__toggleWrapper .Toggle-module__toggleState {
378
- border-radius: 8px;
379
- background: #fff;
380
- position: absolute;
381
- top: 50%;
382
- left: 4px;
383
- transform: translateY(-50%);
384
- transition: 0.2s all;
385
- }@font-face {
386
- font-family: "Inter-Regular";
387
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
317
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
318
+ border: 1px solid #222224;
319
+ background: #f2f2f2;
388
320
  }
389
- @font-face {
390
- font-family: "Inter-SemiBold";
391
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
321
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
322
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
323
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
324
+ color: #131314 !important;
392
325
  }
393
- @font-face {
394
- font-family: "Inter-Medium";
395
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
326
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
327
+ background: #0058ff;
396
328
  }
397
- .Checkbox-module__checkboxWrapper {
398
- overflow: hidden;
399
- border: 2px solid #c1c2c7;
400
- background: #ffffff;
401
- position: relative;
402
- padding: 5px 4px;
403
- border-radius: 3px;
404
- cursor: pointer;
405
- transition: 0.2;
406
- display: grid;
407
- place-items: center;
408
- width: 18px;
409
- height: 18px;
410
- user-select: none;
411
- -webkit-user-select: none;
412
- -moz-user-select: none;
413
- -ms-user-select: none;
329
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
330
+ border: 1px solid #0058ff;
331
+ background: #ecf3ff;
414
332
  }
415
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
416
- display: grid;
417
- place-items: center;
333
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
334
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
335
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
336
+ color: #0058ff !important;
418
337
  }
419
- .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
420
- width: 0.625rem;
421
- user-select: none;
422
- pointer-events: none;
338
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
339
+ background: #e3292f;
423
340
  }
424
- .Checkbox-module__checkboxWrapper.Checkbox-module__error {
425
- border-color: #e3292f;
341
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
342
+ border: 1px solid #f63e45;
343
+ background: #fff2f2;
426
344
  }
427
- .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
428
- background: #e3292f;
429
- border: none;
345
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
346
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
347
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
348
+ color: #e3292f !important;
430
349
  }
431
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
432
- background: #0058ff;
433
- border: none;
350
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
351
+ background: #328707;
434
352
  }
435
- .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
436
- background: #95969c;
353
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
354
+ border: 1px solid #399c08;
355
+ background: #effce8;
437
356
  }
438
- .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
439
- cursor: not-allowed;
440
- border-color: #c1c2c7 !important;
357
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
358
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
359
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
360
+ color: #328707 !important;
441
361
  }
442
-
443
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
444
- background: #32b45f;
445
- border: 0.0625rem solid #32b45f;
362
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
363
+ width: 100%;
364
+ display: flex;
365
+ align-items: center;
366
+ justify-content: space-between;
446
367
  }
447
- .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
448
- background: #24994d;
449
- border: 0.0625rem solid #24994d;
368
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
369
+ width: 100%;
370
+ display: flex;
371
+ align-items: center;
372
+ gap: 8px;
450
373
  }
451
-
452
- .Checkbox-module__dark {
453
- background: #373a41;
454
- border: unset;
374
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
375
+ display: flex;
376
+ align-items: center;
377
+ justify-content: center;
455
378
  }
456
- .Checkbox-module__dark.Checkbox-module__checked {
457
- background: #0158ff;
458
- border: 0.0625rem solid #0158ff;
379
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
380
+ width: 100%;
381
+ display: flex;
382
+ flex-direction: column;
383
+ gap: 10px;
459
384
  }
460
- .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
461
- stroke: #d5d7da;
385
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
386
+ width: 100%;
387
+ overflow: hidden;
388
+ color: #fff;
389
+ text-overflow: ellipsis;
390
+ font-family: "Inter-Medium", sans-serif;
391
+ font-size: 14px;
392
+ font-style: normal;
393
+ font-weight: 450;
394
+ letter-spacing: 0.1px;
462
395
  }
463
- .Checkbox-module__dark.Checkbox-module__disabled {
464
- background: #8d8d8d !important;
465
- border: 0.0625rem solid #373a41 !important;
466
- }@font-face {
467
- font-family: "Inter-Regular";
468
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
396
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
397
+ width: 100%;
398
+ color: #fff;
399
+ font-family: "Inter-Regular", sans-serif;
400
+ font-size: 14px;
401
+ font-style: normal;
402
+ font-weight: 400;
403
+ letter-spacing: 0px;
469
404
  }
470
- @font-face {
471
- font-family: "Inter-SemiBold";
472
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
405
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
406
+ display: flex;
407
+ align-items: center;
408
+ gap: 10px;
473
409
  }
474
- @font-face {
475
- font-family: "Inter-Medium";
476
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
410
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
411
+ user-select: none;
412
+ -webkit-user-select: none;
413
+ -moz-user-select: none;
414
+ -ms-user-select: none;
415
+ user-select: none;
416
+ -webkit-user-select: none;
417
+ -moz-user-select: none;
418
+ -ms-user-select: none;
477
419
  }
478
- .Radio-module__radioWrapper {
479
- width: 24px;
480
- height: 24px;
481
- border-radius: 50%;
420
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
482
421
  overflow: hidden;
483
- position: relative;
422
+ color: #fff;
423
+ text-align: center;
424
+ font-feature-settings: "liga" off, "clig" off;
425
+ text-overflow: ellipsis;
426
+ font-family: "Inter-Medium", sans-serif;
427
+ font-size: 14px;
428
+ font-style: normal;
429
+ font-weight: 450;
430
+ line-height: 24px;
431
+ letter-spacing: 0.1px;
484
432
  cursor: pointer;
485
- transition: 0.2s;
433
+ }
434
+ .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
435
+ display: flex;
436
+ align-items: center;
437
+ justify-content: center;
438
+ cursor: pointer;
439
+ padding-left: 10px;
440
+ border-left: 2px solid rgba(255, 255, 255, 0.25);
486
441
  }@font-face {
487
- font-family: "Inter-Regular";
488
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
442
+ font-family: "Inter";
443
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
444
+ font-weight: 400;
445
+ font-style: normal;
446
+ font-display: swap;
489
447
  }
490
448
  @font-face {
491
- font-family: "Inter-SemiBold";
492
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
449
+ font-family: "Inter";
450
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
451
+ font-weight: 500;
452
+ font-style: normal;
453
+ font-display: swap;
493
454
  }
494
455
  @font-face {
495
- font-family: "Inter-Medium";
496
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
456
+ font-family: "Inter";
457
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
458
+ font-weight: 600;
459
+ font-style: normal;
460
+ font-display: swap;
497
461
  }
498
462
  .Skeleton-module__skeleton {
499
463
  background-color: #e0e0e0;
@@ -540,194 +504,283 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
540
504
  .Skeleton-module__dark.Skeleton-module__skeleton::after {
541
505
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
542
506
  }@font-face {
543
- font-family: "Inter-Regular";
544
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
507
+ font-family: "Inter";
508
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
509
+ font-weight: 400;
510
+ font-style: normal;
511
+ font-display: swap;
545
512
  }
546
513
  @font-face {
547
- font-family: "Inter-SemiBold";
548
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
514
+ font-family: "Inter";
515
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
516
+ font-weight: 500;
517
+ font-style: normal;
518
+ font-display: swap;
549
519
  }
550
520
  @font-face {
551
- font-family: "Inter-Medium";
552
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
521
+ font-family: "Inter";
522
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
523
+ font-weight: 600;
524
+ font-style: normal;
525
+ font-display: swap;
553
526
  }
554
- .NotificationToast-module__toastContainer {
555
- display: flex;
556
- flex-direction: column;
557
- gap: 10px;
558
- position: fixed;
559
- z-index: 9999999;
560
- width: 328px;
527
+ .Toggle-module__toggleWrapper {
528
+ position: relative;
529
+ overflow: hidden;
530
+ border-radius: 13.333px;
531
+ background: #c1c2c7;
532
+ padding: 4px;
533
+ cursor: pointer;
561
534
  }
562
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast {
563
- padding: 8px;
535
+ .Toggle-module__toggleWrapper.Toggle-module__checked {
536
+ background: #0058FF;
537
+ }
538
+ .Toggle-module__toggleWrapper.Toggle-module__error {
539
+ background: #e3292f;
540
+ }
541
+ .Toggle-module__toggleWrapper.Toggle-module__disabled {
542
+ background: #d4d5d6;
543
+ cursor: not-allowed;
544
+ }
545
+ .Toggle-module__toggleWrapper.Toggle-module__disabled.Toggle-module__checked {
546
+ background: #95969c;
547
+ }
548
+ .Toggle-module__toggleWrapper.Toggle-module__sm {
549
+ width: 24px;
550
+ height: 16px;
551
+ }
552
+ .Toggle-module__toggleWrapper.Toggle-module__sm.Toggle-module__checked .Toggle-module__toggleState {
553
+ left: calc(100% - 12px);
554
+ }
555
+ .Toggle-module__toggleWrapper.Toggle-module__sm .Toggle-module__toggleState {
556
+ width: 8px;
557
+ height: 8px;
558
+ }
559
+ .Toggle-module__toggleWrapper.Toggle-module__md {
560
+ width: 32px;
561
+ height: 20px;
562
+ }
563
+ .Toggle-module__toggleWrapper.Toggle-module__md.Toggle-module__checked .Toggle-module__toggleState {
564
+ left: calc(100% - 16px);
565
+ }
566
+ .Toggle-module__toggleWrapper.Toggle-module__md .Toggle-module__toggleState {
567
+ width: 12px;
568
+ height: 12px;
569
+ }
570
+ .Toggle-module__toggleWrapper.Toggle-module__lg {
571
+ width: 40px;
572
+ height: 24px;
573
+ }
574
+ .Toggle-module__toggleWrapper.Toggle-module__lg .Toggle-module__toggleState {
575
+ width: 16px;
576
+ height: 16px;
577
+ }
578
+ .Toggle-module__toggleWrapper.Toggle-module__lg.Toggle-module__checked .Toggle-module__toggleState {
579
+ left: calc(100% - 20px);
580
+ }
581
+ .Toggle-module__toggleWrapper .Toggle-module__toggleState {
564
582
  border-radius: 8px;
565
- width: 100%;
583
+ background: #fff;
584
+ position: absolute;
585
+ top: 50%;
586
+ left: 4px;
587
+ transform: translateY(-50%);
588
+ transition: 0.2s all;
589
+ }@font-face {
590
+ font-family: "Inter";
591
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
592
+ font-weight: 400;
593
+ font-style: normal;
594
+ font-display: swap;
566
595
  }
567
- @keyframes NotificationToast-module__fadeIn {
568
- from {
569
- opacity: 0;
570
- transform: translateY(-10px);
571
- }
572
- to {
573
- opacity: 1;
574
- transform: translateY(0);
575
- }
596
+ @font-face {
597
+ font-family: "Inter";
598
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
599
+ font-weight: 500;
600
+ font-style: normal;
601
+ font-display: swap;
576
602
  }
577
- @keyframes NotificationToast-module__fadeOut {
578
- from {
579
- opacity: 1;
580
- transform: translateY(0);
581
- }
582
- to {
583
- opacity: 0;
584
- transform: translateY(-10px);
585
- }
603
+ @font-face {
604
+ font-family: "Inter";
605
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
606
+ font-weight: 600;
607
+ font-style: normal;
608
+ font-display: swap;
586
609
  }
587
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeIn {
588
- animation: NotificationToast-module__fadeIn 0.3s ease-out;
610
+ .Textarea-module__textareaContainer {
611
+ width: 100%;
612
+ display: flex;
613
+ flex-direction: column;
614
+ align-items: flex-start;
615
+ gap: 0.375rem;
616
+ flex-shrink: 0;
589
617
  }
590
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__fadeOut {
591
- animation: NotificationToast-module__fadeOut 0.3s ease-in forwards;
618
+ .Textarea-module__textareaContainer .Textarea-module__textAreaLabel {
619
+ display: flex;
620
+ justify-content: space-between;
621
+ display: flex;
622
+ align-items: center;
623
+ gap: 0.125rem;
624
+ width: 100%;
592
625
  }
593
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral {
594
- background: #131314;
626
+ .Textarea-module__textareaContainer .Textarea-module__textAreaLabel p {
627
+ width: 100%;
628
+ width: 100%;
629
+ overflow: hidden;
630
+ color: #131314;
631
+ font-family: "Inter-Medium";
632
+ font-size: 12px;
633
+ font-style: normal;
634
+ font-weight: 450;
635
+ line-height: 16px; /* 171.429% */
636
+ letter-spacing: 0.1px;
595
637
  }
596
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled {
597
- border: 1px solid #222224;
598
- background: #f2f2f2;
638
+ .Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
639
+ color: #d92d20;
640
+ font-size: 0.875rem;
641
+ font-family: "Inter", sans-serif;
642
+ font-style: normal;
643
+ font-weight: 500;
644
+ line-height: 1.25rem;
599
645
  }
600
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
601
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
602
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__neutral.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
603
- color: #131314 !important;
646
+ .Textarea-module__textareaContainer .Textarea-module__wrap {
647
+ position: relative;
648
+ display: inline-block;
649
+ width: 100%;
650
+ position: relative;
604
651
  }
605
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info {
606
- background: #0058ff;
652
+ .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize textarea {
653
+ resize: both;
607
654
  }
608
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled {
609
- border: 1px solid #0058ff;
610
- background: #ecf3ff;
655
+ .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize:after {
656
+ 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");
657
+ width: 0.9375rem;
658
+ background: transparent;
659
+ position: absolute;
660
+ right: 0.125rem;
661
+ bottom: 0.3125rem;
662
+ pointer-events: none;
663
+ border-radius: 25%;
611
664
  }
612
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
613
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
614
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__info.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
615
- color: #0058ff !important;
665
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textareaIconClose {
666
+ position: absolute;
667
+ right: 8px;
668
+ top: 8px;
669
+ cursor: pointer;
616
670
  }
617
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error {
618
- background: #e3292f;
671
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea {
672
+ width: 100%;
673
+ border-radius: 6px;
674
+ border: 1px solid #c1c2c7;
675
+ background: #fff;
676
+ padding: 8px 12px;
677
+ resize: none;
678
+ width: 100%;
679
+ overflow: hidden;
680
+ color: #131314;
681
+ text-overflow: ellipsis;
682
+ font-family: "Inter-Regular";
683
+ font-size: 14px;
684
+ font-style: normal;
685
+ font-weight: 400;
686
+ line-height: 24px; /* 171.429% */
687
+ letter-spacing: 0.1px;
619
688
  }
620
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled {
621
- border: 1px solid #f63e45;
622
- background: #fff2f2;
689
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer {
690
+ display: none;
623
691
  }
624
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
625
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
626
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__error.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
627
- color: #e3292f !important;
692
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar {
693
+ width: 0;
628
694
  }
629
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success {
630
- background: #328707;
695
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track {
696
+ -webkit-box-shadow: none;
631
697
  }
632
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled {
633
- border: 1px solid #399c08;
634
- background: #effce8;
698
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb {
699
+ background-color: none;
700
+ outline: 0;
635
701
  }
636
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextTitle,
637
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentRightUndoText,
638
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast.NotificationToast-module__success.NotificationToast-module__filled .NotificationToast-module__notificationToastContentLeftTextDescription {
639
- color: #328707 !important;
702
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorState {
703
+ border-radius: 6px;
704
+ background: #fff;
705
+ outline: 1px solid #f63e45;
706
+ outline-offset: -1px;
707
+ box-shadow: none;
640
708
  }
641
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent {
642
- width: 100%;
643
- display: flex;
644
- align-items: center;
645
- justify-content: space-between;
709
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused {
710
+ border-radius: 6px;
711
+ background: #fff;
712
+ outline: 2px solid #0058ff;
713
+ outline-offset: -2px;
714
+ box-shadow: none;
646
715
  }
647
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft {
648
- width: 100%;
649
- display: flex;
650
- align-items: center;
651
- gap: 8px;
716
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__active {
717
+ border-radius: 6px;
718
+ background: #fff;
719
+ outline: 1.5px solid #0058ff;
720
+ outline-offset: -1.5px;
721
+ box-shadow: 0 0 0 2px #dee9fc;
652
722
  }
653
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentInfoIcon {
654
- display: flex;
655
- align-items: center;
656
- justify-content: center;
723
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorFocused {
724
+ border-radius: 6px;
725
+ background: #fff;
726
+ outline: 2px solid #f63e45;
727
+ outline-offset: -2px;
728
+ box-shadow: none;
657
729
  }
658
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText {
659
- width: 100%;
660
- display: flex;
661
- flex-direction: column;
662
- gap: 10px;
730
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorActive {
731
+ border-radius: 6px;
732
+ background: #fff;
733
+ outline: 1.5px solid #f63e45;
734
+ outline-offset: -1.5px;
735
+ box-shadow: 0 0 0 2px #fcdcdd;
663
736
  }
664
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextTitle {
737
+ .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder {
665
738
  width: 100%;
666
739
  overflow: hidden;
667
- color: #fff;
740
+ color: #646569;
668
741
  text-overflow: ellipsis;
669
- font-family: "Inter-Medium", sans-serif;
742
+ font-family: "Inter-Regular";
670
743
  font-size: 14px;
671
744
  font-style: normal;
672
- font-weight: 450;
745
+ font-weight: 400;
746
+ line-height: 24px; /* 171.429% */
673
747
  letter-spacing: 0.1px;
674
748
  }
675
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentLeft .NotificationToast-module__notificationToastContentLeftText .NotificationToast-module__notificationToastContentLeftTextDescription {
749
+ .Textarea-module__textareaContainer .Textarea-module__textareaFooter {
676
750
  width: 100%;
677
- color: #fff;
678
- font-family: "Inter-Regular", sans-serif;
679
- font-size: 14px;
680
- font-style: normal;
681
- font-weight: 400;
682
- letter-spacing: 0px;
683
- }
684
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight {
685
751
  display: flex;
752
+ justify-content: flex-end;
686
753
  align-items: center;
687
- gap: 10px;
688
- }
689
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight * {
690
- user-select: none;
691
- -webkit-user-select: none;
692
- -moz-user-select: none;
693
- -ms-user-select: none;
694
- user-select: none;
695
- -webkit-user-select: none;
696
- -moz-user-select: none;
697
- -ms-user-select: none;
698
754
  }
699
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightUndoText {
700
- overflow: hidden;
701
- color: #fff;
702
- text-align: center;
703
- font-feature-settings: "liga" off, "clig" off;
704
- text-overflow: ellipsis;
755
+ .Textarea-module__textareaContainer .Textarea-module__textareaFooter p {
756
+ color: #131314;
757
+ text-align: right;
705
758
  font-family: "Inter-Medium", sans-serif;
706
- font-size: 14px;
759
+ font-size: 12px;
707
760
  font-style: normal;
708
761
  font-weight: 450;
709
- line-height: 24px;
762
+ line-height: 16px; /* 133.333% */
710
763
  letter-spacing: 0.1px;
711
- cursor: pointer;
712
- }
713
- .NotificationToast-module__toastContainer .NotificationToast-module__notificationToast .NotificationToast-module__notificationToastContent .NotificationToast-module__notificationToastContentRight .NotificationToast-module__notificationToastContentRightClose {
714
- display: flex;
715
- align-items: center;
716
- justify-content: center;
717
- cursor: pointer;
718
- padding-left: 10px;
719
- border-left: 2px solid rgba(255, 255, 255, 0.25);
720
764
  }@font-face {
721
- font-family: "Inter-Regular";
722
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
765
+ font-family: "Inter";
766
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
767
+ font-weight: 400;
768
+ font-style: normal;
769
+ font-display: swap;
723
770
  }
724
771
  @font-face {
725
- font-family: "Inter-SemiBold";
726
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
772
+ font-family: "Inter";
773
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
774
+ font-weight: 500;
775
+ font-style: normal;
776
+ font-display: swap;
727
777
  }
728
778
  @font-face {
729
- font-family: "Inter-Medium";
730
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
779
+ font-family: "Inter";
780
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
781
+ font-weight: 600;
782
+ font-style: normal;
783
+ font-display: swap;
731
784
  }
732
785
  .Popup-module__modalOverlay {
733
786
  width: 100vw;
@@ -869,453 +922,339 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
869
922
  .Popup-module__dark.Popup-module__modalOverlay .Popup-module__popupContainer .Popup-module__popupHeader .Popup-module__popupDescription p {
870
923
  color: #94979c;
871
924
  }@font-face {
872
- font-family: "Inter-Regular";
873
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
925
+ font-family: "Inter";
926
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
927
+ font-weight: 400;
928
+ font-style: normal;
929
+ font-display: swap;
874
930
  }
875
931
  @font-face {
876
- font-family: "Inter-SemiBold";
877
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
932
+ font-family: "Inter";
933
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
934
+ font-weight: 500;
935
+ font-style: normal;
936
+ font-display: swap;
878
937
  }
879
938
  @font-face {
880
- font-family: "Inter-Medium";
881
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
882
- }
883
- .ActionDropdown-module__actionDropdownContainer {
884
- width: 100%;
885
- }
886
- .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
887
- transform: rotate(180deg);
939
+ font-family: "Inter";
940
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
941
+ font-weight: 600;
942
+ font-style: normal;
943
+ font-display: swap;
888
944
  }
889
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
945
+ button.MainButton-module__mainButton {
890
946
  width: 100%;
891
- border-radius: 6px;
892
- background: #f2f2f2;
893
947
  display: flex;
948
+ padding: 8px;
949
+ justify-content: center;
894
950
  align-items: center;
895
- justify-content: space-between;
951
+ border-radius: 6px;
952
+ min-width: 100px;
953
+ outline: none;
954
+ border: none;
896
955
  cursor: pointer;
897
956
  user-select: none;
898
957
  -webkit-user-select: none;
899
958
  -moz-user-select: none;
900
959
  -ms-user-select: none;
901
960
  }
902
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
903
- width: 90%;
904
- white-space: nowrap;
961
+ button.MainButton-module__mainButton.MainButton-module__sm {
962
+ height: 32px;
963
+ }
964
+ button.MainButton-module__mainButton.MainButton-module__md {
965
+ height: 36px;
966
+ }
967
+ button.MainButton-module__mainButton.MainButton-module__lg {
968
+ height: 40px;
969
+ }
970
+ button.MainButton-module__mainButton .MainButton-module__mainButtonContent {
971
+ width: 100%;
972
+ display: flex;
973
+ align-items: center;
974
+ justify-content: center;
975
+ gap: 8px;
976
+ }
977
+ button.MainButton-module__mainButton .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
905
978
  overflow: hidden;
906
- color: #131314;
907
- font-feature-settings: "liga" off, "clig" off;
908
979
  text-overflow: ellipsis;
909
- font-family: "Inter-Regular", sans-serif;
980
+ font-family: "Inter", sans-serif;
910
981
  font-size: 14px;
911
- font-weight: 400;
912
- line-height: 24px;
982
+ font-style: normal;
983
+ font-weight: 450;
984
+ line-height: 24px; /* 171.429% */
913
985
  letter-spacing: 0.1px;
914
- border-right: 1px solid #ffffff;
915
- padding: 8px 16px;
916
986
  }
917
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
918
- display: flex;
919
- align-items: center;
920
- justify-content: center;
921
- padding: 8px;
922
- width: 40px;
923
- height: 40px;
924
- transition: transform 0.2s ease-in-out;
987
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral {
988
+ background: #0058ff;
925
989
  }
926
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
927
- width: 100%;
928
- border-radius: 12px;
929
- border: 1px solid #e6e6e6;
930
- background: #fff;
931
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
932
- height: 250px;
933
- overflow: auto;
934
- padding: 8px;
990
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__loading {
991
+ cursor: no-drop;
992
+ }
993
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
994
+ background: #004fe5 !important;
995
+ }
996
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__disabled {
997
+ background: #95969c;
998
+ cursor: not-allowed;
999
+ }
1000
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral.MainButton-module__focused {
1001
+ outline: 2px solid #dee9fc;
1002
+ outline-offset: 0px;
1003
+ background: #0058ff;
1004
+ }
1005
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1006
+ color: #fff;
1007
+ }
1008
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive {
1009
+ background: #328707;
1010
+ }
1011
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__loading {
1012
+ cursor: no-drop;
1013
+ }
1014
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1015
+ background: #266905 !important;
1016
+ }
1017
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__disabled {
1018
+ background: #95969c;
1019
+ cursor: not-allowed;
1020
+ }
1021
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive.MainButton-module__focused {
1022
+ outline: 2px solid #c3ebb0;
1023
+ outline-offset: 0px;
1024
+ background: #328707;
1025
+ }
1026
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1027
+ color: #fff;
935
1028
  }
936
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
937
- width: 100%;
938
- border-radius: 4px;
939
- background: #fff;
940
- padding: 6px 10px;
941
- overflow: hidden;
942
- color: #131314;
943
- font-feature-settings: "liga" off, "clig" off;
944
- text-overflow: ellipsis;
945
- font-family: "Inter-Regular", sans-serif;
946
- font-size: 14px;
947
- font-weight: 400;
948
- line-height: 24px;
949
- letter-spacing: 0.1px;
950
- cursor: pointer;
1029
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative {
1030
+ background: #e3292f;
951
1031
  }
952
- .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
953
- border-radius: 4px;
954
- background: #f2f2f2;
955
- }@font-face {
956
- font-family: "Inter-Regular";
957
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1032
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__loading {
1033
+ cursor: no-drop;
958
1034
  }
959
- @font-face {
960
- font-family: "Inter-SemiBold";
961
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1035
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1036
+ background: #db1d23 !important;
962
1037
  }
963
- @font-face {
964
- font-family: "Inter-Medium";
965
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1038
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__disabled {
1039
+ background: #95969c;
1040
+ cursor: not-allowed;
966
1041
  }
967
- .Datepicker-module__datepickerContainer {
968
- width: 100%;
969
- user-select: none;
970
- scroll-behavior: smooth;
1042
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative.MainButton-module__focused {
1043
+ outline: 2px solid #fcdcdc;
1044
+ outline-offset: 0px;
1045
+ background: #e3292f;
971
1046
  }
972
- .Datepicker-module__datepickerContainer::-webkit-scrollbar {
973
- display: block !important;
974
- width: 0;
1047
+ button.MainButton-module__mainButton.MainButton-module__primary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1048
+ color: #fff;
975
1049
  }
976
- .Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
977
- opacity: 0;
1050
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral {
1051
+ background: #ecf3ff;
978
1052
  }
979
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
980
- width: 100%;
981
- cursor: pointer;
1053
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__loading {
1054
+ cursor: no-drop;
982
1055
  }
983
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
984
- display: flex;
985
- align-items: center;
986
- justify-content: center;
1056
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1057
+ background: #dee9fc !important;
987
1058
  }
988
- .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
989
- display: flex;
990
- align-items: center;
991
- justify-content: center;
992
- cursor: pointer;
993
- }@font-face {
994
- font-family: "Inter-Regular";
995
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1059
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled {
1060
+ background: #f2f2f2;
1061
+ cursor: not-allowed;
996
1062
  }
997
- @font-face {
998
- font-family: "Inter-SemiBold";
999
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1063
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1064
+ color: #7a7b80;
1000
1065
  }
1001
- @font-face {
1002
- font-family: "Inter-Medium";
1003
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1066
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral.MainButton-module__focused {
1067
+ outline-offset: 0px;
1068
+ background: #ecf3ff;
1069
+ box-shadow: 0px 0px 0px 2px #0058ff;
1004
1070
  }
1005
- .Textarea-module__textareaContainer {
1006
- width: 100%;
1007
- display: flex;
1008
- flex-direction: column;
1009
- align-items: flex-start;
1010
- gap: 0.375rem;
1011
- flex-shrink: 0;
1071
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1072
+ color: #0058ff;
1012
1073
  }
1013
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel {
1014
- display: flex;
1015
- justify-content: space-between;
1016
- display: flex;
1017
- align-items: center;
1018
- gap: 0.125rem;
1019
- width: 100%;
1074
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive {
1075
+ background: #effce8;
1020
1076
  }
1021
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel p {
1022
- width: 100%;
1023
- width: 100%;
1024
- overflow: hidden;
1025
- color: #131314;
1026
- font-family: "Inter-Medium";
1027
- font-size: 12px;
1028
- font-style: normal;
1029
- font-weight: 450;
1030
- line-height: 16px; /* 171.429% */
1031
- letter-spacing: 0.1px;
1077
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__loading {
1078
+ cursor: no-drop;
1032
1079
  }
1033
- .Textarea-module__textareaContainer .Textarea-module__textAreaLabel .Textarea-module__required {
1034
- color: #d92d20;
1035
- font-size: 0.875rem;
1036
- font-family: "Inter", sans-serif;
1037
- font-style: normal;
1038
- font-weight: 500;
1039
- line-height: 1.25rem;
1080
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1081
+ background: #e0fad2 !important;
1040
1082
  }
1041
- .Textarea-module__textareaContainer .Textarea-module__wrap {
1042
- position: relative;
1043
- display: inline-block;
1044
- width: 100%;
1045
- position: relative;
1083
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__disabled {
1084
+ background: #95969c;
1085
+ cursor: not-allowed;
1046
1086
  }
1047
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize textarea {
1048
- resize: both;
1087
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive.MainButton-module__focused {
1088
+ outline: 2px solid #60bf30;
1089
+ outline-offset: 0px;
1090
+ background: #effce8;
1049
1091
  }
1050
- .Textarea-module__textareaContainer .Textarea-module__wrap.Textarea-module__resize:after {
1051
- 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");
1052
- width: 0.9375rem;
1053
- background: transparent;
1054
- position: absolute;
1055
- right: 0.125rem;
1056
- bottom: 0.3125rem;
1057
- pointer-events: none;
1058
- border-radius: 25%;
1092
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1093
+ color: #328707;
1059
1094
  }
1060
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textareaIconClose {
1061
- position: absolute;
1062
- right: 8px;
1063
- top: 8px;
1064
- cursor: pointer;
1095
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative {
1096
+ background: #fff2f2;
1065
1097
  }
1066
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea {
1067
- width: 100%;
1068
- border-radius: 6px;
1069
- border: 1px solid #c1c2c7;
1070
- background: #fff;
1071
- padding: 8px 12px;
1072
- resize: none;
1073
- width: 100%;
1074
- overflow: hidden;
1075
- color: #131314;
1076
- text-overflow: ellipsis;
1077
- font-family: "Inter-Regular";
1078
- font-size: 14px;
1079
- font-style: normal;
1080
- font-weight: 400;
1081
- line-height: 24px; /* 171.429% */
1082
- letter-spacing: 0.1px;
1098
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__loading {
1099
+ cursor: no-drop;
1083
1100
  }
1084
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-resizer {
1085
- display: none;
1101
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1102
+ background: #fcdcdc !important;
1086
1103
  }
1087
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar {
1088
- width: 0;
1104
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__disabled {
1105
+ background: #95969c;
1106
+ cursor: not-allowed;
1089
1107
  }
1090
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-track {
1091
- -webkit-box-shadow: none;
1108
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative.MainButton-module__focused {
1109
+ outline: 2px solid #ff5757;
1110
+ outline-offset: 0px;
1111
+ background: #fff2f2;
1092
1112
  }
1093
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::-webkit-scrollbar-thumb {
1094
- background-color: none;
1095
- outline: 0;
1113
+ button.MainButton-module__mainButton.MainButton-module__secondary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1114
+ color: #db1d23;
1096
1115
  }
1097
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorState {
1098
- border-radius: 6px;
1099
- background: #fff;
1100
- outline: 1px solid #f63e45;
1101
- outline-offset: -1px;
1102
- box-shadow: none;
1116
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral {
1117
+ background: #f2f2f2;
1103
1118
  }
1104
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__focused {
1105
- border-radius: 6px;
1106
- background: #fff;
1107
- outline: 2px solid #0058ff;
1108
- outline-offset: -2px;
1109
- box-shadow: none;
1119
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__loading {
1120
+ cursor: no-drop;
1110
1121
  }
1111
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__active {
1112
- border-radius: 6px;
1113
- background: #fff;
1114
- outline: 1.5px solid #0058ff;
1115
- outline-offset: -1.5px;
1116
- box-shadow: 0 0 0 2px #dee9fc;
1122
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1123
+ background: #e6e6e6 !important;
1117
1124
  }
1118
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorFocused {
1119
- border-radius: 6px;
1120
- background: #fff;
1121
- outline: 2px solid #f63e45;
1122
- outline-offset: -2px;
1123
- box-shadow: none;
1125
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled {
1126
+ background: #f2f2f2;
1127
+ cursor: not-allowed;
1124
1128
  }
1125
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea.Textarea-module__errorActive {
1126
- border-radius: 6px;
1127
- background: #fff;
1128
- outline: 1.5px solid #f63e45;
1129
- outline-offset: -1.5px;
1130
- box-shadow: 0 0 0 2px #fcdcdd;
1129
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1130
+ color: #7a7b80;
1131
1131
  }
1132
- .Textarea-module__textareaContainer .Textarea-module__wrap .Textarea-module__textarea::placeholder {
1133
- width: 100%;
1134
- overflow: hidden;
1135
- color: #646569;
1136
- text-overflow: ellipsis;
1137
- font-family: "Inter-Regular";
1138
- font-size: 14px;
1139
- font-style: normal;
1140
- font-weight: 400;
1141
- line-height: 24px; /* 171.429% */
1142
- letter-spacing: 0.1px;
1132
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral.MainButton-module__focused {
1133
+ outline: 2px solid #c1c2c7;
1134
+ outline-offset: 0px;
1135
+ background: #f2f2f2;
1143
1136
  }
1144
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter {
1145
- width: 100%;
1146
- display: flex;
1147
- justify-content: flex-end;
1148
- align-items: center;
1137
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__neutral .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1138
+ color: #131314;
1139
+ }
1140
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive {
1141
+ background: #fff;
1149
1142
  }
1150
- .Textarea-module__textareaContainer .Textarea-module__textareaFooter p {
1151
- color: #131314;
1152
- text-align: right;
1153
- font-family: "Inter-Medium", sans-serif;
1154
- font-size: 12px;
1155
- font-style: normal;
1156
- font-weight: 450;
1157
- line-height: 16px; /* 133.333% */
1158
- letter-spacing: 0.1px;
1159
- }@font-face {
1160
- font-family: "Inter-Regular";
1161
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1143
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__loading {
1144
+ cursor: no-drop;
1162
1145
  }
1163
- @font-face {
1164
- font-family: "Inter-SemiBold";
1165
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1146
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1147
+ background: #effce8 !important;
1166
1148
  }
1167
- @font-face {
1168
- font-family: "Inter-Medium";
1169
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1149
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled {
1150
+ background: #fff;
1151
+ cursor: not-allowed;
1170
1152
  }
1171
- .TimePicker-module__timepickerWrapper {
1172
- user-select: none;
1173
- scroll-behavior: smooth;
1174
- width: 100%;
1153
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1154
+ color: #7a7b80;
1175
1155
  }
1176
- .TimePicker-module__timepickerWrapper * {
1177
- scrollbar-width: none;
1156
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive.MainButton-module__focused {
1157
+ outline: 2px solid #91e766;
1158
+ outline-offset: 0px;
1159
+ background: #fff;
1178
1160
  }
1179
- .TimePicker-module__timepickerWrapper *::-webkit-scrollbar {
1180
- display: none;
1161
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__positive .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1162
+ color: #328707;
1181
1163
  }
1182
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper {
1183
- width: 100%;
1164
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative {
1165
+ background: #fff;
1184
1166
  }
1185
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon {
1186
- display: flex;
1187
- align-items: center;
1188
- gap: 8px;
1189
- margin: 8px;
1167
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__loading {
1168
+ cursor: no-drop;
1190
1169
  }
1191
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconClose {
1192
- display: flex;
1193
- align-items: center;
1194
- justify-content: center;
1195
- cursor: pointer;
1170
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1171
+ background: #fff2f2 !important;
1196
1172
  }
1197
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconArrow {
1198
- display: flex;
1199
- align-items: center;
1200
- justify-content: center;
1201
- cursor: pointer;
1202
- transition: transform 0.2s ease-in-out;
1173
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled {
1174
+ background: #fff;
1175
+ cursor: not-allowed;
1203
1176
  }
1204
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon.TimePicker-module__focused .TimePicker-module__dropdownRightIconArrow {
1205
- transform: rotate(180deg);
1177
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1178
+ color: #7a7b80;
1206
1179
  }
1207
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper {
1208
- width: 218px;
1209
- border-radius: 12px;
1210
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1211
- border: 1px solid #e6e6e6;
1180
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative.MainButton-module__focused {
1181
+ outline: 2px solid #fcdcdc;
1182
+ outline-offset: 0px;
1212
1183
  background: #fff;
1213
- display: flex;
1214
- flex-direction: column;
1215
- gap: 8px;
1216
1184
  }
1217
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader {
1218
- padding: 8px 8px 0 8px;
1185
+ button.MainButton-module__mainButton.MainButton-module__tertiary.MainButton-module__negative .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1186
+ color: #e3292f;
1219
1187
  }
1220
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader .TimePicker-module__timepickerDropdownHeaderButtons {
1221
- width: 100%;
1222
- display: flex;
1223
- justify-content: space-between;
1224
- gap: 2px;
1225
- border-radius: 8px;
1188
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2 {
1189
+ background: #fff;
1190
+ }
1191
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__loading {
1192
+ cursor: no-drop;
1193
+ }
1194
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1195
+ background: #ecf3ff !important;
1196
+ }
1197
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled {
1226
1198
  background: #f2f2f2;
1227
- padding: 2px;
1199
+ cursor: not-allowed;
1228
1200
  }
1229
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p {
1230
- padding: 5px 20px;
1231
- color: #646569;
1232
- font-feature-settings: "liga" off, "clig" off;
1233
- font-family: "Inter-Regular", sans-serif;
1234
- font-size: 14px;
1235
- font-style: normal;
1236
- font-weight: 400;
1237
- line-height: 24px; /* 171.429% */
1238
- letter-spacing: 0.1px;
1239
- cursor: pointer;
1201
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1202
+ color: #7a7b80;
1240
1203
  }
1241
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p.TimePicker-module__active {
1242
- color: #131314;
1243
- border-radius: 6px 6px 6px 6px;
1204
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2.MainButton-module__focused {
1205
+ outline: 2px solid #dee9fc;
1206
+ outline-offset: 0px;
1244
1207
  background: #fff;
1245
- box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1246
1208
  }
1247
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody {
1248
- width: 100%;
1249
- display: flex;
1250
- border-top: 1px solid #e6e6e6;
1251
- border-bottom: 1px solid #e6e6e6;
1209
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV2 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1210
+ color: #0058ff;
1252
1211
  }
1253
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyHours {
1254
- width: 50%;
1255
- display: flex;
1256
- flex-direction: column;
1257
- align-items: center;
1258
- height: 230px;
1259
- overflow-y: auto;
1260
- border-right: 1px solid #e6e6e6;
1261
- padding: 8px;
1212
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 {
1213
+ border: 1px solid #e6e6e6;
1214
+ background: #fff;
1262
1215
  }
1263
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyMinutes {
1264
- width: 50%;
1265
- display: flex;
1266
- flex-direction: column;
1267
- align-items: center;
1268
- height: 230px;
1269
- overflow-y: auto;
1270
- padding: 8px;
1216
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__loading {
1217
+ cursor: no-drop;
1271
1218
  }
1272
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyAmPm {
1273
- width: 50%;
1274
- display: flex;
1275
- flex-direction: column;
1276
- align-items: center;
1277
- height: 230px;
1278
- overflow-y: auto;
1279
- border-left: 1px solid #e6e6e6;
1280
- padding: 8px;
1219
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3:hover:not(.MainButton-module__disabled):not(.MainButton-module__loading) {
1220
+ border-color: #c1c2c7 !important;
1281
1221
  }
1282
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p {
1283
- padding: 6px 10px;
1284
- border-radius: 4px;
1285
- cursor: pointer;
1286
- width: 100%;
1287
- color: #131314;
1288
- text-align: center;
1289
- font-feature-settings: "liga" off, "clig" off;
1290
- text-overflow: ellipsis;
1291
- /* UI/14 regular */
1292
- font-family: "Inter-Regular", sans-serif;
1293
- font-size: 14px;
1294
- font-style: normal;
1295
- font-weight: 400;
1296
- line-height: 24px; /* 171.429% */
1297
- letter-spacing: 0.1px;
1222
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled {
1223
+ background: #fff;
1224
+ border: 1px solid #e6e6e6;
1225
+ cursor: not-allowed;
1298
1226
  }
1299
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p:hover {
1300
- background: #fafafa;
1227
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__disabled .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1228
+ color: #7a7b80;
1301
1229
  }
1302
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p.TimePicker-module__active {
1303
- background: #ECF3FF;
1304
- color: #0058FF;
1230
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3.MainButton-module__focused {
1231
+ border: 1px solid transparent;
1232
+ outline: 2px solid #dee9fc;
1233
+ outline-offset: 0px;
1234
+ background: #fff;
1305
1235
  }
1306
- .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownFooter {
1307
- padding: 8px;
1236
+ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-module__mainButtonContent .MainButton-module__mainButtonLabel {
1237
+ color: #0058ff;
1308
1238
  }@font-face {
1309
- font-family: "Inter-Regular";
1310
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1239
+ font-family: "Inter";
1240
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
1241
+ font-weight: 400;
1242
+ font-style: normal;
1243
+ font-display: swap;
1311
1244
  }
1312
1245
  @font-face {
1313
- font-family: "Inter-SemiBold";
1314
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1246
+ font-family: "Inter";
1247
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
1248
+ font-weight: 500;
1249
+ font-style: normal;
1250
+ font-display: swap;
1315
1251
  }
1316
1252
  @font-face {
1317
- font-family: "Inter-Medium";
1318
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1253
+ font-family: "Inter";
1254
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
1255
+ font-weight: 600;
1256
+ font-style: normal;
1257
+ font-display: swap;
1319
1258
  }
1320
1259
  .Tooltip-module__tooltipContainer {
1321
1260
  position: relative;
@@ -1406,267 +1345,249 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1406
1345
  .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__right::before {
1407
1346
  border-right-color: #ffffff;
1408
1347
  }
1409
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1410
- border-bottom-color: #ffffff;
1348
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__bottom::before {
1349
+ border-bottom-color: #ffffff;
1350
+ }
1351
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1352
+ border-left-color: #ffffff;
1353
+ }
1354
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1355
+ color: #0c0e12;
1356
+ }
1357
+ .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1358
+ color: rgba(12, 14, 18, 0.9);
1359
+ }@font-face {
1360
+ font-family: "Inter";
1361
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
1362
+ font-weight: 400;
1363
+ font-style: normal;
1364
+ font-display: swap;
1365
+ }
1366
+ @font-face {
1367
+ font-family: "Inter";
1368
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
1369
+ font-weight: 500;
1370
+ font-style: normal;
1371
+ font-display: swap;
1372
+ }
1373
+ @font-face {
1374
+ font-family: "Inter";
1375
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
1376
+ font-weight: 600;
1377
+ font-style: normal;
1378
+ font-display: swap;
1379
+ }
1380
+ .Checkbox-module__checkboxWrapper {
1381
+ overflow: hidden;
1382
+ border: 2px solid #c1c2c7;
1383
+ background: #ffffff;
1384
+ position: relative;
1385
+ padding: 5px 4px;
1386
+ border-radius: 3px;
1387
+ cursor: pointer;
1388
+ transition: 0.2;
1389
+ display: grid;
1390
+ place-items: center;
1391
+ width: 18px;
1392
+ height: 18px;
1393
+ user-select: none;
1394
+ -webkit-user-select: none;
1395
+ -moz-user-select: none;
1396
+ -ms-user-select: none;
1397
+ }
1398
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
1399
+ display: grid;
1400
+ place-items: center;
1401
+ }
1402
+ .Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
1403
+ width: 0.625rem;
1404
+ user-select: none;
1405
+ pointer-events: none;
1406
+ }
1407
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error {
1408
+ border-color: #e3292f;
1409
+ }
1410
+ .Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
1411
+ background: #e3292f;
1412
+ border: none;
1411
1413
  }
1412
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent.Tooltip-module__left::before {
1413
- border-left-color: #ffffff;
1414
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked {
1415
+ background: #0058ff;
1416
+ border: none;
1414
1417
  }
1415
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipTitle {
1416
- color: #0c0e12;
1418
+ .Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
1419
+ background: #95969c;
1417
1420
  }
1418
- .Tooltip-module__dark.Tooltip-module__tooltipContainer .Tooltip-module__tooltipContent .Tooltip-module__tooltipText {
1419
- color: rgba(12, 14, 18, 0.9);
1420
- }@font-face {
1421
- font-family: "Inter-Regular";
1422
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1421
+ .Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
1422
+ cursor: not-allowed;
1423
+ border-color: #c1c2c7 !important;
1423
1424
  }
1424
- @font-face {
1425
- font-family: "Inter-SemiBold";
1426
- src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
1425
+
1426
+ .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
1427
+ background: #32b45f;
1428
+ border: 0.0625rem solid #32b45f;
1427
1429
  }
1428
- @font-face {
1429
- font-family: "Inter-Medium";
1430
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1430
+ .Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
1431
+ background: #24994d;
1432
+ border: 0.0625rem solid #24994d;
1431
1433
  }
1432
- .FormInput-module__inputWrapper {
1433
- width: 100%;
1434
- display: flex;
1435
- flex-direction: column;
1436
- gap: 10px;
1434
+
1435
+ .Checkbox-module__dark {
1436
+ background: #373a41;
1437
+ border: unset;
1437
1438
  }
1438
- .FormInput-module__inputWrapper.FormInput-module__sm .FormInput-module__formInputWrapper {
1439
- height: 36px;
1439
+ .Checkbox-module__dark.Checkbox-module__checked {
1440
+ background: #0158ff;
1441
+ border: 0.0625rem solid #0158ff;
1440
1442
  }
1441
- .FormInput-module__inputWrapper.FormInput-module__md .FormInput-module__formInputWrapper {
1442
- height: 40px;
1443
+ .Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
1444
+ stroke: #d5d7da;
1443
1445
  }
1444
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputLabel {
1445
- width: 100%;
1446
- overflow: hidden;
1447
- color: #95969c;
1448
- text-overflow: ellipsis;
1449
- font-family: "Inter-Medium";
1450
- font-size: 12px;
1446
+ .Checkbox-module__dark.Checkbox-module__disabled {
1447
+ background: #8d8d8d !important;
1448
+ border: 0.0625rem solid #373a41 !important;
1449
+ }@font-face {
1450
+ font-family: "Inter";
1451
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
1452
+ font-weight: 400;
1451
1453
  font-style: normal;
1452
- font-weight: 450;
1453
- line-height: 16px; /* 133.333% */
1454
- letter-spacing: 0.1px;
1454
+ font-display: swap;
1455
1455
  }
1456
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInput {
1457
- width: 100%;
1458
- overflow: hidden;
1459
- color: #7a7b80;
1460
- text-overflow: ellipsis;
1461
- font-family: "Inter-Regular";
1462
- font-size: 14px;
1456
+ @font-face {
1457
+ font-family: "Inter";
1458
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
1459
+ font-weight: 500;
1463
1460
  font-style: normal;
1464
- font-weight: 400;
1465
- line-height: 24px; /* 171.429% */
1466
- letter-spacing: 0.1px;
1461
+ font-display: swap;
1467
1462
  }
1468
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputHelperText {
1469
- width: 100%;
1470
- overflow: hidden;
1471
- color: #95969c;
1472
- text-overflow: ellipsis;
1473
- font-family: "Inter-Medium";
1474
- font-size: 12px;
1463
+ @font-face {
1464
+ font-family: "Inter";
1465
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
1466
+ font-weight: 600;
1475
1467
  font-style: normal;
1476
- font-weight: 450;
1477
- line-height: 16px; /* 133.333% */
1478
- letter-spacing: 0.1px;
1479
- }
1480
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper {
1481
- border-radius: 6px;
1482
- border: 1px solid #e6e6e6;
1483
- background: #fafafa;
1468
+ font-display: swap;
1484
1469
  }
1485
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput {
1486
- width: 100%;
1470
+ .Radio-module__radioWrapper {
1471
+ width: 24px;
1472
+ height: 24px;
1473
+ border-radius: 50%;
1487
1474
  overflow: hidden;
1488
- color: #7a7b80;
1489
- text-overflow: ellipsis;
1490
- font-family: "Inter-Regular";
1491
- font-size: 14px;
1492
- font-style: normal;
1475
+ position: relative;
1476
+ cursor: pointer;
1477
+ transition: 0.2s;
1478
+ }@font-face {
1479
+ font-family: "Inter";
1480
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
1493
1481
  font-weight: 400;
1494
- line-height: 24px; /* 171.429% */
1495
- letter-spacing: 0.1px;
1496
- cursor: not-allowed;
1497
- }
1498
- .FormInput-module__inputWrapper.FormInput-module__disabled .FormInput-module__formInputWrapper .FormInput-module__formInput::placeholder {
1499
- width: 100%;
1500
- overflow: hidden;
1501
- color: #7a7b80;
1502
- text-overflow: ellipsis;
1503
- font-family: "Inter-Regular";
1504
- font-size: 14px;
1505
1482
  font-style: normal;
1506
- font-weight: 400;
1507
- line-height: 24px; /* 171.429% */
1508
- letter-spacing: 0.1px;
1509
- }
1510
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper {
1511
- width: 100%;
1512
- display: flex;
1513
- align-items: center;
1514
- justify-content: space-between;
1483
+ font-display: swap;
1515
1484
  }
1516
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel {
1517
- width: 100%;
1518
- width: 100%;
1519
- overflow: hidden;
1520
- color: #131314;
1521
- font-family: "Inter-Medium";
1522
- font-size: 12px;
1485
+ @font-face {
1486
+ font-family: "Inter";
1487
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
1488
+ font-weight: 500;
1523
1489
  font-style: normal;
1524
- font-weight: 450;
1525
- line-height: 16px; /* 171.429% */
1526
- letter-spacing: 0.1px;
1490
+ font-display: swap;
1527
1491
  }
1528
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputLabel .FormInput-module__formInputRequired {
1529
- overflow: hidden;
1530
- color: #e3292f;
1531
- text-overflow: ellipsis;
1532
- font-family: "Inter-Medium";
1533
- font-size: 12px;
1492
+ @font-face {
1493
+ font-family: "Inter";
1494
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
1495
+ font-weight: 600;
1534
1496
  font-style: normal;
1535
- font-weight: 450;
1536
- line-height: 16px; /* 133.333% */
1537
- letter-spacing: 0.1px;
1538
- }
1539
- .FormInput-module__inputWrapper .FormInput-module__formInputLabelWrapper .FormInput-module__formInputHelperSlot {
1540
- display: flex;
1541
- align-items: center;
1542
- justify-content: center;
1497
+ font-display: swap;
1543
1498
  }
1544
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper {
1499
+ .ActionDropdown-module__actionDropdownContainer {
1545
1500
  width: 100%;
1546
- display: flex;
1547
- align-items: center;
1548
- gap: 8px;
1549
- padding: 8px;
1550
- border-radius: 6px;
1551
- border: 1px solid #e6e6e6;
1552
- background: #fff;
1553
- }
1554
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorState {
1555
- border-radius: 6px;
1556
- background: #fff;
1557
- outline: 1px solid #f63e45;
1558
- outline-offset: -1px;
1559
- box-shadow: none;
1560
- }
1561
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__focused {
1562
- border-radius: 6px;
1563
- background: #fff;
1564
- outline: 2px solid #0058ff;
1565
- outline-offset: -2px;
1566
- box-shadow: none;
1567
- }
1568
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__active {
1569
- border-radius: 6px;
1570
- background: #fff;
1571
- outline: 1.5px solid #0058ff;
1572
- outline-offset: -1.5px;
1573
- box-shadow: 0 0 0 2px #dee9fc;
1574
1501
  }
1575
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorFocused {
1576
- border-radius: 6px;
1577
- background: #fff;
1578
- outline: 2px solid #f63e45;
1579
- outline-offset: -2px;
1580
- box-shadow: none;
1502
+ .ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
1503
+ transform: rotate(180deg);
1581
1504
  }
1582
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper.FormInput-module__errorActive {
1505
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
1506
+ width: 100%;
1583
1507
  border-radius: 6px;
1584
- background: #fff;
1585
- outline: 1.5px solid #f63e45;
1586
- outline-offset: -1.5px;
1587
- box-shadow: 0 0 0 2px #fcdcdd;
1508
+ background: #f2f2f2;
1509
+ display: flex;
1510
+ align-items: center;
1511
+ justify-content: space-between;
1512
+ cursor: pointer;
1513
+ user-select: none;
1514
+ -webkit-user-select: none;
1515
+ -moz-user-select: none;
1516
+ -ms-user-select: none;
1588
1517
  }
1589
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput {
1590
- width: 100%;
1591
- border: none;
1592
- outline: none;
1593
- background-color: transparent;
1594
- caret-color: #0058ff;
1595
- width: 100%;
1518
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
1519
+ width: 90%;
1520
+ white-space: nowrap;
1596
1521
  overflow: hidden;
1597
1522
  color: #131314;
1523
+ font-feature-settings: "liga" off, "clig" off;
1598
1524
  text-overflow: ellipsis;
1599
- font-family: "Inter-Regular";
1600
- font-size: 14px;
1601
- font-style: normal;
1602
- font-weight: 400;
1603
- line-height: 24px; /* 171.429% */
1604
- letter-spacing: 0.1px;
1605
- }
1606
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper input.FormInput-module__formInput::placeholder {
1607
- width: 100%;
1608
- overflow: hidden;
1609
- color: #646569;
1610
- text-overflow: ellipsis;
1611
- font-family: "Inter-Regular";
1525
+ font-family: "Inter-Regular", sans-serif;
1612
1526
  font-size: 14px;
1613
- font-style: normal;
1614
1527
  font-weight: 400;
1615
- line-height: 24px; /* 171.429% */
1616
- letter-spacing: 0.1px;
1617
- }
1618
- .FormInput-module__inputWrapper .FormInput-module__formInputWrapper .FormInput-module__formInputSlot {
1619
- display: grid;
1620
- place-items: center;
1621
- }
1622
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText {
1623
- width: 100%;
1624
- overflow: hidden;
1625
- color: #131314;
1626
- text-overflow: ellipsis;
1627
- font-family: "Inter-Medium";
1628
- font-size: 12px;
1629
- font-style: normal;
1630
- font-weight: 450;
1631
- line-height: 16px; /* 133.333% */
1528
+ line-height: 24px;
1632
1529
  letter-spacing: 0.1px;
1530
+ border-right: 1px solid #ffffff;
1531
+ padding: 8px 16px;
1633
1532
  }
1634
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__errorHelperText {
1533
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
1534
+ display: flex;
1535
+ align-items: center;
1536
+ justify-content: center;
1537
+ padding: 8px;
1538
+ width: 40px;
1539
+ height: 40px;
1540
+ transition: transform 0.2s ease-in-out;
1541
+ }
1542
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
1635
1543
  width: 100%;
1636
- overflow: hidden;
1637
- color: #e3292f;
1638
- text-overflow: ellipsis;
1639
- font-family: "Inter-Medium";
1640
- font-size: 12px;
1641
- font-style: normal;
1642
- font-weight: 450;
1643
- line-height: 16px; /* 133.333% */
1644
- letter-spacing: 0.1px;
1645
- color: #e3292f;
1544
+ border-radius: 12px;
1545
+ border: 1px solid #e6e6e6;
1546
+ background: #fff;
1547
+ box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1548
+ height: 250px;
1549
+ overflow: auto;
1550
+ padding: 8px;
1646
1551
  }
1647
- .FormInput-module__inputWrapper .FormInput-module__formInputHelperText.FormInput-module__successHelperText {
1552
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
1648
1553
  width: 100%;
1554
+ border-radius: 4px;
1555
+ background: #fff;
1556
+ padding: 6px 10px;
1649
1557
  overflow: hidden;
1650
- color: #328707;
1558
+ color: #131314;
1559
+ font-feature-settings: "liga" off, "clig" off;
1651
1560
  text-overflow: ellipsis;
1652
- font-family: "Inter-Medium";
1653
- font-size: 12px;
1654
- font-style: normal;
1655
- font-weight: 450;
1656
- line-height: 16px; /* 133.333% */
1561
+ font-family: "Inter-Regular", sans-serif;
1562
+ font-size: 14px;
1563
+ font-weight: 400;
1564
+ line-height: 24px;
1657
1565
  letter-spacing: 0.1px;
1658
- color: #328707;
1566
+ cursor: pointer;
1567
+ }
1568
+ .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
1569
+ border-radius: 4px;
1570
+ background: #f2f2f2;
1659
1571
  }@font-face {
1660
- font-family: "Inter-Regular";
1661
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1572
+ font-family: "Inter";
1573
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
1574
+ font-weight: 400;
1575
+ font-style: normal;
1576
+ font-display: swap;
1662
1577
  }
1663
1578
  @font-face {
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");
1579
+ font-family: "Inter";
1580
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
1581
+ font-weight: 500;
1582
+ font-style: normal;
1583
+ font-display: swap;
1666
1584
  }
1667
1585
  @font-face {
1668
- font-family: "Inter-Medium";
1669
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1586
+ font-family: "Inter";
1587
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
1588
+ font-weight: 600;
1589
+ font-style: normal;
1590
+ font-display: swap;
1670
1591
  }
1671
1592
  .Dropdown-module__dropdownWrapper {
1672
1593
  user-select: none;
@@ -1898,16 +1819,230 @@ button.MainButton-module__mainButton.MainButton-module__tertiaryV3 .MainButton-m
1898
1819
  line-height: 24px; /* 171.429% */
1899
1820
  letter-spacing: 0.1px;
1900
1821
  }@font-face {
1901
- font-family: "Inter-Regular";
1902
- src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
1822
+ font-family: "Inter";
1823
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
1824
+ font-weight: 400;
1825
+ font-style: normal;
1826
+ font-display: swap;
1903
1827
  }
1904
1828
  @font-face {
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");
1829
+ font-family: "Inter";
1830
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
1831
+ font-weight: 500;
1832
+ font-style: normal;
1833
+ font-display: swap;
1907
1834
  }
1908
1835
  @font-face {
1909
- font-family: "Inter-Medium";
1910
- src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
1836
+ font-family: "Inter";
1837
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
1838
+ font-weight: 600;
1839
+ font-style: normal;
1840
+ font-display: swap;
1841
+ }
1842
+ .TimePicker-module__timepickerWrapper {
1843
+ user-select: none;
1844
+ scroll-behavior: smooth;
1845
+ width: 100%;
1846
+ }
1847
+ .TimePicker-module__timepickerWrapper * {
1848
+ scrollbar-width: none;
1849
+ }
1850
+ .TimePicker-module__timepickerWrapper *::-webkit-scrollbar {
1851
+ display: none;
1852
+ }
1853
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper {
1854
+ width: 100%;
1855
+ }
1856
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon {
1857
+ display: flex;
1858
+ align-items: center;
1859
+ gap: 8px;
1860
+ margin: 8px;
1861
+ }
1862
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconClose {
1863
+ display: flex;
1864
+ align-items: center;
1865
+ justify-content: center;
1866
+ cursor: pointer;
1867
+ }
1868
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon .TimePicker-module__dropdownRightIconArrow {
1869
+ display: flex;
1870
+ align-items: center;
1871
+ justify-content: center;
1872
+ cursor: pointer;
1873
+ transition: transform 0.2s ease-in-out;
1874
+ }
1875
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerInputWrapper .TimePicker-module__dropdownRightIcon.TimePicker-module__focused .TimePicker-module__dropdownRightIconArrow {
1876
+ transform: rotate(180deg);
1877
+ }
1878
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper {
1879
+ width: 218px;
1880
+ border-radius: 12px;
1881
+ box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1882
+ border: 1px solid #e6e6e6;
1883
+ background: #fff;
1884
+ display: flex;
1885
+ flex-direction: column;
1886
+ gap: 8px;
1887
+ }
1888
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader {
1889
+ padding: 8px 8px 0 8px;
1890
+ }
1891
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader .TimePicker-module__timepickerDropdownHeaderButtons {
1892
+ width: 100%;
1893
+ display: flex;
1894
+ justify-content: space-between;
1895
+ gap: 2px;
1896
+ border-radius: 8px;
1897
+ background: #f2f2f2;
1898
+ padding: 2px;
1899
+ }
1900
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p {
1901
+ padding: 5px 20px;
1902
+ color: #646569;
1903
+ font-feature-settings: "liga" off, "clig" off;
1904
+ font-family: "Inter-Regular", sans-serif;
1905
+ font-size: 14px;
1906
+ font-style: normal;
1907
+ font-weight: 400;
1908
+ line-height: 24px; /* 171.429% */
1909
+ letter-spacing: 0.1px;
1910
+ cursor: pointer;
1911
+ }
1912
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownHeader p.TimePicker-module__active {
1913
+ color: #131314;
1914
+ border-radius: 6px 6px 6px 6px;
1915
+ background: #fff;
1916
+ box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
1917
+ }
1918
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody {
1919
+ width: 100%;
1920
+ display: flex;
1921
+ border-top: 1px solid #e6e6e6;
1922
+ border-bottom: 1px solid #e6e6e6;
1923
+ }
1924
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyHours {
1925
+ width: 50%;
1926
+ display: flex;
1927
+ flex-direction: column;
1928
+ align-items: center;
1929
+ height: 230px;
1930
+ overflow-y: auto;
1931
+ border-right: 1px solid #e6e6e6;
1932
+ padding: 8px;
1933
+ }
1934
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyMinutes {
1935
+ width: 50%;
1936
+ display: flex;
1937
+ flex-direction: column;
1938
+ align-items: center;
1939
+ height: 230px;
1940
+ overflow-y: auto;
1941
+ padding: 8px;
1942
+ }
1943
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody .TimePicker-module__timepickerDropdownBodyAmPm {
1944
+ width: 50%;
1945
+ display: flex;
1946
+ flex-direction: column;
1947
+ align-items: center;
1948
+ height: 230px;
1949
+ overflow-y: auto;
1950
+ border-left: 1px solid #e6e6e6;
1951
+ padding: 8px;
1952
+ }
1953
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p {
1954
+ padding: 6px 10px;
1955
+ border-radius: 4px;
1956
+ cursor: pointer;
1957
+ width: 100%;
1958
+ color: #131314;
1959
+ text-align: center;
1960
+ font-feature-settings: "liga" off, "clig" off;
1961
+ text-overflow: ellipsis;
1962
+ /* UI/14 regular */
1963
+ font-family: "Inter-Regular", sans-serif;
1964
+ font-size: 14px;
1965
+ font-style: normal;
1966
+ font-weight: 400;
1967
+ line-height: 24px; /* 171.429% */
1968
+ letter-spacing: 0.1px;
1969
+ }
1970
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p:hover {
1971
+ background: #fafafa;
1972
+ }
1973
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownBody p.TimePicker-module__active {
1974
+ background: #ECF3FF;
1975
+ color: #0058FF;
1976
+ }
1977
+ .TimePicker-module__timepickerWrapper .TimePicker-module__timepickerDropdownWrapper .TimePicker-module__timepickerDropdownFooter {
1978
+ padding: 8px;
1979
+ }@font-face {
1980
+ font-family: "Inter";
1981
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
1982
+ font-weight: 400;
1983
+ font-style: normal;
1984
+ font-display: swap;
1985
+ }
1986
+ @font-face {
1987
+ font-family: "Inter";
1988
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
1989
+ font-weight: 500;
1990
+ font-style: normal;
1991
+ font-display: swap;
1992
+ }
1993
+ @font-face {
1994
+ font-family: "Inter";
1995
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
1996
+ font-weight: 600;
1997
+ font-style: normal;
1998
+ font-display: swap;
1999
+ }
2000
+ .Datepicker-module__datepickerContainer {
2001
+ width: 100%;
2002
+ user-select: none;
2003
+ scroll-behavior: smooth;
2004
+ }
2005
+ .Datepicker-module__datepickerContainer::-webkit-scrollbar {
2006
+ display: block !important;
2007
+ width: 0;
2008
+ }
2009
+ .Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
2010
+ opacity: 0;
2011
+ }
2012
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
2013
+ width: 100%;
2014
+ cursor: pointer;
2015
+ }
2016
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
2017
+ display: flex;
2018
+ align-items: center;
2019
+ justify-content: center;
2020
+ }
2021
+ .Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
2022
+ display: flex;
2023
+ align-items: center;
2024
+ justify-content: center;
2025
+ cursor: pointer;
2026
+ }@font-face {
2027
+ font-family: "Inter";
2028
+ src: url("../../assets/fonts/Inter_24pt-Regular.woff2") format("woff2");
2029
+ font-weight: 400;
2030
+ font-style: normal;
2031
+ font-display: swap;
2032
+ }
2033
+ @font-face {
2034
+ font-family: "Inter";
2035
+ src: url("../../assets/fonts/Inter_24pt-Medium.woff2") format("woff2");
2036
+ font-weight: 500;
2037
+ font-style: normal;
2038
+ font-display: swap;
2039
+ }
2040
+ @font-face {
2041
+ font-family: "Inter";
2042
+ src: url("../../assets/fonts/Inter_24pt-SemiBold.woff2") format("woff2");
2043
+ font-weight: 600;
2044
+ font-style: normal;
2045
+ font-display: swap;
1911
2046
  }
1912
2047
  .Calendar-module__datePicker {
1913
2048
  z-index: 150;