1 |
|
2 | .next-sr-only {
|
3 | position: absolute;
|
4 | width: 1px;
|
5 | height: 1px;
|
6 | padding: 0;
|
7 | overflow: hidden;
|
8 | clip: rect(0, 0, 0, 0);
|
9 | white-space: nowrap;
|
10 | border: 0;
|
11 | top: 0;
|
12 | margin: -1px; }
|
13 |
|
14 | .next-search-simple[dir=rtl].next-large .next-search-icon {
|
15 | margin-left: 12px;
|
16 | margin-left: var(--search-simple-l-icon-margin-right, 12px);
|
17 | margin-right: 0; }
|
18 |
|
19 | .next-search-simple[dir=rtl].next-medium .next-search-icon {
|
20 | margin-left: 8px;
|
21 | margin-left: var(--search-simple-m-icon-margin-right, 8px);
|
22 | margin-right: 0; }
|
23 |
|
24 | .next-search-simple[dir=rtl].next-normal .next-search-left .next-search-left-addon {
|
25 | border-left: 1px solid #C4C6CF;
|
26 | border-left: 1px solid var(--search-simple-normal-split-color, #C4C6CF);
|
27 | border-right: none; }
|
28 |
|
29 | .next-search-simple[dir=rtl].next-dark .next-search-left {
|
30 | border-color: #C4C6CF;
|
31 | border-color: var(--search-simple-dark-color, #C4C6CF); }
|
32 | .next-search-simple[dir=rtl].next-dark .next-search-left .next-search-left-addon {
|
33 | border-right: 1px solid #C4C6CF;
|
34 | border-right: 1px solid var(--search-simple-dark-split-color, #C4C6CF); }
|
35 |
|
36 | .next-search-simple[dir=rtl].next-dark:hover .next-search-left {
|
37 | border-color: #C4C6CF;
|
38 | border-color: var(--search-simple-dark-hover-color, #C4C6CF); }
|
39 |
|
40 | .next-search-simple[dir=rtl].next-dark .next-search-icon {
|
41 | color: #999999;
|
42 | color: var(--search-simple-dark-icon-text-color, #999999); }
|
43 | .next-search-simple[dir=rtl].next-dark .next-search-icon:hover {
|
44 | color: #666666;
|
45 | color: var(--search-simple-dark-icon-hover-text-color, #666666); }
|
46 |
|
47 | .next-search-normal[dir=rtl] .next-search-left {
|
48 | border-left: none;
|
49 | border-top-right-radius: 3px;
|
50 | border-top-right-radius: var(--search-normal-corner, 3px);
|
51 | border-bottom-right-radius: 3px;
|
52 | border-bottom-right-radius: var(--search-normal-corner, 3px);
|
53 | border-top-left-radius: 0;
|
54 | border-bottom-left-radius: 0; }
|
55 |
|
56 | .next-search-normal[dir=rtl] .next-search-btn.next-btn {
|
57 | border-radius: 3px 0 0 3px !important;
|
58 | border-radius: var(--search-normal-corner, 3px) 0 0 var(--search-normal-corner, 3px) !important; }
|
59 |
|
60 | .next-search-normal[dir=rtl] .next-input {
|
61 | border-radius: 0 3px 3px 0;
|
62 | border-radius: 0 var(--search-normal-corner, 3px) var(--search-normal-corner, 3px) 0; }
|
63 |
|
64 | .next-search-normal[dir=rtl].next-primary .next-input {
|
65 | border-top-left-radius: 0;
|
66 | border-bottom-left-radius: 0;
|
67 | border-top-right-radius: 1px;
|
68 | border-top-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px));
|
69 | border-bottom-right-radius: 1px;
|
70 | border-bottom-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px)); }
|
71 |
|
72 | .next-search-normal[dir=rtl].next-primary .next-search-left .next-search-left-addon {
|
73 | border-left: 1px solid #E6E7EB;
|
74 | border-left: 1px solid var(--search-normal-primary-split-color, #E6E7EB);
|
75 | border-right: none; }
|
76 |
|
77 | .next-search-normal[dir=rtl].next-secondary .next-input {
|
78 | border-top-left-radius: 0;
|
79 | border-bottom-left-radius: 0;
|
80 | border-top-right-radius: 1px;
|
81 | border-top-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px));
|
82 | border-bottom-right-radius: 1px;
|
83 | border-bottom-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px)); }
|
84 |
|
85 | .next-search-normal[dir=rtl].next-secondary .next-search-left .next-search-left-addon {
|
86 | border-left: 1px solid #E6E7EB;
|
87 | border-left: 1px solid var(--search-normal-secondary-split-color, #E6E7EB);
|
88 | border-right: none; }
|
89 |
|
90 | .next-search-normal[dir=rtl].next-normal .next-input {
|
91 | border-top-left-radius: 0;
|
92 | border-bottom-left-radius: 0;
|
93 | border-top-right-radius: 1px;
|
94 | border-top-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px));
|
95 | border-bottom-right-radius: 1px;
|
96 | border-bottom-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px)); }
|
97 |
|
98 | .next-search-normal[dir=rtl].next-normal .next-search-left .next-search-left-addon {
|
99 | border-left: 1px solid #E6E7EB;
|
100 | border-left: 1px solid var(--search-normal-normal-split-color, #E6E7EB);
|
101 | border-right: none; }
|
102 |
|
103 | .next-search-normal[dir=rtl].next-dark .next-search-left .next-search-left-addon {
|
104 | border-left: 1px solid #5584FF;
|
105 | border-left: 1px solid var(--search-normal-dark-color, #5584FF);
|
106 | border-right: none; }
|
107 |
|
108 | .next-search {
|
109 | box-sizing: border-box;
|
110 | width: 100%;
|
111 | display: inline-block; }
|
112 | .next-search *,
|
113 | .next-search *:before,
|
114 | .next-search *:after {
|
115 | box-sizing: border-box; }
|
116 | .next-search .next-input,
|
117 | .next-search .next-select {
|
118 | border: none;
|
119 | box-shadow: none; }
|
120 | .next-search .next-select .next-input {
|
121 | height: auto; }
|
122 | .next-search .next-select .next-input .next-input-text-field {
|
123 | height: auto; }
|
124 | .next-search .next-search-left {
|
125 | border-style: solid;
|
126 | transition: all 100ms linear;
|
127 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
128 | .next-search .next-search-left-addon .next-input,
|
129 | .next-search .next-search-left-addon .next-select-trigger-search {
|
130 | min-height: 100%;
|
131 | border-bottom-right-radius: 0;
|
132 | border-top-right-radius: 0; }
|
133 | .next-search .next-search-left-addon .next-select-values {
|
134 | line-height: 1; }
|
135 | .next-search .next-search-left-addon.next-input-group-addon .next-select {
|
136 | margin: 0; }
|
137 | .next-search .next-search-left-addon + .next-search-input .next-input {
|
138 | border-bottom-left-radius: 0;
|
139 | border-top-left-radius: 0; }
|
140 | .next-search .next-search-input {
|
141 | width: 100%; }
|
142 | .next-search .next-search-btn {
|
143 | box-shadow: none; }
|
144 | .next-search .next-search-symbol-icon::before {
|
145 | content: "";
|
146 | content: var(--search-search-icon-content, ""); }
|
147 | .next-search-normal {
|
148 | width: 600px; }
|
149 | .next-search-normal .next-search-left {
|
150 | border-top-left-radius: 3px;
|
151 | border-top-left-radius: var(--search-normal-corner, 3px);
|
152 | border-bottom-left-radius: 3px;
|
153 | border-bottom-left-radius: var(--search-normal-corner, 3px); }
|
154 | .next-search-normal .next-input {
|
155 | border-radius: 3px 0 0 3px;
|
156 | border-radius: var(--search-normal-corner, 3px) 0 0 var(--search-normal-corner, 3px); }
|
157 | .next-search-normal .next-btn {
|
158 | border-radius: 0 3px 3px 0;
|
159 | border-radius: 0 var(--search-normal-corner, 3px) var(--search-normal-corner, 3px) 0; }
|
160 | .next-search-normal.next-primary .next-search-left {
|
161 | border-color: #5584FF;
|
162 | border-color: var(--search-normal-primary-color, #5584FF); }
|
163 | .next-search-normal.next-primary .next-search-left .next-search-left-addon {
|
164 | border-right: 1px solid #E6E7EB;
|
165 | border-right: 1px solid var(--search-normal-primary-split-color, #E6E7EB); }
|
166 | .next-search-normal.next-primary:hover .next-search-left,
|
167 | .next-search-normal.next-primary:hover .next-btn {
|
168 | border-color: #5584FF;
|
169 | border-color: var(--search-normal-primary-hover-color, #5584FF); }
|
170 | .next-search-normal.next-primary .next-search-btn {
|
171 | background: #5584FF;
|
172 | background: var(--search-normal-primary-color, #5584FF);
|
173 | border-color: #5584FF;
|
174 | border-color: var(--search-normal-primary-color, #5584FF);
|
175 | color: #FFFFFF;
|
176 | color: var(--search-normal-primary-btn-text-color, #FFFFFF); }
|
177 | .next-search-normal.next-primary .next-search-btn:hover {
|
178 | background: #3E71F7;
|
179 | background: var(--search-normal-primary-btn-hover-bg-color, #3E71F7);
|
180 | border-color: #5584FF;
|
181 | border-color: var(--search-normal-primary-hover-color, #5584FF);
|
182 | color: #FFFFFF;
|
183 | color: var(--search-normal-primary-btn-hover-text-color, #FFFFFF); }
|
184 | .next-search-normal.next-primary .next-search-btn .next-icon {
|
185 | color: #FFFFFF;
|
186 | color: var(--search-normal-primary-btn-text-color, #FFFFFF); }
|
187 | .next-search-normal.next-primary .next-search-btn .next-icon:hover {
|
188 | color: #FFFFFF;
|
189 | color: var(--search-normal-primary-btn-hover-text-color, #FFFFFF); }
|
190 | .next-search-normal.next-primary.next-large {
|
191 | box-shadow: none;
|
192 | box-shadow: var(--search-normal-primary-shadow, none); }
|
193 | .next-search-normal.next-primary.next-large .next-search-left, .next-search-normal.next-primary.next-large .next-search-btn {
|
194 | border-width: 2px;
|
195 | border-width: var(--search-normal-primary-border-width, 2px);
|
196 | height: 60px;
|
197 | height: var(--search-normal-primary-l-height, 60px); }
|
198 | .next-search-normal.next-primary.next-large .next-search-input {
|
199 | height: 56px;
|
200 | height: calc(var(--search-normal-primary-l-height, 60px) - var(--search-normal-primary-border-width, 2px)*2);
|
201 | overflow-y: hidden; }
|
202 | .next-search-normal.next-primary.next-large .next-search-input input {
|
203 | height: 56px;
|
204 | height: calc(var(--search-normal-primary-l-height, 60px) - var(--search-normal-primary-border-width, 2px)*2);
|
205 | line-height: 56px \0;
|
206 | line-height: calc(var(--search-normal-primary-l-height, 60px) - var(--search-normal-primary-border-width, 2px)*2) \0; }
|
207 | .next-search-normal.next-primary.next-large .next-select {
|
208 | height: 56px;
|
209 | height: calc(var(--search-normal-primary-l-height, 60px) - var(--search-normal-primary-border-width, 2px)*2); }
|
210 | .next-search-normal.next-primary.next-large .next-search-btn {
|
211 | font-size: 16px;
|
212 | font-size: var(--search-normal-primary-l-btn-text-size, 16px); }
|
213 | .next-search-normal.next-primary.next-large .next-search-btn .next-icon:before,
|
214 | .next-search-normal.next-primary.next-large .next-search-btn .next-icon .next-icon-remote {
|
215 | width: 24px;
|
216 | width: var(--search-normal-primary-l-icon-size, 24px);
|
217 | font-size: 24px;
|
218 | font-size: var(--search-normal-primary-l-icon-size, 24px);
|
219 | line-height: inherit; }
|
220 | .next-search-normal.next-primary.next-large .next-search-btn .next-search-btn-text {
|
221 | display: inline-block;
|
222 | padding-left: 0px;
|
223 | padding-left: var(--search-normal-primary-btn-text-padding-left, 0px); }
|
224 | .next-search-normal.next-primary.next-medium {
|
225 | box-shadow: none;
|
226 | box-shadow: var(--search-normal-primary-shadow, none); }
|
227 | .next-search-normal.next-primary.next-medium .next-search-left, .next-search-normal.next-primary.next-medium .next-search-btn {
|
228 | border-width: 2px;
|
229 | border-width: var(--search-normal-primary-border-width, 2px);
|
230 | height: 40px;
|
231 | height: var(--search-normal-primary-m-height, 40px); }
|
232 | .next-search-normal.next-primary.next-medium .next-search-input {
|
233 | height: 36px;
|
234 | height: calc(var(--search-normal-primary-m-height, 40px) - var(--search-normal-primary-border-width, 2px)*2);
|
235 | overflow-y: hidden; }
|
236 | .next-search-normal.next-primary.next-medium .next-search-input input {
|
237 | height: 36px;
|
238 | height: calc(var(--search-normal-primary-m-height, 40px) - var(--search-normal-primary-border-width, 2px)*2);
|
239 | line-height: 36px \0;
|
240 | line-height: calc(var(--search-normal-primary-m-height, 40px) - var(--search-normal-primary-border-width, 2px)*2) \0; }
|
241 | .next-search-normal.next-primary.next-medium .next-select {
|
242 | height: 36px;
|
243 | height: calc(var(--search-normal-primary-m-height, 40px) - var(--search-normal-primary-border-width, 2px)*2); }
|
244 | .next-search-normal.next-primary.next-medium .next-search-btn {
|
245 | font-size: 16px;
|
246 | font-size: var(--search-normal-primary-m-btn-text-size, 16px); }
|
247 | .next-search-normal.next-primary.next-medium .next-search-btn .next-icon:before,
|
248 | .next-search-normal.next-primary.next-medium .next-search-btn .next-icon .next-icon-remote {
|
249 | width: 16px;
|
250 | width: var(--search-normal-primary-m-icon-size, 16px);
|
251 | font-size: 16px;
|
252 | font-size: var(--search-normal-primary-m-icon-size, 16px);
|
253 | line-height: inherit; }
|
254 | .next-search-normal.next-primary.next-medium .next-search-btn .next-search-btn-text {
|
255 | display: inline-block;
|
256 | padding-left: 0px;
|
257 | padding-left: var(--search-normal-primary-btn-text-padding-left, 0px); }
|
258 | .next-search-normal.next-primary .next-input {
|
259 | border-top-left-radius: 1px;
|
260 | border-top-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px));
|
261 | border-bottom-left-radius: 1px;
|
262 | border-bottom-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px)); }
|
263 | .next-search-normal.next-secondary .next-search-left {
|
264 | border-color: #C4C6CF;
|
265 | border-color: var(--search-normal-secondary-color, #C4C6CF); }
|
266 | .next-search-normal.next-secondary .next-search-left .next-search-left-addon {
|
267 | border-right: 1px solid #E6E7EB;
|
268 | border-right: 1px solid var(--search-normal-secondary-split-color, #E6E7EB); }
|
269 | .next-search-normal.next-secondary:hover .next-search-left,
|
270 | .next-search-normal.next-secondary:hover .next-btn {
|
271 | border-color: #5584FF;
|
272 | border-color: var(--search-normal-secondary-hover-color, #5584FF); }
|
273 | .next-search-normal.next-secondary .next-search-btn {
|
274 | background: #5584FF;
|
275 | background: var(--search-normal-secondary-btn-bg-color, #5584FF);
|
276 | border-color: #5584FF;
|
277 | border-color: var(--search-normal-secondary-btn-bg-color, #5584FF);
|
278 | color: #FFFFFF;
|
279 | color: var(--search-normal-secondary-btn-text-color, #FFFFFF); }
|
280 | .next-search-normal.next-secondary .next-search-btn:hover {
|
281 | background: #3E71F7;
|
282 | background: var(--search-normal-secondary-btn-hover-bg-color, #3E71F7);
|
283 | border-color: #5584FF;
|
284 | border-color: var(--search-normal-secondary-hover-color, #5584FF);
|
285 | color: #FFFFFF;
|
286 | color: var(--search-normal-secondary-btn-hover-text-color, #FFFFFF); }
|
287 | .next-search-normal.next-secondary .next-search-btn .next-icon {
|
288 | color: #FFFFFF;
|
289 | color: var(--search-normal-secondary-btn-text-color, #FFFFFF); }
|
290 | .next-search-normal.next-secondary .next-search-btn .next-icon:hover {
|
291 | color: #FFFFFF;
|
292 | color: var(--search-normal-secondary-btn-hover-text-color, #FFFFFF); }
|
293 | .next-search-normal.next-secondary.next-large {
|
294 | box-shadow: none;
|
295 | box-shadow: var(--search-normal-secondary-shadow, none); }
|
296 | .next-search-normal.next-secondary.next-large .next-search-left, .next-search-normal.next-secondary.next-large .next-search-btn {
|
297 | border-width: 1px;
|
298 | border-width: var(--search-normal-secondary-border-width, 1px);
|
299 | height: 60px;
|
300 | height: var(--search-normal-secondary-l-height, 60px); }
|
301 | .next-search-normal.next-secondary.next-large .next-search-input {
|
302 | height: 58px;
|
303 | height: calc(var(--search-normal-secondary-l-height, 60px) - var(--search-normal-secondary-border-width, 1px)*2);
|
304 | overflow-y: hidden; }
|
305 | .next-search-normal.next-secondary.next-large .next-search-input input {
|
306 | height: 58px;
|
307 | height: calc(var(--search-normal-secondary-l-height, 60px) - var(--search-normal-secondary-border-width, 1px)*2);
|
308 | line-height: 58px \0;
|
309 | line-height: calc(var(--search-normal-secondary-l-height, 60px) - var(--search-normal-secondary-border-width, 1px)*2) \0; }
|
310 | .next-search-normal.next-secondary.next-large .next-select {
|
311 | height: 58px;
|
312 | height: calc(var(--search-normal-secondary-l-height, 60px) - var(--search-normal-secondary-border-width, 1px)*2); }
|
313 | .next-search-normal.next-secondary.next-large .next-search-btn {
|
314 | font-size: 16px;
|
315 | font-size: var(--search-normal-secondary-l-btn-text-size, 16px); }
|
316 | .next-search-normal.next-secondary.next-large .next-search-btn .next-icon:before,
|
317 | .next-search-normal.next-secondary.next-large .next-search-btn .next-icon .next-icon-remote {
|
318 | width: 24px;
|
319 | width: var(--search-normal-secondary-l-icon-size, 24px);
|
320 | font-size: 24px;
|
321 | font-size: var(--search-normal-secondary-l-icon-size, 24px);
|
322 | line-height: inherit; }
|
323 | .next-search-normal.next-secondary.next-large .next-search-btn .next-search-btn-text {
|
324 | display: inline-block;
|
325 | padding-left: 0px;
|
326 | padding-left: var(--search-normal-secondary-btn-text-padding-left, 0px); }
|
327 | .next-search-normal.next-secondary.next-medium {
|
328 | box-shadow: none;
|
329 | box-shadow: var(--search-normal-secondary-shadow, none); }
|
330 | .next-search-normal.next-secondary.next-medium .next-search-left, .next-search-normal.next-secondary.next-medium .next-search-btn {
|
331 | border-width: 1px;
|
332 | border-width: var(--search-normal-secondary-border-width, 1px);
|
333 | height: 40px;
|
334 | height: var(--search-normal-secondary-m-height, 40px); }
|
335 | .next-search-normal.next-secondary.next-medium .next-search-input {
|
336 | height: 38px;
|
337 | height: calc(var(--search-normal-secondary-m-height, 40px) - var(--search-normal-secondary-border-width, 1px)*2);
|
338 | overflow-y: hidden; }
|
339 | .next-search-normal.next-secondary.next-medium .next-search-input input {
|
340 | height: 38px;
|
341 | height: calc(var(--search-normal-secondary-m-height, 40px) - var(--search-normal-secondary-border-width, 1px)*2);
|
342 | line-height: 38px \0;
|
343 | line-height: calc(var(--search-normal-secondary-m-height, 40px) - var(--search-normal-secondary-border-width, 1px)*2) \0; }
|
344 | .next-search-normal.next-secondary.next-medium .next-select {
|
345 | height: 38px;
|
346 | height: calc(var(--search-normal-secondary-m-height, 40px) - var(--search-normal-secondary-border-width, 1px)*2); }
|
347 | .next-search-normal.next-secondary.next-medium .next-search-btn {
|
348 | font-size: 16px;
|
349 | font-size: var(--search-normal-secondary-m-btn-text-size, 16px); }
|
350 | .next-search-normal.next-secondary.next-medium .next-search-btn .next-icon:before,
|
351 | .next-search-normal.next-secondary.next-medium .next-search-btn .next-icon .next-icon-remote {
|
352 | width: 16px;
|
353 | width: var(--search-normal-secondary-m-icon-size, 16px);
|
354 | font-size: 16px;
|
355 | font-size: var(--search-normal-secondary-m-icon-size, 16px);
|
356 | line-height: inherit; }
|
357 | .next-search-normal.next-secondary.next-medium .next-search-btn .next-search-btn-text {
|
358 | display: inline-block;
|
359 | padding-left: 0px;
|
360 | padding-left: var(--search-normal-secondary-btn-text-padding-left, 0px); }
|
361 | .next-search-normal.next-secondary .next-input {
|
362 | border-top-left-radius: 2px;
|
363 | border-top-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-secondary-border-width, 1px));
|
364 | border-bottom-left-radius: 2px;
|
365 | border-bottom-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-secondary-border-width, 1px)); }
|
366 | .next-search-normal.next-normal .next-search-left {
|
367 | border-color: #C4C6CF;
|
368 | border-color: var(--search-normal-normal-color, #C4C6CF); }
|
369 | .next-search-normal.next-normal .next-search-left .next-search-left-addon {
|
370 | border-right: 1px solid #E6E7EB;
|
371 | border-right: 1px solid var(--search-normal-normal-split-color, #E6E7EB); }
|
372 | .next-search-normal.next-normal:hover .next-search-left,
|
373 | .next-search-normal.next-normal:hover .next-btn {
|
374 | border-color: #A0A2AD;
|
375 | border-color: var(--search-normal-normal-hover-color, #A0A2AD); }
|
376 | .next-search-normal.next-normal .next-search-btn {
|
377 | background: #F7F8FA;
|
378 | background: var(--search-normal-normal-btn-bg-color, #F7F8FA);
|
379 | border-color: #C4C6CF;
|
380 | border-color: var(--search-normal-normal-color, #C4C6CF);
|
381 | color: #666666;
|
382 | color: var(--search-normal-normal-btn-text-color, #666666); }
|
383 | .next-search-normal.next-normal .next-search-btn:hover {
|
384 | background: #EBECF0;
|
385 | background: var(--search-normal-normal-btn-hover-bg-color, #EBECF0);
|
386 | border-color: #A0A2AD;
|
387 | border-color: var(--search-normal-normal-hover-color, #A0A2AD);
|
388 | color: #333333;
|
389 | color: var(--search-normal-normal-btn-hover-text-color, #333333); }
|
390 | .next-search-normal.next-normal .next-search-btn .next-icon {
|
391 | color: #666666;
|
392 | color: var(--search-normal-normal-btn-text-color, #666666); }
|
393 | .next-search-normal.next-normal .next-search-btn .next-icon:hover {
|
394 | color: #333333;
|
395 | color: var(--search-normal-normal-btn-hover-text-color, #333333); }
|
396 | .next-search-normal.next-normal.next-large {
|
397 | box-shadow: none;
|
398 | box-shadow: var(--search-normal-normal-shadow, none); }
|
399 | .next-search-normal.next-normal.next-large .next-search-left, .next-search-normal.next-normal.next-large .next-search-btn {
|
400 | border-width: 1px;
|
401 | border-width: var(--search-normal-normal-border-width, 1px);
|
402 | height: 60px;
|
403 | height: var(--search-normal-normal-l-height, 60px); }
|
404 | .next-search-normal.next-normal.next-large .next-search-input {
|
405 | height: 58px;
|
406 | height: calc(var(--search-normal-normal-l-height, 60px) - var(--search-normal-normal-border-width, 1px)*2);
|
407 | overflow-y: hidden; }
|
408 | .next-search-normal.next-normal.next-large .next-search-input input {
|
409 | height: 58px;
|
410 | height: calc(var(--search-normal-normal-l-height, 60px) - var(--search-normal-normal-border-width, 1px)*2);
|
411 | line-height: 58px \0;
|
412 | line-height: calc(var(--search-normal-normal-l-height, 60px) - var(--search-normal-normal-border-width, 1px)*2) \0; }
|
413 | .next-search-normal.next-normal.next-large .next-select {
|
414 | height: 58px;
|
415 | height: calc(var(--search-normal-normal-l-height, 60px) - var(--search-normal-normal-border-width, 1px)*2); }
|
416 | .next-search-normal.next-normal.next-large .next-search-btn {
|
417 | font-size: 16px;
|
418 | font-size: var(--search-normal-normal-l-btn-text-size, 16px); }
|
419 | .next-search-normal.next-normal.next-large .next-search-btn .next-icon:before,
|
420 | .next-search-normal.next-normal.next-large .next-search-btn .next-icon .next-icon-remote {
|
421 | width: 24px;
|
422 | width: var(--search-normal-normal-l-icon-size, 24px);
|
423 | font-size: 24px;
|
424 | font-size: var(--search-normal-normal-l-icon-size, 24px);
|
425 | line-height: inherit; }
|
426 | .next-search-normal.next-normal.next-large .next-search-btn .next-search-btn-text {
|
427 | display: inline-block;
|
428 | padding-left: 0px;
|
429 | padding-left: var(--search-normal-normal-btn-text-padding-left, 0px); }
|
430 | .next-search-normal.next-normal.next-medium {
|
431 | box-shadow: none;
|
432 | box-shadow: var(--search-normal-normal-shadow, none); }
|
433 | .next-search-normal.next-normal.next-medium .next-search-left, .next-search-normal.next-normal.next-medium .next-search-btn {
|
434 | border-width: 1px;
|
435 | border-width: var(--search-normal-normal-border-width, 1px);
|
436 | height: 40px;
|
437 | height: var(--search-normal-normal-m-height, 40px); }
|
438 | .next-search-normal.next-normal.next-medium .next-search-input {
|
439 | height: 38px;
|
440 | height: calc(var(--search-normal-normal-m-height, 40px) - var(--search-normal-normal-border-width, 1px)*2);
|
441 | overflow-y: hidden; }
|
442 | .next-search-normal.next-normal.next-medium .next-search-input input {
|
443 | height: 38px;
|
444 | height: calc(var(--search-normal-normal-m-height, 40px) - var(--search-normal-normal-border-width, 1px)*2);
|
445 | line-height: 38px \0;
|
446 | line-height: calc(var(--search-normal-normal-m-height, 40px) - var(--search-normal-normal-border-width, 1px)*2) \0; }
|
447 | .next-search-normal.next-normal.next-medium .next-select {
|
448 | height: 38px;
|
449 | height: calc(var(--search-normal-normal-m-height, 40px) - var(--search-normal-normal-border-width, 1px)*2); }
|
450 | .next-search-normal.next-normal.next-medium .next-search-btn {
|
451 | font-size: 16px;
|
452 | font-size: var(--search-normal-normal-m-btn-text-size, 16px); }
|
453 | .next-search-normal.next-normal.next-medium .next-search-btn .next-icon:before,
|
454 | .next-search-normal.next-normal.next-medium .next-search-btn .next-icon .next-icon-remote {
|
455 | width: 16px;
|
456 | width: var(--search-normal-normal-m-icon-size, 16px);
|
457 | font-size: 16px;
|
458 | font-size: var(--search-normal-normal-m-icon-size, 16px);
|
459 | line-height: inherit; }
|
460 | .next-search-normal.next-normal.next-medium .next-search-btn .next-search-btn-text {
|
461 | display: inline-block;
|
462 | padding-left: 0px;
|
463 | padding-left: var(--search-normal-normal-btn-text-padding-left, 0px); }
|
464 | .next-search-normal.next-normal .next-input {
|
465 | border-top-left-radius: 2px;
|
466 | border-top-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-normal-border-width, 1px));
|
467 | border-bottom-left-radius: 2px;
|
468 | border-bottom-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-normal-border-width, 1px)); }
|
469 | .next-search-normal.next-dark .next-search-left {
|
470 | border-color: #5584FF;
|
471 | border-color: var(--search-normal-dark-color, #5584FF); }
|
472 | .next-search-normal.next-dark .next-search-left .next-search-left-addon {
|
473 | border-right: 1px solid #5584FF;
|
474 | border-right: 1px solid var(--search-normal-dark-color, #5584FF); }
|
475 | .next-search-normal.next-dark:hover .next-search-left,
|
476 | .next-search-normal.next-dark:hover .next-btn {
|
477 | border-color: #5584FF;
|
478 | border-color: var(--search-normal-dark-hover-color, #5584FF); }
|
479 | .next-search-normal.next-dark .next-search-btn {
|
480 | background: #5584FF;
|
481 | background: var(--search-normal-dark-color, #5584FF);
|
482 | border-color: #5584FF;
|
483 | border-color: var(--search-normal-dark-color, #5584FF);
|
484 | color: #FFFFFF;
|
485 | color: var(--search-normal-dark-btn-text-color, #FFFFFF); }
|
486 | .next-search-normal.next-dark .next-search-btn:hover {
|
487 | background: #3E71F7;
|
488 | background: var(--search-normal-dark-btn-hover-bg-color, #3E71F7);
|
489 | border-color: #5584FF;
|
490 | border-color: var(--search-normal-dark-hover-color, #5584FF);
|
491 | color: #FFFFFF;
|
492 | color: var(--search-normal-dark-btn-hover-text-color, #FFFFFF); }
|
493 | .next-search-normal.next-dark .next-search-btn .next-icon {
|
494 | color: #FFFFFF;
|
495 | color: var(--search-normal-dark-btn-text-color, #FFFFFF); }
|
496 | .next-search-normal.next-dark .next-search-btn .next-icon:hover {
|
497 | color: #FFFFFF;
|
498 | color: var(--search-normal-dark-btn-hover-text-color, #FFFFFF); }
|
499 | .next-search-normal.next-dark .next-select-inner,
|
500 | .next-search-normal.next-dark input {
|
501 | color: #FFFFFF;
|
502 | color: var(--search-normal-dark-text-color, #FFFFFF); }
|
503 | .next-search-normal.next-dark .next-input {
|
504 | background: rgba(255, 255, 255, 0);
|
505 | background: var(--color-calculate-search-normal-dark-bg, rgba(255, 255, 255, 0)); }
|
506 | .next-search-normal.next-dark .next-select {
|
507 | background: rgba(255, 255, 255, 0);
|
508 | background: var(--color-calculate-search-normal-dark-bg, rgba(255, 255, 255, 0)); }
|
509 | .next-search-normal.next-dark.next-large {
|
510 | box-shadow: none;
|
511 | box-shadow: var(--search-normal-dark-shadow, none); }
|
512 | .next-search-normal.next-dark.next-large .next-search-left, .next-search-normal.next-dark.next-large .next-search-btn {
|
513 | border-width: 1px;
|
514 | border-width: var(--search-normal-dark-border-width, 1px);
|
515 | height: 60px;
|
516 | height: var(--search-normal-dark-l-height, 60px); }
|
517 | .next-search-normal.next-dark.next-large .next-search-input {
|
518 | height: 58px;
|
519 | height: calc(var(--search-normal-dark-l-height, 60px) - var(--search-normal-dark-border-width, 1px)*2);
|
520 | overflow-y: hidden; }
|
521 | .next-search-normal.next-dark.next-large .next-search-input input {
|
522 | height: 58px;
|
523 | height: calc(var(--search-normal-dark-l-height, 60px) - var(--search-normal-dark-border-width, 1px)*2);
|
524 | line-height: 58px \0;
|
525 | line-height: calc(var(--search-normal-dark-l-height, 60px) - var(--search-normal-dark-border-width, 1px)*2) \0; }
|
526 | .next-search-normal.next-dark.next-large .next-select {
|
527 | height: 58px;
|
528 | height: calc(var(--search-normal-dark-l-height, 60px) - var(--search-normal-dark-border-width, 1px)*2); }
|
529 | .next-search-normal.next-dark.next-large .next-search-btn {
|
530 | font-size: 16px;
|
531 | font-size: var(--search-normal-dark-l-btn-text-size, 16px); }
|
532 | .next-search-normal.next-dark.next-large .next-search-btn .next-icon:before,
|
533 | .next-search-normal.next-dark.next-large .next-search-btn .next-icon .next-icon-remote {
|
534 | width: 24px;
|
535 | width: var(--search-normal-dark-l-icon-size, 24px);
|
536 | font-size: 24px;
|
537 | font-size: var(--search-normal-dark-l-icon-size, 24px);
|
538 | line-height: inherit; }
|
539 | .next-search-normal.next-dark.next-large .next-search-btn .next-search-btn-text {
|
540 | display: inline-block;
|
541 | padding-left: 0px;
|
542 | padding-left: var(--search-normal-dark-btn-text-padding-left, 0px); }
|
543 | .next-search-normal.next-dark.next-medium {
|
544 | box-shadow: none;
|
545 | box-shadow: var(--search-normal-dark-shadow, none); }
|
546 | .next-search-normal.next-dark.next-medium .next-search-left, .next-search-normal.next-dark.next-medium .next-search-btn {
|
547 | border-width: 1px;
|
548 | border-width: var(--search-normal-dark-border-width, 1px);
|
549 | height: 40px;
|
550 | height: var(--search-normal-dark-m-height, 40px); }
|
551 | .next-search-normal.next-dark.next-medium .next-search-input {
|
552 | height: 38px;
|
553 | height: calc(var(--search-normal-dark-m-height, 40px) - var(--search-normal-dark-border-width, 1px)*2);
|
554 | overflow-y: hidden; }
|
555 | .next-search-normal.next-dark.next-medium .next-search-input input {
|
556 | height: 38px;
|
557 | height: calc(var(--search-normal-dark-m-height, 40px) - var(--search-normal-dark-border-width, 1px)*2);
|
558 | line-height: 38px \0;
|
559 | line-height: calc(var(--search-normal-dark-m-height, 40px) - var(--search-normal-dark-border-width, 1px)*2) \0; }
|
560 | .next-search-normal.next-dark.next-medium .next-select {
|
561 | height: 38px;
|
562 | height: calc(var(--search-normal-dark-m-height, 40px) - var(--search-normal-dark-border-width, 1px)*2); }
|
563 | .next-search-normal.next-dark.next-medium .next-search-btn {
|
564 | font-size: 16px;
|
565 | font-size: var(--search-normal-dark-m-btn-text-size, 16px); }
|
566 | .next-search-normal.next-dark.next-medium .next-search-btn .next-icon:before,
|
567 | .next-search-normal.next-dark.next-medium .next-search-btn .next-icon .next-icon-remote {
|
568 | width: 16px;
|
569 | width: var(--search-normal-dark-m-icon-size, 16px);
|
570 | font-size: 16px;
|
571 | font-size: var(--search-normal-dark-m-icon-size, 16px);
|
572 | line-height: inherit; }
|
573 | .next-search-normal.next-dark.next-medium .next-search-btn .next-search-btn-text {
|
574 | display: inline-block;
|
575 | padding-left: 0px;
|
576 | padding-left: var(--search-normal-dark-btn-text-padding-left, 0px); }
|
577 | .next-search-normal:not([dir=rtl]) .next-search-left {
|
578 | border-right: none; }
|
579 | .next-search-simple {
|
580 | width: 300px;
|
581 | box-shadow: none;
|
582 | box-shadow: var(--search-simple-normal-shadow, none);
|
583 | border-radius: 3px;
|
584 | border-radius: var(--search-simple-corner, 3px); }
|
585 | .next-search-simple .next-search-icon {
|
586 | cursor: pointer;
|
587 | transition: all 100ms linear;
|
588 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
589 | .next-search-simple .next-search-left, .next-search-simple .next-input {
|
590 | border-radius: 3px;
|
591 | border-radius: var(--search-simple-corner, 3px); }
|
592 | .next-search-simple.next-large .next-search-icon {
|
593 | margin-right: 12px;
|
594 | margin-right: var(--search-simple-l-icon-margin-right, 12px); }
|
595 | .next-search-simple.next-medium .next-search-icon {
|
596 | margin-right: 8px;
|
597 | margin-right: var(--search-simple-m-icon-margin-right, 8px); }
|
598 | .next-search-simple.next-normal .next-search-left {
|
599 | border-color: #C4C6CF;
|
600 | border-color: var(--search-simple-normal-color, #C4C6CF); }
|
601 | .next-search-simple.next-normal .next-search-left .next-search-left-addon {
|
602 | border-right: 1px solid #C4C6CF;
|
603 | border-right: 1px solid var(--search-simple-normal-split-color, #C4C6CF); }
|
604 | .next-search-simple.next-normal:hover .next-search-left {
|
605 | border-color: #A0A2AD;
|
606 | border-color: var(--search-simple-normal-hover-color, #A0A2AD); }
|
607 | .next-search-simple.next-normal .next-search-icon {
|
608 | color: #999999;
|
609 | color: var(--search-simple-normal-icon-text-color, #999999); }
|
610 | .next-search-simple.next-normal .next-search-icon:hover {
|
611 | color: #666666;
|
612 | color: var(--search-simple-normal-icon-hover-text-color, #666666); }
|
613 | .next-search-simple.next-normal .next-search-left {
|
614 | border-width: 1px;
|
615 | border-width: var(--search-simple-normal-border-width, 1px); }
|
616 | .next-search-simple.next-normal.next-large .next-search-icon:before,
|
617 | .next-search-simple.next-normal.next-large .next-search-icon .next-icon-remote {
|
618 | width: 20px;
|
619 | width: var(--search-simple-normal-l-icon-size, 20px);
|
620 | font-size: 20px;
|
621 | font-size: var(--search-simple-normal-l-icon-size, 20px);
|
622 | line-height: inherit; }
|
623 | .next-search-simple.next-normal.next-medium .next-search-icon:before,
|
624 | .next-search-simple.next-normal.next-medium .next-search-icon .next-icon-remote {
|
625 | width: 12px;
|
626 | width: var(--search-simple-normal-m-icon-size, 12px);
|
627 | font-size: 12px;
|
628 | font-size: var(--search-simple-normal-m-icon-size, 12px);
|
629 | line-height: inherit; }
|
630 | .next-search-simple.next-dark .next-search-left {
|
631 | border-color: #C4C6CF;
|
632 | border-color: var(--search-simple-dark-color, #C4C6CF); }
|
633 | .next-search-simple.next-dark .next-search-left .next-search-left-addon {
|
634 | border-right: 1px solid #C4C6CF;
|
635 | border-right: 1px solid var(--search-simple-dark-split-color, #C4C6CF); }
|
636 | .next-search-simple.next-dark:hover .next-search-left {
|
637 | border-color: #C4C6CF;
|
638 | border-color: var(--search-simple-dark-hover-color, #C4C6CF); }
|
639 | .next-search-simple.next-dark .next-search-icon {
|
640 | color: #999999;
|
641 | color: var(--search-simple-dark-icon-text-color, #999999); }
|
642 | .next-search-simple.next-dark .next-search-icon:hover {
|
643 | color: #666666;
|
644 | color: var(--search-simple-dark-icon-hover-text-color, #666666); }
|
645 | .next-search-simple.next-dark .next-select-inner,
|
646 | .next-search-simple.next-dark input {
|
647 | color: #FFFFFF;
|
648 | color: var(--search-simple-dark-text-color, #FFFFFF); }
|
649 | .next-search-simple.next-dark .next-input {
|
650 | background: rgba(255, 255, 255, 0);
|
651 | background: var(--color-calculate-search-simple-dark-bg, rgba(255, 255, 255, 0)); }
|
652 | .next-search-simple.next-dark .next-select {
|
653 | background: rgba(255, 255, 255, 0);
|
654 | background: var(--color-calculate-search-simple-dark-bg, rgba(255, 255, 255, 0)); }
|
655 | .next-search-simple.next-dark .next-search-left {
|
656 | border-width: 1px;
|
657 | border-width: var(--search-simple-dark-border-width, 1px); }
|
658 | .next-search-simple.next-dark.next-large .next-search-icon:before,
|
659 | .next-search-simple.next-dark.next-large .next-search-icon .next-icon-remote {
|
660 | width: 20px;
|
661 | width: var(--search-simple-dark-l-icon-size, 20px);
|
662 | font-size: 20px;
|
663 | font-size: var(--search-simple-dark-l-icon-size, 20px);
|
664 | line-height: inherit; }
|
665 | .next-search-simple.next-dark.next-medium .next-search-icon:before,
|
666 | .next-search-simple.next-dark.next-medium .next-search-icon .next-icon-remote {
|
667 | width: 12px;
|
668 | width: var(--search-simple-dark-m-icon-size, 12px);
|
669 | font-size: 12px;
|
670 | font-size: var(--search-simple-dark-m-icon-size, 12px);
|
671 | line-height: inherit; }
|
672 |
|
673 | .next-search-simple .next-select.next-large {
|
674 | height: 38px;
|
675 | height: calc(var(--form-element-large-height, 40px) - 2px); }
|
676 |
|
677 | .next-search-simple .next-select.next-medium {
|
678 | height: 26px;
|
679 | height: calc(var(--form-element-medium-height, 28px) - 2px); }
|