@rescui/input 0.9.9 → 0.10.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.
@@ -0,0 +1,883 @@
1
+ @define-mixin rs-input-size-s{
2
+ &:not(html){
3
+ --_rs-input-vertical-padding:6px;
4
+ --_rs-input-horizontal-padding:8px;
5
+ --_rs-input-parts-offset:4px;
6
+ --_rs-input-icon-offset:8px;
7
+ --_rs-input-icon-size:20px;
8
+ }
9
+ &:not(html) [data-rs-internal='input__inner']::-webkit-input-placeholder{
10
+ --_rs-typography-letter-spacing:0.0045em;
11
+ --_rs-typography-text-transform:initial;
12
+ --_rs-typography-font-variant-numeric:initial;
13
+ --_rs-typography-font-family:var(
14
+ --rs-font-family-ui,
15
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
16
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
17
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
18
+ );
19
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
20
+ --_rs-typography-font-weight:var(
21
+ --rs-font-weight-regular,
22
+ 400
23
+ );
24
+ --_rs-typography-line-height:var(
25
+ --rs-text-3-line-height,
26
+ 20px
27
+ );
28
+ --_rs-typography-base-color:var(
29
+ --_rs-typography-hardness-color,
30
+ var(
31
+ --rs-color-average,
32
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
33
+ )
34
+ );
35
+ --_rs-typography-text-auto-offset:8px;
36
+ --_rs-typography-ul-list-li-padding-left:28px;
37
+ --_rs-typography-ol-list-li-padding-left:21px;
38
+ --_rs-typography-list-li-margin-top-from-text:8px;
39
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
40
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
41
+ --_rs-typography-link-border-bottom-width-from-text:1px;
42
+ }
43
+ &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
44
+ --_rs-typography-letter-spacing:0.0045em;
45
+ --_rs-typography-text-transform:initial;
46
+ --_rs-typography-font-variant-numeric:initial;
47
+ --_rs-typography-font-family:var(
48
+ --rs-font-family-ui,
49
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
50
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
51
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
52
+ );
53
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
54
+ --_rs-typography-font-weight:var(
55
+ --rs-font-weight-regular,
56
+ 400
57
+ );
58
+ --_rs-typography-line-height:var(
59
+ --rs-text-3-line-height,
60
+ 20px
61
+ );
62
+ --_rs-typography-base-color:var(
63
+ --_rs-typography-hardness-color,
64
+ var(
65
+ --rs-color-average,
66
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
67
+ )
68
+ );
69
+ --_rs-typography-text-auto-offset:8px;
70
+ --_rs-typography-ul-list-li-padding-left:28px;
71
+ --_rs-typography-ol-list-li-padding-left:21px;
72
+ --_rs-typography-list-li-margin-top-from-text:8px;
73
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
74
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
75
+ --_rs-typography-link-border-bottom-width-from-text:1px;
76
+ }
77
+ &:not(html) [data-rs-internal='input__inner']:-ms-input-placeholder{
78
+ --_rs-typography-letter-spacing:0.0045em;
79
+ --_rs-typography-text-transform:initial;
80
+ --_rs-typography-font-variant-numeric:initial;
81
+ --_rs-typography-font-family:var(
82
+ --rs-font-family-ui,
83
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
84
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
85
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
86
+ );
87
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
88
+ --_rs-typography-font-weight:var(
89
+ --rs-font-weight-regular,
90
+ 400
91
+ );
92
+ --_rs-typography-line-height:var(
93
+ --rs-text-3-line-height,
94
+ 20px
95
+ );
96
+ --_rs-typography-base-color:var(
97
+ --_rs-typography-hardness-color,
98
+ var(
99
+ --rs-color-average,
100
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
101
+ )
102
+ );
103
+ --_rs-typography-text-auto-offset:8px;
104
+ --_rs-typography-ul-list-li-padding-left:28px;
105
+ --_rs-typography-ol-list-li-padding-left:21px;
106
+ --_rs-typography-list-li-margin-top-from-text:8px;
107
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
108
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
109
+ --_rs-typography-link-border-bottom-width-from-text:1px;
110
+ }
111
+ &:not(html) [data-rs-internal='input__inner']::-ms-input-placeholder{
112
+ --_rs-typography-letter-spacing:0.0045em;
113
+ --_rs-typography-text-transform:initial;
114
+ --_rs-typography-font-variant-numeric:initial;
115
+ --_rs-typography-font-family:var(
116
+ --rs-font-family-ui,
117
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
118
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
119
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
120
+ );
121
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
122
+ --_rs-typography-font-weight:var(
123
+ --rs-font-weight-regular,
124
+ 400
125
+ );
126
+ --_rs-typography-line-height:var(
127
+ --rs-text-3-line-height,
128
+ 20px
129
+ );
130
+ --_rs-typography-base-color:var(
131
+ --_rs-typography-hardness-color,
132
+ var(
133
+ --rs-color-average,
134
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
135
+ )
136
+ );
137
+ --_rs-typography-text-auto-offset:8px;
138
+ --_rs-typography-ul-list-li-padding-left:28px;
139
+ --_rs-typography-ol-list-li-padding-left:21px;
140
+ --_rs-typography-list-li-margin-top-from-text:8px;
141
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
142
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
143
+ --_rs-typography-link-border-bottom-width-from-text:1px;
144
+ }
145
+ &:not(html) [data-rs-internal='input__label'],
146
+ &:not(html) [data-rs-internal='input__inner'],
147
+ &:not(html) [data-rs-internal='input__inner']::placeholder,
148
+ &:not(html) [data-rs-internal='input__suffix']{
149
+ --_rs-typography-letter-spacing:0.0045em;
150
+ --_rs-typography-text-transform:initial;
151
+ --_rs-typography-font-variant-numeric:initial;
152
+ --_rs-typography-font-family:var(
153
+ --rs-font-family-ui,
154
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
155
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
156
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
157
+ );
158
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
159
+ --_rs-typography-font-weight:var(
160
+ --rs-font-weight-regular,
161
+ 400
162
+ );
163
+ --_rs-typography-line-height:var(
164
+ --rs-text-3-line-height,
165
+ 20px
166
+ );
167
+ --_rs-typography-base-color:var(
168
+ --_rs-typography-hardness-color,
169
+ var(
170
+ --rs-color-average,
171
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
172
+ )
173
+ );
174
+ --_rs-typography-text-auto-offset:8px;
175
+ --_rs-typography-ul-list-li-padding-left:28px;
176
+ --_rs-typography-ol-list-li-padding-left:21px;
177
+ --_rs-typography-list-li-margin-top-from-text:8px;
178
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
179
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
180
+ --_rs-typography-link-border-bottom-width-from-text:1px;
181
+ }
182
+ &:not(html) [data-rs-internal='input__bold-label']{
183
+ --_rs-typography-letter-spacing:normal;
184
+ --_rs-typography-text-transform:initial;
185
+ --_rs-typography-font-variant-numeric:initial;
186
+ --_rs-typography-font-family:var(
187
+ --rs-font-family-ui,
188
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
189
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
190
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
191
+ );
192
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
193
+ --_rs-typography-font-weight:var(
194
+ --rs-font-weight-semi-bold,
195
+ 600
196
+ );
197
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
198
+ --_rs-typography-base-color:var(
199
+ --rs-color-hard,
200
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
201
+ );
202
+ --_rs-typography-text-auto-offset:0;
203
+ --_rs-typography-ul-list-li-padding-left:initial;
204
+ --_rs-typography-ol-list-li-padding-left:initial;
205
+ --_rs-typography-list-li-margin-top-from-text:initial;
206
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
207
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
208
+ --_rs-typography-link-border-bottom-width-from-text:2px;
209
+ }
210
+ &:not(html) [data-rs-internal='input__note'],
211
+ &:not(html) [data-rs-internal='input__error-message']{
212
+ --_rs-typography-letter-spacing:0.0045em;
213
+ --_rs-typography-text-transform:initial;
214
+ --_rs-typography-font-variant-numeric:initial;
215
+ --_rs-typography-font-family:var(
216
+ --rs-font-family-ui,
217
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
218
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
219
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
220
+ );
221
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
222
+ --_rs-typography-font-weight:var(
223
+ --rs-font-weight-regular,
224
+ 400
225
+ );
226
+ --_rs-typography-line-height:var(
227
+ --rs-text-3-line-height,
228
+ 20px
229
+ );
230
+ --_rs-typography-base-color:var(
231
+ --_rs-typography-hardness-color,
232
+ var(
233
+ --rs-color-average,
234
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
235
+ )
236
+ );
237
+ --_rs-typography-text-auto-offset:8px;
238
+ --_rs-typography-ul-list-li-padding-left:28px;
239
+ --_rs-typography-ol-list-li-padding-left:21px;
240
+ --_rs-typography-list-li-margin-top-from-text:8px;
241
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
242
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
243
+ --_rs-typography-link-border-bottom-width-from-text:1px;
244
+ }
245
+ }
246
+ @define-mixin rs-input-size-m{
247
+ &:not(html){
248
+ --_rs-input-vertical-padding:8px;
249
+ --_rs-input-horizontal-padding:8px;
250
+ --_rs-input-parts-offset:8px;
251
+ --_rs-input-icon-offset:8px;
252
+ --_rs-input-icon-size:24px;
253
+ }
254
+ &:not(html) [data-rs-internal='input__inner']::-webkit-input-placeholder{
255
+ --_rs-typography-letter-spacing:0.0015em;
256
+ --_rs-typography-text-transform:initial;
257
+ --_rs-typography-font-variant-numeric:initial;
258
+ --_rs-typography-font-family:var(
259
+ --rs-font-family-ui,
260
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
261
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
262
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
263
+ );
264
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
265
+ --_rs-typography-font-weight:var(
266
+ --rs-font-weight-regular,
267
+ 400
268
+ );
269
+ --_rs-typography-line-height:var(
270
+ --rs-text-2-line-height,
271
+ 24px
272
+ );
273
+ --_rs-typography-base-color:var(
274
+ --_rs-typography-hardness-color,
275
+ var(
276
+ --rs-color-average,
277
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
278
+ )
279
+ );
280
+ --_rs-typography-text-auto-offset:16px;
281
+ --_rs-typography-ul-list-li-padding-left:22px;
282
+ --_rs-typography-ol-list-li-padding-left:26px;
283
+ --_rs-typography-list-li-margin-top-from-text:16px;
284
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
285
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
286
+ --_rs-typography-link-border-bottom-width-from-text:1px;
287
+ }
288
+ @media screen and (max-width: 640px){
289
+ &:not(html) [data-rs-internal='input__inner']::-webkit-input-placeholder{
290
+ --_rs-typography-list-li-margin-top-from-text:12px;
291
+ }
292
+ }
293
+ &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
294
+ --_rs-typography-letter-spacing:0.0015em;
295
+ --_rs-typography-text-transform:initial;
296
+ --_rs-typography-font-variant-numeric:initial;
297
+ --_rs-typography-font-family:var(
298
+ --rs-font-family-ui,
299
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
300
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
301
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
302
+ );
303
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
304
+ --_rs-typography-font-weight:var(
305
+ --rs-font-weight-regular,
306
+ 400
307
+ );
308
+ --_rs-typography-line-height:var(
309
+ --rs-text-2-line-height,
310
+ 24px
311
+ );
312
+ --_rs-typography-base-color:var(
313
+ --_rs-typography-hardness-color,
314
+ var(
315
+ --rs-color-average,
316
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
317
+ )
318
+ );
319
+ --_rs-typography-text-auto-offset:16px;
320
+ --_rs-typography-ul-list-li-padding-left:22px;
321
+ --_rs-typography-ol-list-li-padding-left:26px;
322
+ --_rs-typography-list-li-margin-top-from-text:16px;
323
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
324
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
325
+ --_rs-typography-link-border-bottom-width-from-text:1px;
326
+ }
327
+ @media screen and (max-width: 640px){
328
+ &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
329
+ --_rs-typography-list-li-margin-top-from-text:12px;
330
+ }
331
+ }
332
+ &:not(html) [data-rs-internal='input__inner']:-ms-input-placeholder{
333
+ --_rs-typography-letter-spacing:0.0015em;
334
+ --_rs-typography-text-transform:initial;
335
+ --_rs-typography-font-variant-numeric:initial;
336
+ --_rs-typography-font-family:var(
337
+ --rs-font-family-ui,
338
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
339
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
340
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
341
+ );
342
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
343
+ --_rs-typography-font-weight:var(
344
+ --rs-font-weight-regular,
345
+ 400
346
+ );
347
+ --_rs-typography-line-height:var(
348
+ --rs-text-2-line-height,
349
+ 24px
350
+ );
351
+ --_rs-typography-base-color:var(
352
+ --_rs-typography-hardness-color,
353
+ var(
354
+ --rs-color-average,
355
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
356
+ )
357
+ );
358
+ --_rs-typography-text-auto-offset:16px;
359
+ --_rs-typography-ul-list-li-padding-left:22px;
360
+ --_rs-typography-ol-list-li-padding-left:26px;
361
+ --_rs-typography-list-li-margin-top-from-text:16px;
362
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
363
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
364
+ --_rs-typography-link-border-bottom-width-from-text:1px;
365
+ }
366
+ @media screen and (max-width: 640px){
367
+ &:not(html) [data-rs-internal='input__inner']:-ms-input-placeholder{
368
+ --_rs-typography-list-li-margin-top-from-text:12px;
369
+ }
370
+ }
371
+ &:not(html) [data-rs-internal='input__inner']::-ms-input-placeholder{
372
+ --_rs-typography-letter-spacing:0.0015em;
373
+ --_rs-typography-text-transform:initial;
374
+ --_rs-typography-font-variant-numeric:initial;
375
+ --_rs-typography-font-family:var(
376
+ --rs-font-family-ui,
377
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
378
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
379
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
380
+ );
381
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
382
+ --_rs-typography-font-weight:var(
383
+ --rs-font-weight-regular,
384
+ 400
385
+ );
386
+ --_rs-typography-line-height:var(
387
+ --rs-text-2-line-height,
388
+ 24px
389
+ );
390
+ --_rs-typography-base-color:var(
391
+ --_rs-typography-hardness-color,
392
+ var(
393
+ --rs-color-average,
394
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
395
+ )
396
+ );
397
+ --_rs-typography-text-auto-offset:16px;
398
+ --_rs-typography-ul-list-li-padding-left:22px;
399
+ --_rs-typography-ol-list-li-padding-left:26px;
400
+ --_rs-typography-list-li-margin-top-from-text:16px;
401
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
402
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
403
+ --_rs-typography-link-border-bottom-width-from-text:1px;
404
+ }
405
+ @media screen and (max-width: 640px){
406
+ &:not(html) [data-rs-internal='input__inner']::-ms-input-placeholder{
407
+ --_rs-typography-list-li-margin-top-from-text:12px;
408
+ }
409
+ }
410
+ &:not(html) [data-rs-internal='input__label'],
411
+ &:not(html) [data-rs-internal='input__inner'],
412
+ &:not(html) [data-rs-internal='input__inner']::placeholder,
413
+ &:not(html) [data-rs-internal='input__suffix']{
414
+ --_rs-typography-letter-spacing:0.0015em;
415
+ --_rs-typography-text-transform:initial;
416
+ --_rs-typography-font-variant-numeric:initial;
417
+ --_rs-typography-font-family:var(
418
+ --rs-font-family-ui,
419
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
420
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
421
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
422
+ );
423
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
424
+ --_rs-typography-font-weight:var(
425
+ --rs-font-weight-regular,
426
+ 400
427
+ );
428
+ --_rs-typography-line-height:var(
429
+ --rs-text-2-line-height,
430
+ 24px
431
+ );
432
+ --_rs-typography-base-color:var(
433
+ --_rs-typography-hardness-color,
434
+ var(
435
+ --rs-color-average,
436
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
437
+ )
438
+ );
439
+ --_rs-typography-text-auto-offset:16px;
440
+ --_rs-typography-ul-list-li-padding-left:22px;
441
+ --_rs-typography-ol-list-li-padding-left:26px;
442
+ --_rs-typography-list-li-margin-top-from-text:16px;
443
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
444
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
445
+ --_rs-typography-link-border-bottom-width-from-text:1px;
446
+ }
447
+ @media screen and (max-width: 640px){
448
+ &:not(html) [data-rs-internal='input__label'],
449
+ &:not(html) [data-rs-internal='input__inner'],
450
+ &:not(html) [data-rs-internal='input__inner']::placeholder,
451
+ &:not(html) [data-rs-internal='input__suffix']{
452
+ --_rs-typography-list-li-margin-top-from-text:12px;
453
+ }
454
+ }
455
+ &:not(html) [data-rs-internal='input__bold-label']{
456
+ --_rs-typography-letter-spacing:normal;
457
+ --_rs-typography-text-transform:initial;
458
+ --_rs-typography-font-variant-numeric:initial;
459
+ --_rs-typography-font-family:var(
460
+ --rs-font-family-ui,
461
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
462
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
463
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
464
+ );
465
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
466
+ --_rs-typography-font-weight:var(
467
+ --rs-font-weight-semi-bold,
468
+ 600
469
+ );
470
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
471
+ --_rs-typography-base-color:var(
472
+ --rs-color-hard,
473
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
474
+ );
475
+ --_rs-typography-text-auto-offset:0;
476
+ --_rs-typography-ul-list-li-padding-left:initial;
477
+ --_rs-typography-ol-list-li-padding-left:initial;
478
+ --_rs-typography-list-li-margin-top-from-text:initial;
479
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
480
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
481
+ --_rs-typography-link-border-bottom-width-from-text:2px;
482
+ }
483
+ &:not(html) [data-rs-internal='input__note'],
484
+ &:not(html) [data-rs-internal='input__error-message']{
485
+ --_rs-typography-letter-spacing:0.0045em;
486
+ --_rs-typography-text-transform:initial;
487
+ --_rs-typography-font-variant-numeric:initial;
488
+ --_rs-typography-font-family:var(
489
+ --rs-font-family-ui,
490
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
491
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
492
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
493
+ );
494
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
495
+ --_rs-typography-font-weight:var(
496
+ --rs-font-weight-regular,
497
+ 400
498
+ );
499
+ --_rs-typography-line-height:var(
500
+ --rs-text-3-line-height,
501
+ 20px
502
+ );
503
+ --_rs-typography-base-color:var(
504
+ --_rs-typography-hardness-color,
505
+ var(
506
+ --rs-color-average,
507
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
508
+ )
509
+ );
510
+ --_rs-typography-text-auto-offset:8px;
511
+ --_rs-typography-ul-list-li-padding-left:28px;
512
+ --_rs-typography-ol-list-li-padding-left:21px;
513
+ --_rs-typography-list-li-margin-top-from-text:8px;
514
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
515
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
516
+ --_rs-typography-link-border-bottom-width-from-text:1px;
517
+ }
518
+ }
519
+ @define-mixin rs-input-size-l{
520
+ &:not(html){
521
+ --_rs-input-vertical-padding:12px;
522
+ --_rs-input-horizontal-padding:16px;
523
+ --_rs-input-parts-offset:8px;
524
+ --_rs-input-icon-offset:16px;
525
+ --_rs-input-icon-size:28px;
526
+ }
527
+ &:not(html) [data-rs-internal='input__inner']::-webkit-input-placeholder{
528
+ --_rs-typography-letter-spacing:normal;
529
+ --_rs-typography-text-transform:initial;
530
+ --_rs-typography-font-variant-numeric:initial;
531
+ --_rs-typography-font-family:var(
532
+ --rs-font-family-ui,
533
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
534
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
535
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
536
+ );
537
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
538
+ --_rs-typography-font-weight:var(
539
+ --rs-font-weight-regular,
540
+ 400
541
+ );
542
+ --_rs-typography-line-height:var(
543
+ --rs-text-1-line-height,
544
+ 28px
545
+ );
546
+ --_rs-typography-base-color:var(
547
+ --_rs-typography-hardness-color,
548
+ var(
549
+ --rs-color-average,
550
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
551
+ )
552
+ );
553
+ --_rs-typography-text-auto-offset:32px;
554
+ --_rs-typography-ul-list-li-padding-left:26px;
555
+ --_rs-typography-ol-list-li-padding-left:32px;
556
+ --_rs-typography-list-li-margin-top-from-text:24px;
557
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
558
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
559
+ --_rs-typography-link-border-bottom-width-from-text:1px;
560
+ }
561
+ @media screen and (max-width: 640px){
562
+ &:not(html) [data-rs-internal='input__inner']::-webkit-input-placeholder{
563
+ --_rs-typography-list-li-margin-top-from-text:16px;
564
+ }
565
+ }
566
+ &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
567
+ --_rs-typography-letter-spacing:normal;
568
+ --_rs-typography-text-transform:initial;
569
+ --_rs-typography-font-variant-numeric:initial;
570
+ --_rs-typography-font-family:var(
571
+ --rs-font-family-ui,
572
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
573
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
574
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
575
+ );
576
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
577
+ --_rs-typography-font-weight:var(
578
+ --rs-font-weight-regular,
579
+ 400
580
+ );
581
+ --_rs-typography-line-height:var(
582
+ --rs-text-1-line-height,
583
+ 28px
584
+ );
585
+ --_rs-typography-base-color:var(
586
+ --_rs-typography-hardness-color,
587
+ var(
588
+ --rs-color-average,
589
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
590
+ )
591
+ );
592
+ --_rs-typography-text-auto-offset:32px;
593
+ --_rs-typography-ul-list-li-padding-left:26px;
594
+ --_rs-typography-ol-list-li-padding-left:32px;
595
+ --_rs-typography-list-li-margin-top-from-text:24px;
596
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
597
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
598
+ --_rs-typography-link-border-bottom-width-from-text:1px;
599
+ }
600
+ @media screen and (max-width: 640px){
601
+ &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
602
+ --_rs-typography-list-li-margin-top-from-text:16px;
603
+ }
604
+ }
605
+ &:not(html) [data-rs-internal='input__inner']:-ms-input-placeholder{
606
+ --_rs-typography-letter-spacing:normal;
607
+ --_rs-typography-text-transform:initial;
608
+ --_rs-typography-font-variant-numeric:initial;
609
+ --_rs-typography-font-family:var(
610
+ --rs-font-family-ui,
611
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
612
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
613
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
614
+ );
615
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
616
+ --_rs-typography-font-weight:var(
617
+ --rs-font-weight-regular,
618
+ 400
619
+ );
620
+ --_rs-typography-line-height:var(
621
+ --rs-text-1-line-height,
622
+ 28px
623
+ );
624
+ --_rs-typography-base-color:var(
625
+ --_rs-typography-hardness-color,
626
+ var(
627
+ --rs-color-average,
628
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
629
+ )
630
+ );
631
+ --_rs-typography-text-auto-offset:32px;
632
+ --_rs-typography-ul-list-li-padding-left:26px;
633
+ --_rs-typography-ol-list-li-padding-left:32px;
634
+ --_rs-typography-list-li-margin-top-from-text:24px;
635
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
636
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
637
+ --_rs-typography-link-border-bottom-width-from-text:1px;
638
+ }
639
+ @media screen and (max-width: 640px){
640
+ &:not(html) [data-rs-internal='input__inner']:-ms-input-placeholder{
641
+ --_rs-typography-list-li-margin-top-from-text:16px;
642
+ }
643
+ }
644
+ &:not(html) [data-rs-internal='input__inner']::-ms-input-placeholder{
645
+ --_rs-typography-letter-spacing:normal;
646
+ --_rs-typography-text-transform:initial;
647
+ --_rs-typography-font-variant-numeric:initial;
648
+ --_rs-typography-font-family:var(
649
+ --rs-font-family-ui,
650
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
651
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
652
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
653
+ );
654
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
655
+ --_rs-typography-font-weight:var(
656
+ --rs-font-weight-regular,
657
+ 400
658
+ );
659
+ --_rs-typography-line-height:var(
660
+ --rs-text-1-line-height,
661
+ 28px
662
+ );
663
+ --_rs-typography-base-color:var(
664
+ --_rs-typography-hardness-color,
665
+ var(
666
+ --rs-color-average,
667
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
668
+ )
669
+ );
670
+ --_rs-typography-text-auto-offset:32px;
671
+ --_rs-typography-ul-list-li-padding-left:26px;
672
+ --_rs-typography-ol-list-li-padding-left:32px;
673
+ --_rs-typography-list-li-margin-top-from-text:24px;
674
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
675
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
676
+ --_rs-typography-link-border-bottom-width-from-text:1px;
677
+ }
678
+ @media screen and (max-width: 640px){
679
+ &:not(html) [data-rs-internal='input__inner']::-ms-input-placeholder{
680
+ --_rs-typography-list-li-margin-top-from-text:16px;
681
+ }
682
+ }
683
+ &:not(html) [data-rs-internal='input__label'],
684
+ &:not(html) [data-rs-internal='input__inner'],
685
+ &:not(html) [data-rs-internal='input__inner']::placeholder,
686
+ &:not(html) [data-rs-internal='input__suffix']{
687
+ --_rs-typography-letter-spacing:normal;
688
+ --_rs-typography-text-transform:initial;
689
+ --_rs-typography-font-variant-numeric:initial;
690
+ --_rs-typography-font-family:var(
691
+ --rs-font-family-ui,
692
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
693
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
694
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
695
+ );
696
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
697
+ --_rs-typography-font-weight:var(
698
+ --rs-font-weight-regular,
699
+ 400
700
+ );
701
+ --_rs-typography-line-height:var(
702
+ --rs-text-1-line-height,
703
+ 28px
704
+ );
705
+ --_rs-typography-base-color:var(
706
+ --_rs-typography-hardness-color,
707
+ var(
708
+ --rs-color-average,
709
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
710
+ )
711
+ );
712
+ --_rs-typography-text-auto-offset:32px;
713
+ --_rs-typography-ul-list-li-padding-left:26px;
714
+ --_rs-typography-ol-list-li-padding-left:32px;
715
+ --_rs-typography-list-li-margin-top-from-text:24px;
716
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
717
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
718
+ --_rs-typography-link-border-bottom-width-from-text:1px;
719
+ }
720
+ @media screen and (max-width: 640px){
721
+ &:not(html) [data-rs-internal='input__label'],
722
+ &:not(html) [data-rs-internal='input__inner'],
723
+ &:not(html) [data-rs-internal='input__inner']::placeholder,
724
+ &:not(html) [data-rs-internal='input__suffix']{
725
+ --_rs-typography-list-li-margin-top-from-text:16px;
726
+ }
727
+ }
728
+ &:not(html) [data-rs-internal='input__bold-label']{
729
+ --_rs-typography-letter-spacing:normal;
730
+ --_rs-typography-text-transform:initial;
731
+ --_rs-typography-font-variant-numeric:initial;
732
+ --_rs-typography-font-family:var(
733
+ --rs-font-family-ui,
734
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
735
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
736
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
737
+ );
738
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
739
+ --_rs-typography-font-weight:var(
740
+ --rs-font-weight-semi-bold,
741
+ 600
742
+ );
743
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
744
+ --_rs-typography-base-color:var(
745
+ --rs-color-hard,
746
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
747
+ );
748
+ --_rs-typography-text-auto-offset:0;
749
+ --_rs-typography-ul-list-li-padding-left:initial;
750
+ --_rs-typography-ol-list-li-padding-left:initial;
751
+ --_rs-typography-list-li-margin-top-from-text:initial;
752
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
753
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
754
+ --_rs-typography-link-border-bottom-width-from-text:2px;
755
+ }
756
+ &:not(html) [data-rs-internal='input__note'],
757
+ &:not(html) [data-rs-internal='input__error-message']{
758
+ --_rs-typography-letter-spacing:0.0015em;
759
+ --_rs-typography-text-transform:initial;
760
+ --_rs-typography-font-variant-numeric:initial;
761
+ --_rs-typography-font-family:var(
762
+ --rs-font-family-ui,
763
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
764
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
765
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
766
+ );
767
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
768
+ --_rs-typography-font-weight:var(
769
+ --rs-font-weight-regular,
770
+ 400
771
+ );
772
+ --_rs-typography-line-height:var(
773
+ --rs-text-2-line-height,
774
+ 24px
775
+ );
776
+ --_rs-typography-base-color:var(
777
+ --_rs-typography-hardness-color,
778
+ var(
779
+ --rs-color-average,
780
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
781
+ )
782
+ );
783
+ --_rs-typography-text-auto-offset:16px;
784
+ --_rs-typography-ul-list-li-padding-left:22px;
785
+ --_rs-typography-ol-list-li-padding-left:26px;
786
+ --_rs-typography-list-li-margin-top-from-text:16px;
787
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
788
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
789
+ --_rs-typography-link-border-bottom-width-from-text:1px;
790
+ }
791
+ @media screen and (max-width: 640px){
792
+ &:not(html) [data-rs-internal='input__note'],
793
+ &:not(html) [data-rs-internal='input__error-message']{
794
+ --_rs-typography-list-li-margin-top-from-text:12px;
795
+ }
796
+ }
797
+ }
798
+ @define-mixin rs-input-mode-classic{
799
+ &:not(html){
800
+ --_rs-input-focused-enabled-wrapper-border-width:2px;
801
+ --_rs-input-focused-enabled-wrapper-background:rgb(
802
+ calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
803
+ );
804
+ --_rs-input-error-focused-enabled-wrapper-background:rgb(
805
+ calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
806
+ );
807
+ --_rs-input-focused-inner-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
808
+ --_rs-input-focused-inner-placeholder-color:rgba(
809
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
810
+ 0.5
811
+ );
812
+ --_rs-input-error-focused-inner-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
813
+ --_rs-input-error-focused-inner-placeholder-color:rgba(
814
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
815
+ 0.5
816
+ );
817
+ --_rs-input-focused-autofill-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
818
+ --_rs-input-focused-autofill-box-shadow:rgb(
819
+ calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227)
820
+ );
821
+ --_rs-input-error-focused-autofill-color:rgb(
822
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227)
823
+ );
824
+ --_rs-input-error-focused-autofill-box-shadow:rgb(
825
+ calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227)
826
+ );
827
+ --_rs-input-focused-icon-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7);
828
+ --_rs-input-error-focused-icon-color:rgba(
829
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
830
+ 0.7
831
+ );
832
+ --_rs-input-focused-icon-accent-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
833
+ --_rs-input-error-focused-icon-accent-color:rgb(
834
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227)
835
+ );
836
+ --_rs-input-focused-divider-background:rgba(
837
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
838
+ 0.2
839
+ );
840
+ --_rs-input-focused-suffix-color:rgba(
841
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
842
+ 0.5
843
+ );
844
+ --_rs-input-error-focused-suffix-color:rgba(
845
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
846
+ 0.5
847
+ );
848
+ }
849
+ }
850
+ @define-mixin rs-input-mode-rock{
851
+ &:not(html){
852
+ --_rs-input-focused-enabled-wrapper-border-width:0px;
853
+ --_rs-input-focused-enabled-wrapper-background:rgb(
854
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227)
855
+ );
856
+ --_rs-input-error-focused-enabled-wrapper-background:#F45C4A;
857
+ --_rs-input-focused-inner-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
858
+ --_rs-input-focused-inner-placeholder-color:rgba(
859
+ calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227),
860
+ 0.7
861
+ );
862
+ --_rs-input-error-focused-inner-color:#FFFFFF;
863
+ --_rs-input-error-focused-inner-placeholder-color:rgba(255,255,255,0.7);
864
+ --_rs-input-focused-autofill-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
865
+ --_rs-input-focused-autofill-box-shadow:rgb(
866
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227)
867
+ );
868
+ --_rs-input-error-focused-autofill-color:#FFFFFF;
869
+ --_rs-input-error-focused-autofill-box-shadow:#19191C;
870
+ --_rs-input-focused-icon-color:rgba(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227), 0.7);
871
+ --_rs-input-error-focused-icon-color:rgba(255,255,255,0.7);
872
+ --_rs-input-focused-icon-accent-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
873
+ --_rs-input-error-focused-icon-accent-color:#FFFFFF;
874
+ --_rs-input-focused-divider-background:rgb(
875
+ calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227)
876
+ );
877
+ --_rs-input-focused-suffix-color:rgba(
878
+ calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227),
879
+ 0.7
880
+ );
881
+ --_rs-input-error-focused-suffix-color:rgba(255,255,255,0.7);
882
+ }
883
+ }