@rescui/radio-button 0.9.5-RUI-285-Support-blur-for-glow-hover-6f393bc1.1 → 0.10.0

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 (12) hide show
  1. package/lib/index.css +345 -226
  2. package/lib/parts/radio-button-list.d.ts +10 -1
  3. package/lib/parts/radio-button-list.js +48 -20
  4. package/lib/parts/radio-button-list.p.module.css.js +16 -0
  5. package/lib/parts/radio-button.p.module.css.js +13 -19
  6. package/lib/parts/use-backward-compatible-id.d.ts +4 -0
  7. package/lib/parts/use-backward-compatible-id.js +14 -0
  8. package/lib/public-api.p.css +139 -18
  9. package/lib/public-api.pcss +139 -18
  10. package/package.json +7 -6
  11. package/lib/_virtual/index.css.js +0 -15
  12. package/lib/_virtual/warning.js +0 -106
package/lib/index.css CHANGED
@@ -1,4 +1,35 @@
1
- ._icon_16arlmh_4{
1
+ ._themeLight_ftvo6_8{
2
+ --rs-theme-dark:0;
3
+ }
4
+ ._themeDark_ftvo6_11{
5
+ --rs-theme-dark:1;
6
+ }
7
+ ._sizeS_ftvo6_15{
8
+ --_rs-radio-button-size:20px;
9
+ --_rs-radio-button-box-shadow-size:3px;
10
+ --_rs-radio-button-active-icon-border-width:5px;
11
+ }
12
+ ._sizeM_ftvo6_18{
13
+ --_rs-radio-button-size:24px;
14
+ --_rs-radio-button-box-shadow-size:3px;
15
+ --_rs-radio-button-active-icon-border-width:6px;
16
+ }
17
+ ._sizeL_ftvo6_21{
18
+ --_rs-radio-button-size:28px;
19
+ --_rs-radio-button-box-shadow-size:4px;
20
+ --_rs-radio-button-active-icon-border-width:6px;
21
+ }
22
+ ._classic_ftvo6_25{
23
+ --_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
24
+ --_rs-radio-button-active-icon-background-color:#FFFFFF;
25
+ --_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
26
+ }
27
+ ._rock_ftvo6_28{
28
+ --_rs-radio-button-active-icon-border-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));
29
+ --_rs-radio-button-active-icon-background-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));
30
+ --_rs-radio-button-active-icon-hover-box-shadow-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.1);
31
+ }
32
+ ._main_ftvo6_32{
2
33
  --_rs-theme-dark:var(
3
34
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
35
  var(--rs-theme-dark, 0)
@@ -8,16 +39,16 @@
8
39
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
40
  }
10
41
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_16arlmh_4{
12
- --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
- --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
- --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
15
- --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
16
- --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
42
+ ._main_ftvo6_32{
43
+ --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
44
+ --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
45
+ --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
46
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
47
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
17
48
  }
18
49
  }
19
50
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_16arlmh_4{
51
+ ._main_ftvo6_32{
21
52
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
22
53
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
23
54
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,84 +56,105 @@
25
56
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
26
57
  }
27
58
  }
28
- ._icon_16arlmh_4{
29
-
30
- fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
-
32
- width:var(--rs-icons-width, auto);
33
- height:var(--rs-icons-height, var(--_rs-icons-height));
34
- }
35
- ._sizeXS_16arlmh_14{
36
- --_rs-icons-height:16px;
37
- }
38
- ._sizeS_16arlmh_18{
39
- --_rs-icons-height:20px;
59
+ @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
60
+ ._main_ftvo6_32{
61
+ --_rs-color-danger:color-mix(in srgb, #CC1400 calc(100%*var(--_rs-theme-light-coefficient, 1)), #FF6553 calc(100%*var(--_rs-theme-dark-coefficient, 0)));
62
+ --_rs-color-danger-bg:color-mix(in srgb, rgba(204,20,0, 0.2) calc(100%*var(--_rs-theme-light-coefficient, 1)), rgba(255,101,83, 0.2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
40
63
  }
41
- ._sizeM_16arlmh_22{
42
- --_rs-icons-height:24px;
64
+ }
65
+ @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
66
+ ._main_ftvo6_32{
67
+ --_rs-color-danger:rgb(calc(var(--_rs-theme-light-coefficient, 1)*204 + var(--_rs-theme-dark-coefficient, 0)*255), calc(var(--_rs-theme-light-coefficient, 1)*20 + var(--_rs-theme-dark-coefficient, 0)*101), calc(var(--_rs-theme-light-coefficient, 1)*0 + var(--_rs-theme-dark-coefficient, 0)*83));
68
+ --_rs-color-danger-bg:rgba(calc(var(--_rs-theme-light-coefficient, 1)*204 + var(--_rs-theme-dark-coefficient, 0)*255), calc(var(--_rs-theme-light-coefficient, 1)*20 + var(--_rs-theme-dark-coefficient, 0)*101), calc(var(--_rs-theme-light-coefficient, 1)*0 + var(--_rs-theme-dark-coefficient, 0)*83), 0.2);
43
69
  }
44
- ._sizeL_16arlmh_26{
45
- --_rs-icons-height:28px;
70
+ }
71
+ ._main_ftvo6_32 {
72
+
73
+ display:inline-block;
74
+
75
+ width:var(--_rs-radio-button-size);
76
+ height:var(--_rs-radio-button-size);
77
+
78
+ vertical-align:middle;
46
79
  }
47
- ._light_16arlmh_30{
48
- --rs-theme-dark:0;
49
- --_rs-icons-themed-fill-or-initial: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));
80
+ ._input_ftvo6_45{
81
+ position:absolute;
82
+ -webkit-appearance:none;
83
+ -moz-appearance:none;
84
+ appearance:none;
85
+
86
+ z-index:-1;
87
+
88
+ opacity:0;
89
+
90
+ margin:0;
91
+
92
+ border:0;
50
93
  }
51
- ._dark_16arlmh_34{
52
- --rs-theme-dark:1;
53
- --_rs-icons-themed-fill-or-initial: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));
94
+ ._icon_ftvo6_58{
95
+ position:relative;
96
+
97
+ display:inline-block;
98
+
99
+ box-sizing:border-box;
100
+ width:calc(var(--_rs-radio-button-size) - var(--_rs-radio-button-box-shadow-size)*2);
101
+ height:calc(var(--_rs-radio-button-size) - var(--_rs-radio-button-box-shadow-size)*2);
102
+ margin:var(--_rs-radio-button-box-shadow-size);
103
+
104
+ border-width:1px;
105
+ border-style:solid;
106
+ border-color:#A3A3A4;
107
+ border-radius:50%;
108
+
109
+ background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
54
110
  }
55
- @keyframes rs-icon-rotate{
56
- from{
57
- transform:rotate(0deg);
111
+ ._enabled_ftvo6_79 ._icon_ftvo6_58{
112
+ cursor:pointer;
58
113
  }
59
- to{
60
- transform:rotate(360deg);
114
+ ._enabled_ftvo6_79:hover > ._icon_ftvo6_58,
115
+ label:hover ._enabled_ftvo6_79 > ._icon_ftvo6_58{
116
+ background-color:rgb(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));
61
117
  }
62
- }
63
- ._allVariants_16arlmh_48{
64
- aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
- container:rs-icon / size;
66
- }
67
- ._variant16_16arlmh_53,
68
- ._variant20_16arlmh_54,
69
- ._variant24_16arlmh_55{
70
- display:none;
71
- }
72
- ._variant28_16arlmh_58{
73
- display:block;
74
- }
75
- @container rs-icon (max-height: 24px){
76
- ._variant24_16arlmh_55{
77
- display:block;
118
+ ._disabled_ftvo6_88 ._icon_ftvo6_58._icon_ftvo6_58,
119
+ ._input_ftvo6_45:disabled + ._icon_ftvo6_58._icon_ftvo6_58,
120
+ ._input_ftvo6_45:checked:disabled + ._icon_ftvo6_58{
121
+ border-color:rgb(calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(187 - var(--_rs-theme-dark-coefficient, 0)*91));
122
+
123
+ cursor:not-allowed;
124
+ pointer-events:none;
125
+
126
+ background-color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
78
127
  }
79
- ._variant28_16arlmh_58{
80
- display:none;
128
+ ._enabled_ftvo6_79 ._input_ftvo6_45:active + ._icon_ftvo6_58,
129
+ ._enabled_ftvo6_79 ._input_ftvo6_45:checked + ._icon_ftvo6_58{
130
+ border-color:var(--_rs-radio-button-active-icon-border-color);
131
+
132
+ background-color:var(--_rs-radio-button-active-icon-background-color);
81
133
  }
82
- }
83
- @container rs-icon (max-height: 20px){
84
- ._variant20_16arlmh_54{
85
- display:block;
134
+ ._enabled_ftvo6_79 ._input_ftvo6_45:active + ._icon_ftvo6_58,
135
+ ._enabled_ftvo6_79 ._input_ftvo6_45:checked + ._icon_ftvo6_58,
136
+ ._main_ftvo6_32 ._input_ftvo6_45:checked:disabled + ._icon_ftvo6_58{
137
+ border-width:var(--_rs-radio-button-active-icon-border-width);
86
138
  }
87
- ._variant24_16arlmh_55{
88
- display:none;
139
+ ._error_ftvo6_112 ._icon_ftvo6_58._icon_ftvo6_58._icon_ftvo6_58{
140
+ border-color:var(--_rs-color-danger);
89
141
  }
90
- }
91
- @container rs-icon (max-height: 16px){
92
- ._variant16_16arlmh_53{
93
- display:block;
142
+ ._enabled_ftvo6_79:hover > ._icon_ftvo6_58._icon_ftvo6_58,
143
+ label:hover ._enabled_ftvo6_79 > ._icon_ftvo6_58._icon_ftvo6_58,
144
+ ._enabled_ftvo6_79 ._input_ftvo6_45:active:not(:checked) + ._icon_ftvo6_58{
145
+ box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
94
146
  }
95
- ._variant20_16arlmh_54{
96
- display:none;
147
+ ._enabled_ftvo6_79 ._input_ftvo6_45:focus[data-focus-method='key'] + ._icon_ftvo6_58{
148
+ box-shadow:0 0 0 1px rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181)), 0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-color-primary-t-dim);
97
149
  }
98
- }
99
- ._themeLight_17h615z_8{
150
+
151
+ ._themeLight_1vkp275_6{
100
152
  --rs-theme-dark:0;
101
153
  }
102
- ._themeDark_17h615z_11{
154
+ ._themeDark_1vkp275_9{
103
155
  --rs-theme-dark:1;
104
156
  }
105
- ._container_17h615z_15{
157
+ ._container_1vkp275_13{
106
158
  --_rs-theme-dark:var(
107
159
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
108
160
  var(--rs-theme-dark, 0)
@@ -112,16 +164,16 @@
112
164
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
113
165
  }
114
166
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
115
- ._container_17h615z_15{
116
- --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
117
- --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
118
- --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
119
- --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
120
- --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
167
+ ._container_1vkp275_13{
168
+ --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
169
+ --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
170
+ --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
171
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
172
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
121
173
  }
122
174
  }
123
175
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
124
- ._container_17h615z_15{
176
+ ._container_1vkp275_13{
125
177
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
126
178
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
127
179
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -129,7 +181,45 @@
129
181
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
130
182
  }
131
183
  }
132
- ._listSizeS_17h615z_20 [data-rs-internal='radio-button-list__error-message']{
184
+ ._sizeS_1vkp275_18{
185
+ --_rs-radio-button-list-label-offset:4px;
186
+ --_rs-radio-button-list-left-offset:28px;
187
+ }
188
+ ._sizeS_1vkp275_18 [data-rs-internal='radio-button-list__label']{
189
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
190
+ --_rs-typography-text-transform:initial;
191
+ --_rs-typography-font-variant-numeric:initial;
192
+ --_rs-typography-font-family:var(
193
+ --rs-font-family-ui,
194
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
195
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
196
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
197
+ );
198
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
199
+ --_rs-typography-font-weight:var(
200
+ --rs-font-weight-regular,
201
+ 400
202
+ );
203
+ --_rs-typography-line-height:var(
204
+ --rs-text-3-line-height,
205
+ 20px
206
+ );
207
+ --_rs-typography-base-color:var(
208
+ --_rs-typography-hardness-color,
209
+ var(
210
+ --rs-color-average,
211
+ 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)
212
+ )
213
+ );
214
+ --_rs-typography-text-auto-offset:8px;
215
+ --_rs-typography-ul-list-li-padding-left:28px;
216
+ --_rs-typography-ol-list-li-padding-left:21px;
217
+ --_rs-typography-list-li-margin-top-from-text:8px;
218
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
219
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
220
+ --_rs-typography-link-border-bottom-width-from-text:1px;
221
+ }
222
+ ._sizeS_1vkp275_18 [data-rs-internal='radio-button-list__bold-label']{
133
223
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
134
224
  --_rs-typography-text-transform:initial;
135
225
  --_rs-typography-font-variant-numeric:initial;
@@ -160,11 +250,54 @@
160
250
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
161
251
  --_rs-typography-link-border-bottom-width-from-text:2px;
162
252
  }
163
- ._listSizeS_17h615z_20 [data-rs-internal='radio-button-list__error-icon']:not(html){
164
- --_rs-icons-height:20px;
253
+ ._sizeM_1vkp275_21{
254
+ --_rs-radio-button-list-label-offset:8px;
255
+ --_rs-radio-button-list-left-offset:32px;
256
+ }
257
+ ._sizeM_1vkp275_21 [data-rs-internal='radio-button-list__label']{
258
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
259
+ --_rs-typography-text-transform:initial;
260
+ --_rs-typography-font-variant-numeric:initial;
261
+ --_rs-typography-font-family:var(
262
+ --rs-font-family-ui,
263
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
264
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
265
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
266
+ );
267
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
268
+ --_rs-typography-font-weight:var(
269
+ --rs-font-weight-regular,
270
+ 400
271
+ );
272
+ --_rs-typography-line-height:var(
273
+ --rs-text-2-line-height,
274
+ 24px
275
+ );
276
+ --_rs-typography-base-color:var(
277
+ --_rs-typography-hardness-color,
278
+ var(
279
+ --rs-color-average,
280
+ 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)
281
+ )
282
+ );
283
+ --_rs-typography-text-auto-offset:16px;
284
+ --_rs-typography-ul-list-li-padding-left:22px;
285
+ --_rs-typography-ol-list-li-padding-left:26px;
286
+ --_rs-typography-list-li-margin-top-from-text:var(
287
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
288
+ 16px
289
+ );
290
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
291
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
292
+ --_rs-typography-link-border-bottom-width-from-text:1px;
165
293
  }
166
- ._listSizeM_17h615z_23 [data-rs-internal='radio-button-list__error-message']{
167
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
294
+ @media screen and (max-width: 640px){
295
+ ._sizeM_1vkp275_21 [data-rs-internal='radio-button-list__label']{
296
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
297
+ }
298
+ }
299
+ ._sizeM_1vkp275_21 [data-rs-internal='radio-button-list__bold-label']{
300
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
168
301
  --_rs-typography-text-transform:initial;
169
302
  --_rs-typography-font-variant-numeric:initial;
170
303
  --_rs-typography-font-family:var(
@@ -173,12 +306,12 @@
173
306
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
174
307
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
175
308
  );
176
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
309
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
177
310
  --_rs-typography-font-weight:var(
178
311
  --rs-font-weight-semi-bold,
179
312
  600
180
313
  );
181
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
314
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
182
315
  --_rs-typography-base-color:var(
183
316
  --_rs-typography-heading-hardness-color,
184
317
  var(
@@ -194,11 +327,54 @@
194
327
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
195
328
  --_rs-typography-link-border-bottom-width-from-text:2px;
196
329
  }
197
- ._listSizeM_17h615z_23 [data-rs-internal='radio-button-list__error-icon']:not(html){
198
- --_rs-icons-height:20px;
330
+ ._sizeL_1vkp275_24{
331
+ --_rs-radio-button-list-label-offset:12px;
332
+ --_rs-radio-button-list-left-offset:44px;
333
+ }
334
+ ._sizeL_1vkp275_24 [data-rs-internal='radio-button-list__label']{
335
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
336
+ --_rs-typography-text-transform:initial;
337
+ --_rs-typography-font-variant-numeric:initial;
338
+ --_rs-typography-font-family:var(
339
+ --rs-font-family-ui,
340
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
341
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
342
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
343
+ );
344
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
345
+ --_rs-typography-font-weight:var(
346
+ --rs-font-weight-regular,
347
+ 400
348
+ );
349
+ --_rs-typography-line-height:var(
350
+ --rs-text-1-line-height,
351
+ 28px
352
+ );
353
+ --_rs-typography-base-color:var(
354
+ --_rs-typography-hardness-color,
355
+ var(
356
+ --rs-color-average,
357
+ 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)
358
+ )
359
+ );
360
+ --_rs-typography-text-auto-offset:32px;
361
+ --_rs-typography-ul-list-li-padding-left:26px;
362
+ --_rs-typography-ol-list-li-padding-left:32px;
363
+ --_rs-typography-list-li-margin-top-from-text:var(
364
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
365
+ 24px
366
+ );
367
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
368
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
369
+ --_rs-typography-link-border-bottom-width-from-text:1px;
370
+ }
371
+ @media screen and (max-width: 640px){
372
+ ._sizeL_1vkp275_24 [data-rs-internal='radio-button-list__label']{
373
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
199
374
  }
200
- ._listSizeL_17h615z_26 [data-rs-internal='radio-button-list__error-message']{
201
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
375
+ }
376
+ ._sizeL_1vkp275_24 [data-rs-internal='radio-button-list__bold-label']{
377
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
202
378
  --_rs-typography-text-transform:initial;
203
379
  --_rs-typography-font-variant-numeric:initial;
204
380
  --_rs-typography-font-family:var(
@@ -207,12 +383,12 @@
207
383
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
208
384
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
209
385
  );
210
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
386
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
211
387
  --_rs-typography-font-weight:var(
212
388
  --rs-font-weight-semi-bold,
213
389
  600
214
390
  );
215
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
391
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
216
392
  --_rs-typography-base-color:var(
217
393
  --_rs-typography-heading-hardness-color,
218
394
  var(
@@ -228,35 +404,78 @@
228
404
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
229
405
  --_rs-typography-link-border-bottom-width-from-text:2px;
230
406
  }
231
- ._listSizeL_17h615z_26 [data-rs-internal='radio-button-list__error-icon']:not(html){
232
- --_rs-icons-height:24px;
233
- }
234
- ._sizeS_17h615z_30{
235
- --_rs-radio-button-size:20px;
236
- --_rs-radio-button-box-shadow-size:3px;
237
- --_rs-radio-button-active-icon-border-width:5px;
407
+ ._inner_1vkp275_28{
408
+ --rs-out-radio-button-list-left-offset:var(--_rs-radio-button-list-left-offset);
238
409
  }
239
- ._sizeM_17h615z_33{
240
- --_rs-radio-button-size:24px;
241
- --_rs-radio-button-box-shadow-size:3px;
242
- --_rs-radio-button-active-icon-border-width:6px;
243
- }
244
- ._sizeL_17h615z_36{
245
- --_rs-radio-button-size:28px;
246
- --_rs-radio-button-box-shadow-size:4px;
247
- --_rs-radio-button-active-icon-border-width:6px;
248
- }
249
- ._classic_17h615z_40{
250
- --_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
251
- --_rs-radio-button-active-icon-background-color:#FFFFFF;
252
- --_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
410
+ ._label_1vkp275_32{
411
+ letter-spacing:var(
412
+ --rs-text-base-letter-spacing,
413
+ var(--_rs-typography-letter-spacing)
414
+ );
415
+ text-transform:var(--_rs-typography-text-transform);
416
+ font-family:var(--_rs-typography-font-family);
417
+ font-size:var(--_rs-typography-font-size);
418
+ font-weight:var(--_rs-typography-font-weight);
419
+ line-height:var(--_rs-typography-line-height);
420
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
421
+ font-feature-settings:'kern', 'liga', 'calt';
422
+ color:var(
423
+ --rs-color-hard,
424
+ 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))
425
+ );
426
+
427
+ margin:0 0 var(--_rs-radio-button-list-label-offset) 0;
428
+ padding:0;
429
+ }
430
+ ._disabled_1vkp275_39 ._label_1vkp275_32{
431
+ color:var(
432
+ --rs-color-pale,
433
+ 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.5)
434
+ );
435
+ }
436
+ ._footer_1vkp275_44{
437
+ display:flex;
438
+ flex-direction:column;
253
439
  }
254
- ._rock_17h615z_43{
255
- --_rs-radio-button-active-icon-border-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));
256
- --_rs-radio-button-active-icon-background-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));
257
- --_rs-radio-button-active-icon-hover-box-shadow-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.1);
440
+ ._errorMessage_1vkp275_49{
441
+ order:99;
258
442
  }
259
- ._main_17h615z_47{
443
+ ._error_1vkp275_49 ._errorMessage_1vkp275_49{
444
+ order:0;
445
+ }
446
+ ._note_1vkp275_58{
447
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
448
+ --_rs-typography-text-transform:initial;
449
+ --_rs-typography-font-variant-numeric:initial;
450
+ --_rs-typography-font-family:var(
451
+ --rs-font-family-ui,
452
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
453
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
454
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
455
+ );
456
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
457
+ --_rs-typography-font-weight:var(
458
+ --rs-font-weight-regular,
459
+ 400
460
+ );
461
+ --_rs-typography-line-height:var(
462
+ --rs-text-3-line-height,
463
+ 20px
464
+ );
465
+ --_rs-typography-base-color:var(
466
+ --_rs-typography-hardness-color,
467
+ var(
468
+ --rs-color-average,
469
+ 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)
470
+ )
471
+ );
472
+ --_rs-typography-text-auto-offset:8px;
473
+ --_rs-typography-ul-list-li-padding-left:28px;
474
+ --_rs-typography-ol-list-li-padding-left:21px;
475
+ --_rs-typography-list-li-margin-top-from-text:8px;
476
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
477
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
478
+ --_rs-typography-link-border-bottom-width-from-text:1px;
260
479
  --_rs-theme-dark:var(
261
480
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
262
481
  var(--rs-theme-dark, 0)
@@ -264,35 +483,6 @@
264
483
  --_rs-theme-flip:var(--rs-theme-flip, 0);
265
484
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
266
485
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
267
- }
268
- @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
269
- ._main_17h615z_47{
270
- --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
271
- --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
272
- --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
273
- --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
274
- --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
275
- }
276
- }
277
- @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
278
- ._main_17h615z_47{
279
- --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
280
- --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
281
- --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
282
- --_rs-color-primary-t-dim:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, 0.8);
283
- --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
284
- }
285
- }
286
- ._main_17h615z_47 {
287
-
288
- display:inline-block;
289
-
290
- width:var(--_rs-radio-button-size);
291
- height:var(--_rs-radio-button-size);
292
-
293
- vertical-align:middle;
294
- }
295
- ._errorMessage_17h615z_59{
296
486
  letter-spacing:var(
297
487
  --rs-text-base-letter-spacing,
298
488
  var(--_rs-typography-letter-spacing)
@@ -304,88 +494,17 @@
304
494
  line-height:var(--_rs-typography-line-height);
305
495
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
306
496
  font-feature-settings:'kern', 'liga', 'calt';
497
+ color:var(--_rs-typography-base-color);
498
+ --_rs-typography-hardness-color:var(
499
+ --rs-color-average,
500
+ 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)
501
+ );
307
502
 
308
- display:flex;
309
- flex-wrap:nowrap;
310
-
311
- margin-bottom:8px;
312
-
313
- 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));
314
- -moz-column-gap:8px;
315
- column-gap:8px;
316
- }
317
- ._errorIcon_17h615z_71{
318
- flex:0 0 auto;
319
-
320
- color:#F45C4A;
321
- }
322
- ._input_17h615z_77{
323
- position:absolute;
324
- -webkit-appearance:none;
325
- -moz-appearance:none;
326
- appearance:none;
327
-
328
- z-index:-1;
329
-
330
- opacity:0;
331
-
332
- margin:0;
333
-
334
- border:0;
335
- }
336
- ._icon_17h615z_90{
337
- position:relative;
338
-
339
- display:inline-block;
340
-
341
- box-sizing:border-box;
342
- width:calc(var(--_rs-radio-button-size) - var(--_rs-radio-button-box-shadow-size)*2);
343
- height:calc(var(--_rs-radio-button-size) - var(--_rs-radio-button-box-shadow-size)*2);
344
- margin:var(--_rs-radio-button-box-shadow-size);
345
-
346
- border-width:1px;
347
- border-style:solid;
348
- border-color:#A3A3A4;
349
- border-radius:50%;
350
-
351
- background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
503
+ order:1;
352
504
  }
353
- ._enabled_17h615z_111 ._icon_17h615z_90{
354
- cursor:pointer;
355
- }
356
- ._enabled_17h615z_111:hover > ._icon_17h615z_90,
357
- label:hover ._enabled_17h615z_111 > ._icon_17h615z_90{
358
- background-color:rgb(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));
359
- }
360
- ._disabled_17h615z_120 ._icon_17h615z_90._icon_17h615z_90,
361
- ._input_17h615z_77:disabled + ._icon_17h615z_90._icon_17h615z_90,
362
- ._input_17h615z_77:checked:disabled + ._icon_17h615z_90{
363
- border-color:rgb(calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(187 - var(--_rs-theme-dark-coefficient, 0)*91));
364
-
365
- cursor:not-allowed;
366
- pointer-events:none;
367
-
368
- background-color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
369
- }
370
- ._enabled_17h615z_111 ._input_17h615z_77:active + ._icon_17h615z_90,
371
- ._enabled_17h615z_111 ._input_17h615z_77:checked + ._icon_17h615z_90{
372
- border-color:var(--_rs-radio-button-active-icon-border-color);
373
-
374
- background-color:var(--_rs-radio-button-active-icon-background-color);
375
- }
376
- ._enabled_17h615z_111 ._input_17h615z_77:active + ._icon_17h615z_90,
377
- ._enabled_17h615z_111 ._input_17h615z_77:checked + ._icon_17h615z_90,
378
- ._main_17h615z_47 ._input_17h615z_77:checked:disabled + ._icon_17h615z_90{
379
- border-width:var(--_rs-radio-button-active-icon-border-width);
380
- }
381
- ._error_17h615z_59 ._icon_17h615z_90._icon_17h615z_90._icon_17h615z_90{
382
- border-color:#F45C4A;
383
- }
384
- ._enabled_17h615z_111:hover > ._icon_17h615z_90._icon_17h615z_90,
385
- label:hover ._enabled_17h615z_111 > ._icon_17h615z_90._icon_17h615z_90,
386
- ._enabled_17h615z_111 ._input_17h615z_77:active:not(:checked) + ._icon_17h615z_90{
387
- box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
388
- }
389
- ._enabled_17h615z_111 ._input_17h615z_77:focus[data-focus-method='key'] + ._icon_17h615z_90{
390
- box-shadow:0 0 0 1px rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181)), 0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-color-primary-t-dim);
505
+ ._disabled_1vkp275_39 ._note_1vkp275_58{
506
+ --_rs-typography-hardness-color:var(
507
+ --rs-color-pale,
508
+ 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.5)
509
+ );
391
510
  }