https://jblonlinestore.com.my/blogs/news

1<!doctype html>
2<html class="no-js" lang="en" dir="ltr">
3  <head>
4    
5
6<meta http-equiv="Content-Security-Policy" content="
7  default-src 'self' https: data: blob:;
8  script-src 'self' https: 'unsafe-inline' 'unsafe-eval';
9  style-src 'self' https: 'unsafe-inline' https://fonts.googleapis.com;
10  img-src 'self' https: data: blob:;
11  font-src 'self' https: data: https://fonts.gstatic.com;
12  connect-src 'self' https:;
13  frame-src https:;
14  object-src 'none';
15  upgrade-insecure-requests;
16  block-all-mixed-content;">
17
18<!-- Google Tag Manager -->

19<script>

19(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
20new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
21j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
22'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
23})(window,document,'script','dataLayer', '

23GTM-WFFGNM3

23');

24window.dataLayer = window.dataLayer || [];
25</script>

25
26<!-- End Google Tag Manager -->
27
28
29
30
31<link href="//jblonlinestore.com.my/cdn/shop/t/41/assets/custom.css?v=81562911533012873551787722730" rel="stylesheet" type="text/css" media="all" />
32
33    <meta charset="utf-8">
34    <meta http-equiv="X-UA-Compatible" content="IE=edge">
35    <meta name="viewport" content="width=device-width,initial-scale=1">
36    <meta name="theme-color" content="">
37    <link
38      rel="canonical"
39      href="https://jblonlinestore.com.my/blogs/news"
40      canonical-url="https://jblonlinestore.com.my/"
41    ><link
42        rel="icon"
43        type="image/png"
44        href="//jblonlinestore.com.my/cdn/shop/files/JBL_favicon2.png?crop=center&height=32&v=1680006322&width=32"
45      ><title>
46      News
47
48        &ndash; JBL Online Store MY</title>
49
50    
51
52    
53
54<meta property="og:site_name" content="JBL Online Store MY">
55<meta property="og:url" content="https://jblonlinestore.com.my/blogs/news">
56<meta property="og:title" content="News">
57<meta property="og:type" content="website">
58<meta property="og:description" content="Explore JBL Shop Online Malaysia for premium headphones, speakers, &amp; sound systems. Enjoy top audio quality &amp; performance with official JBL products."><meta name="twitter:card" content="summary_large_image">
59<meta name="twitter:title" content="News">
60<meta name="twitter:description" content="Explore JBL Shop Online Malaysia for premium headphones, speakers, &amp; sound systems. Enjoy top audio quality &amp; performance with official JBL products.">
61
62
63    <style data-shopify>�
64
65  
66  
67  
68  
69  
70
71  
72
73  �
74
75    
76    
77    
78    
79    
80  
81
82  
83    
84    
85    :root,
86    .color-scheme-1 {
87      /* Background */
88      
89        --color-background: rgb(255 255 255 / 1.0);
90      
91
92      --color-background-rgb: 255 255 255;
93
94      /* Body */
95      --color-foreground: rgb(0 0 0 / 1.0);
96      --color-foreground-rgb: 0 0 0;
97
98      /* Heading */
99      --color-foreground-heading: rgb(0 0 0 / 1.0);
100      --color-foreground-heading-rgb: 0 0 0;
101
102      /* Link */
103      --color-primary: rgb(0 0 0 / 1.0);
104      --color-primary-rgb: 0 0 0;
105      --color-primary-hover: rgb(0 0 0 / 1.0);
106      --color-primary-hover-rgb: 0 0 0;
107
108      /* Border */
109      --color-border: rgb(169 169 169 / 1.0);
110      --color-border-rgb: 169 169 169;
111
112      /* Shadow */
113      --color-shadow: rgb(128 128 128 / 1.0);
114      --color-shadow-rgb: 128 128 128;
115
116      /* Button primary */
117      --color-primary-button-text: rgb(255 255 255 / 1.0);
118      --color-primary-button-text-rgb: 255 255 255;
119      
120        --color-primary-button-background: rgb(255 51 0 / 1.0);
121      
122
123      --color-primary-button-border: rgb(255 51 0 / 1.0);
124      --color-primary-button-hover-text: rgb(128 128 128 / 1.0);
125      
126        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
127      
128
129      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
130
131      /* Button secondary */
132      --color-secondary-button-text: rgb(255 255 255 / 1.0);
133      --color-secondary-button-text-rgb: 255 255 255;
134      
135        --color-secondary-button-background: rgb(0 0 0 / 1.0);
136      
137
138      --color-secondary-button-border: rgb(0 0 0 / 1.0);
139      --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
140      
141        --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
142      
143
144      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
145
146      /* Input */
147      --color-input-background: rgb(255 255 255 / 1.0);
148      --color-input-text: rgb(17 18 20 / 1.0);
149      --color-input-text-rgb: 17 18 20;
150      --color-input-border: rgb(198 198 198 / 1.0);
151      --color-input-border-rgb: 198 198 198;
152      --color-input-hover-background: rgb(245 245 245 / 1.0);
153
154      /* Payment Terms */
155      --payment-terms-background-color: rgb(255 255 255);
156
157      /* Arrows */
158      --arrow-color: rgb(30 60 50 / 1.0);
159      --arrow-color-rgb: 30 60 50;
160      --arrow-color-hover: rgb(51 51 51 / 1.0);
161      --arrow-color-hover-rgb: 51 51 51;
162
163      --arrow-background: rgb(var(--color-background-rgb));
164      
165
166      --arrow-background-rgb: 0 0 0;
167      --arrow-border: rgb(0 0 0 / 1.0);
168      --arrow-background-hover: rgb(0 0 0 / 1.0);
169      --arrow-background-hover-rgb: 0 0 0;
170
171      /* Pagination */
172      --pagination-color: rgb(0 0 0 / 1.0);
173      --pagination-active-color: rgb(198 198 198 / 1.0);
174      --pagination-active-color-rgb: 198 198 198;
175
176      /* Opacity */
177      --opacity-5-15: 0.05;
178      --opacity-10-25: 0.1;
179      --opacity-35-55: 0.35;
180      --opacity-40-60: 0.4;
181      --opacity-30-60: 0.3;
182
183      /* Disabled */
184      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
185      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
186      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
187      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
188    }
189  
190    
191    
192    
193    .color-scheme-2 {

194      /* Background */
195      
196        --color-background: rgb(0 0 0 / 1.0);
197      
198
199      --color-background-rgb: 0 0 0;
200
201      /* Body */
202      --color-foreground: rgb(255 255 255 / 1.0);
203      --color-foreground-rgb: 255 255 255;
204
205      /* Heading */
206      --color-foreground-heading: rgb(0 0 0 / 1.0);
207      --color-foreground-heading-rgb: 0 0 0;
208
209      /* Link */
210      --color-primary: rgb(38 38 38 / 1.0);
211      --color-primary-rgb: 38 38 38;
212      --color-primary-hover: rgb(0 0 0 / 1.0);
213      --color-primary-hover-rgb: 0 0 0;
214
215      /* Border */
216      --color-border: rgb(230 230 230 / 1.0);
217      --color-border-rgb: 230 230 230;
218
219      /* Shadow */
220      --color-shadow: rgb(18 18 18 / 1.0);
221      --color-shadow-rgb: 18 18 18;
222
223      /* Button primary */
224      --color-primary-button-text: rgb(243 243 243 / 1.0);
225      --color-primary-button-text-rgb: 243 243 243;
226      
227        --color-primary-button-background: rgb(18 18 18 / 1.0);
228      
229
230      --color-primary-button-border: rgb(0 0 0 / 1.0);
231      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
232      
233        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
234      
235
236      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
237
238      /* Button secondary */
239      --color-secondary-button-text: rgb(18 18 18 / 1.0);
240      --color-secondary-button-text-rgb: 18 18 18;
241      
242        --color-secondary-button-background: rgb(0 0 0 / 1.0);
243      
244
245      --color-secondary-button-border: rgb(0 0 0 / 1.0);
246      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
247      
248        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
249      
250
251      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
252
253      /* Input */
254      --color-input-background: rgb(255 255 255 / 1.0);
255      --color-input-text: rgb(0 0 0 / 1.0);
256      --color-input-text-rgb: 0 0 0;
257      --color-input-border: rgb(0 0 0 / 1.0);
258      --color-input-border-rgb: 0 0 0;
259      --color-input-hover-background: rgb(245 245 245 / 1.0);
260
261      /* Payment Terms */
262      --payment-terms-background-color: rgb(0 0 0);
263
264      /* Arrows */
265      --arrow-color: rgb(30 60 50 / 1.0);
266      --arrow-color-rgb: 30 60 50;
267      --arrow-color-hover: rgb(30 60 50 / 1.0);
268      --arrow-color-hover-rgb: 30 60 50;
269
270      --arrow-background: rgb(var(--color-background-rgb));
271      
272
273      --arrow-background-rgb: 0 0 0;
274      --arrow-border: rgb(0 0 0 / 0.0);
275      --arrow-background-hover: rgb(250 250 250 / 1.0);
276      --arrow-background-hover-rgb: 250 250 250;
277
278      /* Pagination */
279      --pagination-color: rgb(206 206 206 / 1.0);
280      --pagination-active-color: rgb(51 51 51 / 1.0);
281      --pagination-active-color-rgb: 51 51 51;
282
283      /* Opacity */
284      --opacity-5-15: 0.15;
285      --opacity-10-25: 0.25;
286      --opacity-35-55: 0.55;
287      --opacity-40-60: 0.6;
288      --opacity-30-60: 0.6;
289
290      /* Disabled */
291      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
292      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
293      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
294      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
295    }
296  
297    
298    
299    
300    .color-scheme-3 {
301      /* Background */
302      
303        --color-background: rgb(250 250 250 / 1.0);
304      
305
306      --color-background-rgb: 250 250 250;
307
308      /* Body */
309      --color-foreground: rgb(18 18 18 / 1.0);
310      --color-foreground-rgb: 18 18 18;
311
312      /* Heading */
313      --color-foreground-heading: rgb(0 0 0 / 1.0);
314      --color-foreground-heading-rgb: 0 0 0;
315
316      /* Link */
317      --color-primary: rgb(33 33 33 / 1.0);
318      --color-primary-rgb: 33 33 33;
319      --color-primary-hover: rgb(0 0 0 / 1.0);
320      --color-primary-hover-rgb: 0 0 0;
321
322      /* Border */
323      --color-border: rgb(230 230 230 / 1.0);
324      --color-border-rgb: 230 230 230;
325
326      /* Shadow */
327      --color-shadow: rgb(18 18 18 / 1.0);
328      --color-shadow-rgb: 18 18 18;
329
330      /* Button primary */
331      --color-primary-button-text: rgb(0 0 0 / 1.0);
332      --color-primary-button-text-rgb: 0 0 0;
333      
334        --color-primary-button-background: rgb(255 255 255 / 1.0);
335      
336
337      --color-primary-button-border: rgb(0 0 0 / 0.0);
338      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
339      
340        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
341      
342
343      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
344
345      /* Button secondary */
346      --color-secondary-button-text: rgb(17 18 20 / 1.0);
347      --color-secondary-button-text-rgb: 17 18 20;
348      
349        --color-secondary-button-background: rgb(255 255 255 / 1.0);
350      
351
352      --color-secondary-button-border: rgb(0 0 0 / 1.0);
353      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
354      
355        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
356      
357
358      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
359
360      /* Input */
361      --color-input-background: rgb(255 255 255 / 1.0);
362      --color-input-text: rgb(0 0 0 / 1.0);
363      --color-input-text-rgb: 0 0 0;
364      --color-input-border: rgb(0 0 0 / 1.0);
365      --color-input-border-rgb: 0 0 0;
366      --color-input-hover-background: rgb(245 245 245 / 1.0);
367
368      /* Payment Terms */
369      --payment-terms-background-color: rgb(250 250 250);
370
371      /* Arrows */
372      --arrow-color: rgb(51 51 51 / 1.0);
373      --arrow-color-rgb: 51 51 51;
374      --arrow-color-hover: rgb(51 51 51 / 1.0);
375      --arrow-color-hover-rgb: 51 51 51;
376
377      
378        --arrow-background: rgb(255 255 255 / 1.0);
379
380      --arrow-background-rgb: 255 255 255;
381      --arrow-border: rgb(51 51 51 / 1.0);
382      --arrow-background-hover: rgb(255 255 255 / 1.0);
383      --arrow-background-hover-rgb: 255 255 255;
384
385      /* Pagination */
386      --pagination-color: rgb(206 206 206 / 1.0);
387      --pagination-active-color: rgb(51 51 51 / 1.0);
388      --pagination-active-color-rgb: 51 51 51;
389
390      /* Opacity */
391      --opacity-5-15: 0.05;
392      --opacity-10-25: 0.1;
393      --opacity-35-55: 0.35;
394      --opacity-40-60: 0.4;
395      --opacity-30-60: 0.3;
396
397      /* Disabled */
398      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
399      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
400      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
401      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
402    }
403  
404    
405    
406    
407    .color-scheme-4 {

408      /* Background */
409      
410        --color-background: rgb(0 0 0 / 0.0);
411      
412
413      --color-background-rgb: 0 0 0;
414
415      /* Body */
416      --color-foreground: rgb(255 255 255 / 1.0);
417      --color-foreground-rgb: 255 255 255;
418
419      /* Heading */
420      --color-foreground-heading: rgb(0 0 0 / 1.0);
421      --color-foreground-heading-rgb: 0 0 0;
422
423      /* Link */
424      --color-primary: rgb(255 255 255 / 1.0);
425      --color-primary-rgb: 255 255 255;
426      --color-primary-hover: rgb(0 0 0 / 1.0);
427      --color-primary-hover-rgb: 0 0 0;
428
429      /* Border */
430      --color-border: rgb(230 230 230 / 1.0);
431      --color-border-rgb: 230 230 230;
432
433      /* Shadow */
434      --color-shadow: rgb(18 18 18 / 1.0);
435      --color-shadow-rgb: 18 18 18;
436
437      /* Button primary */
438      --color-primary-button-text: rgb(255 255 255 / 1.0);
439      --color-primary-button-text-rgb: 255 255 255;
440      
441        --color-primary-button-background: rgb(0 0 0 / 0.0);
442      
443
444      --color-primary-button-border: rgb(0 0 0 / 1.0);
445      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
446      
447        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
448      
449
450      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
451
452      /* Button secondary */
453      --color-secondary-button-text: rgb(18 18 18 / 1.0);
454      --color-secondary-button-text-rgb: 18 18 18;
455      
456        --color-secondary-button-background: rgb(255 255 255 / 1.0);
457      
458
459      --color-secondary-button-border: rgb(0 0 0 / 1.0);
460      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
461      
462        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
463      
464
465      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
466
467      /* Input */
468      --color-input-background: rgb(255 255 255 / 1.0);
469      --color-input-text: rgb(0 0 0 / 1.0);
470      --color-input-text-rgb: 0 0 0;
471      --color-input-border: rgb(0 0 0 / 1.0);
472      --color-input-border-rgb: 0 0 0;
473      --color-input-hover-background: rgb(245 245 245 / 1.0);
474
475      /* Payment Terms */
476      --payment-terms-background-color: rgb(0 0 0);
477
478      /* Arrows */
479      --arrow-color: rgb(51 51 51 / 1.0);
480      --arrow-color-rgb: 51 51 51;
481      --arrow-color-hover: rgb(51 51 51 / 1.0);
482      --arrow-color-hover-rgb: 51 51 51;
483
484      
485        --arrow-background: rgb(255 255 255 / 1.0);
486
487      --arrow-background-rgb: 255 255 255;
488      --arrow-border: rgb(51 51 51 / 1.0);
489      --arrow-background-hover: rgb(255 255 255 / 1.0);
490      --arrow-background-hover-rgb: 255 255 255;
491
492      /* Pagination */
493      --pagination-color: rgb(206 206 206 / 1.0);
494      --pagination-active-color: rgb(51 51 51 / 1.0);
495      --pagination-active-color-rgb: 51 51 51;
496
497      /* Opacity */
498      --opacity-5-15: 0.15;
499      --opacity-10-25: 0.25;
500      --opacity-35-55: 0.55;
501      --opacity-40-60: 0.6;
502      --opacity-30-60: 0.6;
503
504      /* Disabled */
505      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
506      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
507      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
508      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
509    }
510  
511    
512    
513    
514    .color-scheme-5 {
515      /* Background */
516      
517        --color-background: rgb(0 0 0 / 0.0);
518      
519
520      --color-background-rgb: 0 0 0;
521
522      /* Body */
523      --color-foreground: rgb(255 255 255 / 1.0);
524      --color-foreground-rgb: 255 255 255;
525
526      /* Heading */
527      --color-foreground-heading: rgb(0 0 0 / 1.0);
528      --color-foreground-heading-rgb: 0 0 0;
529
530      /* Link */
531      --color-primary: rgb(0 15 159 / 1.0);
532      --color-primary-rgb: 0 15 159;
533      --color-primary-hover: rgb(0 0 0 / 1.0);
534      --color-primary-hover-rgb: 0 0 0;
535
536      /* Border */
537      --color-border: rgb(230 230 230 / 1.0);
538      --color-border-rgb: 230 230 230;
539
540      /* Shadow */
541      --color-shadow: rgb(18 18 18 / 1.0);
542      --color-shadow-rgb: 18 18 18;
543
544      /* Button primary */
545      --color-primary-button-text: rgb(0 0 0 / 1.0);
546      --color-primary-button-text-rgb: 0 0 0;
547      
548        --color-primary-button-background: rgb(255 255 255 / 1.0);
549      
550
551      --color-primary-button-border: rgb(255 255 255 / 1.0);
552      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
553      
554        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
555      
556
557      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
558
559      /* Button secondary */
560      --color-secondary-button-text: rgb(17 18 20 / 1.0);
561      --color-secondary-button-text-rgb: 17 18 20;
562      
563        --color-secondary-button-background: rgb(255 255 255 / 1.0);
564      
565
566      --color-secondary-button-border: rgb(0 0 0 / 1.0);
567      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
568      
569        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
570      
571
572      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
573
574      /* Input */
575      --color-input-background: rgb(255 255 255 / 1.0);
576      --color-input-text: rgb(0 0 0 / 1.0);
577      --color-input-text-rgb: 0 0 0;
578      --color-input-border: rgb(0 0 0 / 1.0);
579      --color-input-border-rgb: 0 0 0;
580      --color-input-hover-background: rgb(245 245 245 / 1.0);
581
582      /* Payment Terms */
583      --payment-terms-background-color: rgb(0 0 0);
584
585      /* Arrows */
586      --arrow-color: rgb(51 51 51 / 1.0);
587      --arrow-color-rgb: 51 51 51;
588      --arrow-color-hover: rgb(51 51 51 / 1.0);
589      --arrow-color-hover-rgb: 51 51 51;
590
591      
592        --arrow-background: rgb(255 255 255 / 1.0);
593
594      --arrow-background-rgb: 255 255 255;
595      --arrow-border: rgb(51 51 51 / 1.0);
596      --arrow-background-hover: rgb(255 255 255 / 1.0);
597      --arrow-background-hover-rgb: 255 255 255;
598
599      /* Pagination */
600      --pagination-color: rgb(206 206 206 / 1.0);
601      --pagination-active-color: rgb(51 51 51 / 1.0);
602      --pagination-active-color-rgb: 51 51 51;
603
604      /* Opacity */
605      --opacity-5-15: 0.15;
606      --opacity-10-25: 0.25;
607      --opacity-35-55: 0.55;
608      --opacity-40-60: 0.6;
609      --opacity-30-60: 0.6;
610
611      /* Disabled */
612      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
613      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
614      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
615      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
616    }
617  
618    
619    
620    
621    .color-scheme-6 {

622      /* Background */
623      
624        --color-background: rgb(255 255 255 / 1.0);
625      
626
627      --color-background-rgb: 255 255 255;
628
629      /* Body */
630      --color-foreground: rgb(0 0 0 / 1.0);
631      --color-foreground-rgb: 0 0 0;
632
633      /* Heading */
634      --color-foreground-heading: rgb(0 0 0 / 1.0);
635      --color-foreground-heading-rgb: 0 0 0;
636
637      /* Link */
638      --color-primary: rgb(0 0 0 / 1.0);
639      --color-primary-rgb: 0 0 0;
640      --color-primary-hover: rgb(0 0 0 / 1.0);
641      --color-primary-hover-rgb: 0 0 0;
642
643      /* Border */
644      --color-border: rgb(169 169 169 / 1.0);
645      --color-border-rgb: 169 169 169;
646
647      /* Shadow */
648      --color-shadow: rgb(128 128 128 / 1.0);
649      --color-shadow-rgb: 128 128 128;
650
651      /* Button primary */
652      --color-primary-button-text: rgb(255 255 255 / 1.0);
653      --color-primary-button-text-rgb: 255 255 255;
654      
655        --color-primary-button-background: rgb(255 51 0 / 1.0);
656      
657
658      --color-primary-button-border: rgb(255 51 0 / 1.0);
659      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
660      
661        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
662      
663
664      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
665
666      /* Button secondary */
667      --color-secondary-button-text: rgb(255 255 255 / 1.0);
668      --color-secondary-button-text-rgb: 255 255 255;
669      
670        --color-secondary-button-background: rgb(0 0 0 / 1.0);
671      
672
673      --color-secondary-button-border: rgb(0 0 0 / 1.0);
674      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
675      
676        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
677      
678
679      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
680
681      /* Input */
682      --color-input-background: rgb(255 255 255 / 1.0);
683      --color-input-text: rgb(0 0 0 / 1.0);
684      --color-input-text-rgb: 0 0 0;
685      --color-input-border: rgb(198 198 198 / 1.0);
686      --color-input-border-rgb: 198 198 198;
687      --color-input-hover-background: rgb(245 245 245 / 1.0);
688
689      /* Payment Terms */
690      --payment-terms-background-color: rgb(255 255 255);
691
692      /* Arrows */
693      --arrow-color: rgb(30 60 50 / 1.0);
694      --arrow-color-rgb: 30 60 50;
695      --arrow-color-hover: rgb(51 51 51 / 1.0);
696      --arrow-color-hover-rgb: 51 51 51;
697
698      --arrow-background: rgb(var(--color-background-rgb));
699      
700
701      --arrow-background-rgb: 0 0 0;
702      --arrow-border: rgb(0 0 0 / 0.0);
703      --arrow-background-hover: rgb(255 255 255 / 1.0);
704      --arrow-background-hover-rgb: 255 255 255;
705
706      /* Pagination */
707      --pagination-color: rgb(0 0 0 / 1.0);
708      --pagination-active-color: rgb(198 198 198 / 1.0);
709      --pagination-active-color-rgb: 198 198 198;
710
711      /* Opacity */
712      --opacity-5-15: 0.05;
713      --opacity-10-25: 0.1;
714      --opacity-35-55: 0.35;
715      --opacity-40-60: 0.4;
716      --opacity-30-60: 0.3;
717
718      /* Disabled */
719      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
720      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
721      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
722      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
723    }
724  
725    
726    
727    
728    .color-scheme-7 {
729      /* Background */
730      
731        --color-background: rgb(221 80 51 / 1.0);
732      
733
734      --color-background-rgb: 221 80 51;
735
736      /* Body */
737      --color-foreground: rgb(255 102 0 / 1.0);
738      --color-foreground-rgb: 255 102 0;
739
740      /* Heading */
741      --color-foreground-heading: rgb(255 255 255 / 1.0);
742      --color-foreground-heading-rgb: 255 255 255;
743
744      /* Link */
745      --color-primary: rgb(0 15 159 / 1.0);
746      --color-primary-rgb: 0 15 159;
747      --color-primary-hover: rgb(0 0 0 / 0.0);
748      --color-primary-hover-rgb: 0 0 0;
749
750      /* Border */
751      --color-border: rgb(230 230 230 / 1.0);
752      --color-border-rgb: 230 230 230;
753
754      /* Shadow */
755      --color-shadow: rgb(0 0 0 / 0.0);
756      --color-shadow-rgb: 0 0 0;
757
758      /* Button primary */
759      --color-primary-button-text: rgb(255 0 0 / 1.0);
760      --color-primary-button-text-rgb: 255 0 0;
761      
762        --color-primary-button-background: rgb(255 255 255 / 1.0);
763      
764
765      --color-primary-button-border: rgb(0 0 0 / 0.0);
766      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
767      
768        --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
769      
770
771      --color-primary-button-hover-border: rgb(0 0 0 / 0.0);
772
773      /* Button secondary */
774      --color-secondary-button-text: rgb(18 18 18 / 1.0);
775      --color-secondary-button-text-rgb: 18 18 18;
776      
777        --color-secondary-button-background: rgb(255 255 255 / 1.0);
778      
779
780      --color-secondary-button-border: rgb(0 0 0 / 0.0);
781      --color-secondary-button-hover-text: rgb(255 102 0 / 1.0);
782      
783        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
784      
785
786      --color-secondary-button-hover-border: rgb(0 0 0 / 0.0);
787
788      /* Input */
789      --color-input-background: rgb(255 255 255 / 1.0);
790      --color-input-text: rgb(0 0 0 / 1.0);
791      --color-input-text-rgb: 0 0 0;
792      --color-input-border: rgb(0 0 0 / 0.0);
793      --color-input-border-rgb: 0 0 0;
794      --color-input-hover-background: rgb(245 245 245 / 1.0);
795
796      /* Payment Terms */
797      --payment-terms-background-color: rgb(221 80 51);
798
799      /* Arrows */
800      --arrow-color: rgb(51 51 51 / 1.0);
801      --arrow-color-rgb: 51 51 51;
802      --arrow-color-hover: rgb(0 0 0 / 0.0);
803      --arrow-color-hover-rgb: 0 0 0;
804
805      
806        --arrow-background: rgb(255 255 255 / 1.0);
807
808      --arrow-background-rgb: 255 255 255;
809      --arrow-border: rgb(51 51 51 / 1.0);
810      --arrow-background-hover: rgb(255 255 255 / 1.0);
811      --arrow-background-hover-rgb: 255 255 255;
812
813      /* Pagination */
814      --pagination-color: rgb(206 206 206 / 1.0);
815      --pagination-active-color: rgb(0 0 0 / 0.0);
816      --pagination-active-color-rgb: 0 0 0;
817
818      /* Opacity */
819      --opacity-5-15: 0.05;
820      --opacity-10-25: 0.1;
821      --opacity-35-55: 0.35;
822      --opacity-40-60: 0.4;
823      --opacity-30-60: 0.3;
824
825      /* Disabled */
826      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
827      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
828      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
829      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
830    }
831  
832    
833    
834    
835    .color-scheme-8 {

836      /* Background */
837      
838        --color-background: rgb(248 248 248 / 1.0);
839      
840
841      --color-background-rgb: 248 248 248;
842
843      /* Body */
844      --color-foreground: rgb(60 60 60 / 1.0);
845      --color-foreground-rgb: 60 60 60;
846
847      /* Heading */
848      --color-foreground-heading: rgb(0 0 0 / 1.0);
849      --color-foreground-heading-rgb: 0 0 0;
850
851      /* Link */
852      --color-primary: rgb(60 60 60 / 1.0);
853      --color-primary-rgb: 60 60 60;
854      --color-primary-hover: rgb(35 35 35 / 1.0);
855      --color-primary-hover-rgb: 35 35 35;
856
857      /* Border */
858      --color-border: rgb(230 230 230 / 1.0);
859      --color-border-rgb: 230 230 230;
860
861      /* Shadow */
862      --color-shadow: rgb(18 18 18 / 1.0);
863      --color-shadow-rgb: 18 18 18;
864
865      /* Button primary */
866      --color-primary-button-text: rgb(255 0 0 / 1.0);
867      --color-primary-button-text-rgb: 255 0 0;
868      
869        --color-primary-button-background: rgb(18 18 18 / 1.0);
870      
871
872      --color-primary-button-border: rgb(0 0 0 / 1.0);
873      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
874      
875        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
876      
877
878      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
879
880      /* Button secondary */
881      --color-secondary-button-text: rgb(18 18 18 / 1.0);
882      --color-secondary-button-text-rgb: 18 18 18;
883      
884        --color-secondary-button-background: rgb(255 255 255 / 1.0);
885      
886
887      --color-secondary-button-border: rgb(0 0 0 / 1.0);
888      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
889      
890        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
891      
892
893      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
894
895      /* Input */
896      --color-input-background: rgb(255 255 255 / 1.0);
897      --color-input-text: rgb(0 0 0 / 1.0);
898      --color-input-text-rgb: 0 0 0;
899      --color-input-border: rgb(0 0 0 / 1.0);
900      --color-input-border-rgb: 0 0 0;
901      --color-input-hover-background: rgb(245 245 245 / 1.0);
902
903      /* Payment Terms */
904      --payment-terms-background-color: rgb(248 248 248);
905
906      /* Arrows */
907      --arrow-color: rgb(51 51 51 / 1.0);
908      --arrow-color-rgb: 51 51 51;
909      --arrow-color-hover: rgb(51 51 51 / 1.0);
910      --arrow-color-hover-rgb: 51 51 51;
911
912      
913        --arrow-background: rgb(255 255 255 / 1.0);
914
915      --arrow-background-rgb: 255 255 255;
916      --arrow-border: rgb(51 51 51 / 1.0);
917      --arrow-background-hover: rgb(255 255 255 / 1.0);
918      --arrow-background-hover-rgb: 255 255 255;
919
920      /* Pagination */
921      --pagination-color: rgb(206 206 206 / 1.0);
922      --pagination-active-color: rgb(51 51 51 / 1.0);
923      --pagination-active-color-rgb: 51 51 51;
924
925      /* Opacity */
926      --opacity-5-15: 0.05;
927      --opacity-10-25: 0.1;
928      --opacity-35-55: 0.35;
929      --opacity-40-60: 0.4;
930      --opacity-30-60: 0.3;
931
932      /* Disabled */
933      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
934      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
935      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
936      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
937    }
938  
939    
940    
941    
942    .color-scheme-9 {
943      /* Background */
944      
945        --color-background: rgb(0 0 0 / 0.0);
946      
947
948      --color-background-rgb: 0 0 0;
949
950      /* Body */
951      --color-foreground: rgb(255 255 255 / 1.0);
952      --color-foreground-rgb: 255 255 255;
953
954      /* Heading */
955      --color-foreground-heading: rgb(255 255 255 / 1.0);
956      --color-foreground-heading-rgb: 255 255 255;
957
958      /* Link */
959      --color-primary: rgb(255 255 255 / 1.0);
960      --color-primary-rgb: 255 255 255;
961      --color-primary-hover: rgb(255 255 255 / 1.0);
962      --color-primary-hover-rgb: 255 255 255;
963
964      /* Border */
965      --color-border: rgb(230 230 230 / 1.0);
966      --color-border-rgb: 230 230 230;
967
968      /* Shadow */
969      --color-shadow: rgb(18 18 18 / 1.0);
970      --color-shadow-rgb: 18 18 18;
971
972      /* Button primary */
973      --color-primary-button-text: rgb(0 0 0 / 1.0);
974      --color-primary-button-text-rgb: 0 0 0;
975      
976        --color-primary-button-background: rgb(255 255 255 / 1.0);
977      
978
979      --color-primary-button-border: rgb(0 0 0 / 0.0);
980      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
981      
982        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
983      
984
985      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
986
987      /* Button secondary */
988      --color-secondary-button-text: rgb(18 18 18 / 1.0);
989      --color-secondary-button-text-rgb: 18 18 18;
990      
991        --color-secondary-button-background: rgb(255 255 255 / 1.0);
992      
993
994      --color-secondary-button-border: rgb(0 0 0 / 1.0);
995      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
996      
997        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
998      
999
1000      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1001
1002      /* Input */
1003      --color-input-background: rgb(255 255 255 / 1.0);
1004      --color-input-text: rgb(0 0 0 / 1.0);
1005      --color-input-text-rgb: 0 0 0;
1006      --color-input-border: rgb(0 0 0 / 1.0);
1007      --color-input-border-rgb: 0 0 0;
1008      --color-input-hover-background: rgb(245 245 245 / 1.0);
1009
1010      /* Payment Terms */
1011      --payment-terms-background-color: rgb(0 0 0);
1012
1013      /* Arrows */
1014      --arrow-color: rgb(51 51 51 / 1.0);
1015      --arrow-color-rgb: 51 51 51;
1016      --arrow-color-hover: rgb(51 51 51 / 1.0);
1017      --arrow-color-hover-rgb: 51 51 51;
1018
1019      
1020        --arrow-background: rgb(255 255 255 / 1.0);
1021
1022      --arrow-background-rgb: 255 255 255;
1023      --arrow-border: rgb(51 51 51 / 1.0);
1024      --arrow-background-hover: rgb(255 255 255 / 1.0);
1025      --arrow-background-hover-rgb: 255 255 255;
1026
1027      /* Pagination */
1028      --pagination-color: rgb(206 206 206 / 1.0);
1029      --pagination-active-color: rgb(51 51 51 / 1.0);
1030      --pagination-active-color-rgb: 51 51 51;
1031
1032      /* Opacity */
1033      --opacity-5-15: 0.15;
1034      --opacity-10-25: 0.25;
1035      --opacity-35-55: 0.55;
1036      --opacity-40-60: 0.6;
1037      --opacity-30-60: 0.6;
1038
1039      /* Disabled */
1040      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1041      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1042      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1043      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1044    }
1045  
1046    
1047    
1048    
1049    .color-scheme-10 {

1050      /* Background */
1051      
1052        --color-background: rgb(255 255 255 / 1.0);
1053      
1054
1055      --color-background-rgb: 255 255 255;
1056
1057      /* Body */
1058      --color-foreground: rgb(0 0 0 / 1.0);
1059      --color-foreground-rgb: 0 0 0;
1060
1061      /* Heading */
1062      --color-foreground-heading: rgb(255 255 255 / 1.0);
1063      --color-foreground-heading-rgb: 255 255 255;
1064
1065      /* Link */
1066      --color-primary: rgb(255 255 255 / 1.0);
1067      --color-primary-rgb: 255 255 255;
1068      --color-primary-hover: rgb(0 0 0 / 1.0);
1069      --color-primary-hover-rgb: 0 0 0;
1070
1071      /* Border */
1072      --color-border: rgb(0 0 0 / 1.0);
1073      --color-border-rgb: 0 0 0;
1074
1075      /* Shadow */
1076      --color-shadow: rgb(0 0 0 / 0.0);
1077      --color-shadow-rgb: 0 0 0;
1078
1079      /* Button primary */
1080      --color-primary-button-text: rgb(255 255 255 / 1.0);
1081      --color-primary-button-text-rgb: 255 255 255;
1082      
1083        --color-primary-button-background: rgb(0 0 0 / 1.0);
1084      
1085
1086      --color-primary-button-border: rgb(0 0 0 / 1.0);
1087      --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1088      
1089        --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
1090      
1091
1092      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1093
1094      /* Button secondary */
1095      --color-secondary-button-text: rgb(0 0 0 / 1.0);
1096      --color-secondary-button-text-rgb: 0 0 0;
1097      
1098        --color-secondary-button-background: rgb(255 255 255 / 1.0);
1099      
1100
1101      --color-secondary-button-border: rgb(0 0 0 / 1.0);
1102      --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1103      
1104        --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
1105      
1106
1107      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1108
1109      /* Input */
1110      --color-input-background: rgb(255 255 255 / 1.0);
1111      --color-input-text: rgb(0 0 0 / 1.0);
1112      --color-input-text-rgb: 0 0 0;
1113      --color-input-border: rgb(198 198 198 / 1.0);
1114      --color-input-border-rgb: 198 198 198;
1115      --color-input-hover-background: rgb(245 245 245 / 1.0);
1116
1117      /* Payment Terms */
1118      --payment-terms-background-color: rgb(255 255 255);
1119
1120      /* Arrows */
1121      --arrow-color: rgb(30 60 50 / 1.0);
1122      --arrow-color-rgb: 30 60 50;
1123      --arrow-color-hover: rgb(51 51 51 / 1.0);
1124      --arrow-color-hover-rgb: 51 51 51;
1125
1126      --arrow-background: rgb(var(--color-background-rgb));
1127      
1128
1129      --arrow-background-rgb: 0 0 0;
1130      --arrow-border: rgb(0 0 0 / 0.0);
1131      --arrow-background-hover: rgb(255 255 255 / 1.0);
1132      --arrow-background-hover-rgb: 255 255 255;
1133
1134      /* Pagination */
1135      --pagination-color: rgb(0 0 0 / 1.0);
1136      --pagination-active-color: rgb(198 198 198 / 1.0);
1137      --pagination-active-color-rgb: 198 198 198;
1138
1139      /* Opacity */
1140      --opacity-5-15: 0.05;
1141      --opacity-10-25: 0.1;
1142      --opacity-35-55: 0.35;
1143      --opacity-40-60: 0.4;
1144      --opacity-30-60: 0.3;
1145
1146      /* Disabled */
1147      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1148      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1149      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1150      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1151    }
1152  
1153    
1154    
1155    
1156    .color-scheme-11 {
1157      /* Background */
1158      
1159        --color-background: rgb(255 255 255 / 1.0);
1160      
1161
1162      --color-background-rgb: 255 255 255;
1163
1164      /* Body */
1165      --color-foreground: rgb(0 0 0 / 1.0);
1166      --color-foreground-rgb: 0 0 0;
1167
1168      /* Heading */
1169      --color-foreground-heading: rgb(0 0 0 / 1.0);
1170      --color-foreground-heading-rgb: 0 0 0;
1171
1172      /* Link */
1173      --color-primary: rgb(0 0 0 / 1.0);
1174      --color-primary-rgb: 0 0 0;
1175      --color-primary-hover: rgb(0 0 0 / 1.0);
1176      --color-primary-hover-rgb: 0 0 0;
1177
1178      /* Border */
1179      --color-border: rgb(169 169 169 / 1.0);
1180      --color-border-rgb: 169 169 169;
1181
1182      /* Shadow */
1183      --color-shadow: rgb(128 128 128 / 1.0);
1184      --color-shadow-rgb: 128 128 128;
1185
1186      /* Button primary */
1187      --color-primary-button-text: rgb(0 0 0 / 1.0);
1188      --color-primary-button-text-rgb: 0 0 0;
1189      
1190        --color-primary-button-background: rgb(255 255 255 / 1.0);
1191      
1192
1193      --color-primary-button-border: rgb(0 0 0 / 1.0);
1194      --color-primary-button-hover-text: rgb(128 128 128 / 1.0);
1195      
1196        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1197      
1198
1199      --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1200
1201      /* Button secondary */
1202      --color-secondary-button-text: rgb(255 255 255 / 1.0);
1203      --color-secondary-button-text-rgb: 255 255 255;
1204      
1205        --color-secondary-button-background: rgb(0 0 0 / 1.0);
1206      
1207
1208      --color-secondary-button-border: rgb(0 0 0 / 1.0);
1209      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1210      
1211        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1212      
1213
1214      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1215
1216      /* Input */
1217      --color-input-background: rgb(255 255 255 / 1.0);
1218      --color-input-text: rgb(0 0 0 / 1.0);
1219      --color-input-text-rgb: 0 0 0;
1220      --color-input-border: rgb(198 198 198 / 1.0);
1221      --color-input-border-rgb: 198 198 198;
1222      --color-input-hover-background: rgb(245 245 245 / 1.0);
1223
1224      /* Payment Terms */
1225      --payment-terms-background-color: rgb(255 255 255);
1226
1227      /* Arrows */
1228      --arrow-color: rgb(30 60 50 / 1.0);
1229      --arrow-color-rgb: 30 60 50;
1230      --arrow-color-hover: rgb(51 51 51 / 1.0);
1231      --arrow-color-hover-rgb: 51 51 51;
1232
1233      --arrow-background: rgb(var(--color-background-rgb));
1234      
1235
1236      --arrow-background-rgb: 0 0 0;
1237      --arrow-border: rgb(0 0 0 / 0.0);
1238      --arrow-background-hover: rgb(255 255 255 / 1.0);
1239      --arrow-background-hover-rgb: 255 255 255;
1240
1241      /* Pagination */
1242      --pagination-color: rgb(0 0 0 / 1.0);
1243      --pagination-active-color: rgb(198 198 198 / 1.0);
1244      --pagination-active-color-rgb: 198 198 198;
1245
1246      /* Opacity */
1247      --opacity-5-15: 0.05;
1248      --opacity-10-25: 0.1;
1249      --opacity-35-55: 0.35;
1250      --opacity-40-60: 0.4;
1251      --opacity-30-60: 0.3;
1252
1253      /* Disabled */
1254      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1255      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1256      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1257      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1258    }
1259  
1260    
1261    
1262    
1263    .color-scheme-12 {

1264      /* Background */
1265      
1266        --color-background: rgb(255 255 255 / 1.0);
1267      
1268
1269      --color-background-rgb: 255 255 255;
1270
1271      /* Body */
1272      --color-foreground: rgb(7 65 75 / 1.0);
1273      --color-foreground-rgb: 7 65 75;
1274
1275      /* Heading */
1276      --color-foreground-heading: rgb(0 0 0 / 1.0);
1277      --color-foreground-heading-rgb: 0 0 0;
1278
1279      /* Link */
1280      --color-primary: rgb(0 89 105 / 1.0);
1281      --color-primary-rgb: 0 89 105;
1282      --color-primary-hover: rgb(0 0 0 / 1.0);
1283      --color-primary-hover-rgb: 0 0 0;
1284
1285      /* Border */
1286      --color-border: rgb(169 169 169 / 1.0);
1287      --color-border-rgb: 169 169 169;
1288
1289      /* Shadow */
1290      --color-shadow: rgb(128 128 128 / 1.0);
1291      --color-shadow-rgb: 128 128 128;
1292
1293      /* Button primary */
1294      --color-primary-button-text: rgb(255 255 255 / 1.0);
1295      --color-primary-button-text-rgb: 255 255 255;
1296      
1297        --color-primary-button-background: rgb(0 136 164 / 1.0);
1298      
1299
1300      --color-primary-button-border: rgb(0 136 164 / 1.0);
1301      --color-primary-button-hover-text: rgb(0 136 164 / 1.0);
1302      
1303        --color-primary-button-hover-background: rgb(255 255 255 / 1.0);
1304      
1305
1306      --color-primary-button-hover-border: rgb(0 136 164 / 1.0);
1307
1308      /* Button secondary */
1309      --color-secondary-button-text: rgb(255 255 255 / 1.0);
1310      --color-secondary-button-text-rgb: 255 255 255;
1311      
1312        --color-secondary-button-background: rgb(0 0 0 / 1.0);
1313      
1314
1315      --color-secondary-button-border: rgb(0 0 0 / 1.0);
1316      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1317      
1318        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1319      
1320
1321      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1322
1323      /* Input */
1324      --color-input-background: rgb(255 255 255 / 1.0);
1325      --color-input-text: rgb(0 0 0 / 1.0);
1326      --color-input-text-rgb: 0 0 0;
1327      --color-input-border: rgb(198 198 198 / 1.0);
1328      --color-input-border-rgb: 198 198 198;
1329      --color-input-hover-background: rgb(245 245 245 / 1.0);
1330
1331      /* Payment Terms */
1332      --payment-terms-background-color: rgb(255 255 255);
1333
1334      /* Arrows */
1335      --arrow-color: rgb(30 60 50 / 1.0);
1336      --arrow-color-rgb: 30 60 50;
1337      --arrow-color-hover: rgb(51 51 51 / 1.0);
1338      --arrow-color-hover-rgb: 51 51 51;
1339
1340      --arrow-background: rgb(var(--color-background-rgb));
1341      
1342
1343      --arrow-background-rgb: 0 0 0;
1344      --arrow-border: rgb(0 0 0 / 0.0);
1345      --arrow-background-hover: rgb(255 255 255 / 1.0);
1346      --arrow-background-hover-rgb: 255 255 255;
1347
1348      /* Pagination */
1349      --pagination-color: rgb(0 0 0 / 1.0);
1350      --pagination-active-color: rgb(255 255 255 / 1.0);
1351      --pagination-active-color-rgb: 255 255 255;
1352
1353      /* Opacity */
1354      --opacity-5-15: 0.05;
1355      --opacity-10-25: 0.1;
1356      --opacity-35-55: 0.35;
1357      --opacity-40-60: 0.4;
1358      --opacity-30-60: 0.3;
1359
1360      /* Disabled */
1361      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1362      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1363      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1364      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1365    }
1366  
1367    
1368    
1369    
1370    .color-scheme-13 {
1371      /* Background */
1372      
1373        --color-background: rgb(255 255 255 / 1.0);
1374      
1375
1376      --color-background-rgb: 255 255 255;
1377
1378      /* Body */
1379      --color-foreground: rgb(7 65 75 / 1.0);
1380      --color-foreground-rgb: 7 65 75;
1381
1382      /* Heading */
1383      --color-foreground-heading: rgb(0 0 0 / 1.0);
1384      --color-foreground-heading-rgb: 0 0 0;
1385
1386      /* Link */
1387      --color-primary: rgb(0 89 105 / 1.0);
1388      --color-primary-rgb: 0 89 105;
1389      --color-primary-hover: rgb(0 0 0 / 1.0);
1390      --color-primary-hover-rgb: 0 0 0;
1391
1392      /* Border */
1393      --color-border: rgb(169 169 169 / 1.0);
1394      --color-border-rgb: 169 169 169;
1395
1396      /* Shadow */
1397      --color-shadow: rgb(128 128 128 / 1.0);
1398      --color-shadow-rgb: 128 128 128;
1399
1400      /* Button primary */
1401      --color-primary-button-text: rgb(0 0 0 / 1.0);
1402      --color-primary-button-text-rgb: 0 0 0;
1403      
1404        --color-primary-button-background: rgb(255 255 255 / 1.0);
1405      
1406
1407      --color-primary-button-border: rgb(198 198 198 / 1.0);
1408      --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1409      
1410        --color-primary-button-hover-background: rgb(0 89 105 / 1.0);
1411      
1412
1413      --color-primary-button-hover-border: rgb(0 89 105 / 1.0);
1414
1415      /* Button secondary */
1416      --color-secondary-button-text: rgb(255 255 255 / 1.0);
1417      --color-secondary-button-text-rgb: 255 255 255;
1418      
1419        --color-secondary-button-background: rgb(0 0 0 / 1.0);
1420      
1421
1422      --color-secondary-button-border: rgb(0 0 0 / 1.0);
1423      --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1424      
1425        --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1426      
1427
1428      --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1429
1430      /* Input */
1431      --color-input-background: rgb(255 255 255 / 1.0);
1432      --color-input-text: rgb(0 0 0 / 1.0);
1433      --color-input-text-rgb: 0 0 0;
1434      --color-input-border: rgb(198 198 198 / 1.0);
1435      --color-input-border-rgb: 198 198 198;
1436      --color-input-hover-background: rgb(245 245 245 / 1.0);
1437
1438      /* Payment Terms */
1439      --payment-terms-background-color: rgb(255 255 255);
1440
1441      /* Arrows */
1442      --arrow-color: rgb(30 60 50 / 1.0);
1443      --arrow-color-rgb: 30 60 50;
1444      --arrow-color-hover: rgb(51 51 51 / 1.0);
1445      --arrow-color-hover-rgb: 51 51 51;
1446
1447      --arrow-background: rgb(var(--color-background-rgb));
1448      
1449
1450      --arrow-background-rgb: 0 0 0;
1451      --arrow-border: rgb(0 0 0 / 0.0);
1452      --arrow-background-hover: rgb(255 255 255 / 1.0);
1453      --arrow-background-hover-rgb: 255 255 255;
1454
1455      /* Pagination */
1456      --pagination-color: rgb(198 198 198 / 1.0);
1457      --pagination-active-color: rgb(82 82 82 / 1.0);
1458      --pagination-active-color-rgb: 82 82 82;
1459
1460      /* Opacity */
1461      --opacity-5-15: 0.05;
1462      --opacity-10-25: 0.1;
1463      --opacity-35-55: 0.35;
1464      --opacity-40-60: 0.4;
1465      --opacity-30-60: 0.3;
1466
1467      /* Disabled */
1468      --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1469      --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1470      --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1471      --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1472    }
1473  
1474  
1475    
1476    @media screen and (max-width: 749px){
1477      :root,
1478      .color-mobile-scheme-1  {

1479        /* Background */
1480        
1481          --color-background: rgb(255 255 255 / 1.0);
1482        
1483
1484        --color-background-rgb: 255 255 255;
1485
1486        /* Body */
1487        --color-foreground: rgb(0 0 0 / 1.0);
1488        --color-foreground-rgb: 0 0 0;
1489
1490        /* Heading */
1491        --color-foreground-heading: rgb(0 0 0 / 1.0);
1492        --color-foreground-heading-rgb: 0 0 0;
1493
1494        /* Link */
1495        --color-primary: rgb(0 0 0 / 1.0);
1496        --color-primary-rgb: 0 0 0;
1497        --color-primary-hover: rgb(0 0 0 / 1.0);
1498        --color-primary-hover-rgb: 0 0 0;
1499
1500        /* Border */
1501        --color-border: rgb(169 169 169 / 1.0);
1502        --color-border-rgb: 169 169 169;
1503
1504        /* Shadow */
1505        --color-shadow: rgb(128 128 128 / 1.0);
1506        --color-shadow-rgb: 128 128 128;
1507
1508        /* Button primary */
1509        --color-primary-button-text: rgb(255 255 255 / 1.0);
1510        --color-primary-button-text-rgb: 255 255 255;
1511        
1512          --color-primary-button-background: rgb(255 51 0 / 1.0);
1513        
1514
1515        --color-primary-button-border: rgb(255 51 0 / 1.0);
1516        --color-primary-button-hover-text: rgb(128 128 128 / 1.0);
1517        
1518          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1519        
1520
1521        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1522
1523        /* Button secondary */
1524        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1525        --color-secondary-button-text-rgb: 255 255 255;
1526        
1527          --color-secondary-button-background: rgb(0 0 0 / 1.0);
1528        
1529
1530        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1531        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1532        
1533          --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
1534        
1535
1536        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1537
1538        /* Input */
1539        --color-input-background: rgb(255 255 255 / 1.0);
1540        --color-input-text: rgb(17 18 20 / 1.0);
1541        --color-input-text-rgb: 17 18 20;
1542        --color-input-border: rgb(198 198 198 / 1.0);
1543        --color-input-hover-background: rgb(245 245 245 / 1.0);
1544
1545        /* Payment Terms */
1546        --payment-terms-background-color: rgb(255 255 255);
1547
1548        /* Arrows */
1549        --arrow-color: rgb(30 60 50 / 1.0);
1550        --arrow-background: rgb(0 0 0 / 0.0);
1551        --arrow-border: rgb(0 0 0 / 1.0);
1552
1553        /* Pagination */
1554        --pagination-color: rgb(0 0 0 / 1.0);
1555        --pagination-active-color: rgb(198 198 198 / 1.0);
1556
1557        /* Opacity */
1558        --opacity-5-15: 0.05;
1559        --opacity-10-25: 0.1;
1560        --opacity-35-55: 0.35;
1561        --opacity-40-60: 0.4;
1562        --opacity-30-60: 0.3;
1563
1564        /* Disabled */
1565        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1566        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1567        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1568        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1569      }
1570    }
1571    @media screen and (min-width: 750px) and (max-width: 1024px){
1572      .color-tablet-scheme-1  {
1573        /* Background */
1574        
1575          --color-background: rgb(255 255 255 / 1.0);
1576        
1577
1578        --color-background-rgb: 255 255 255;
1579
1580        /* Body */
1581        --color-foreground: rgb(0 0 0 / 1.0);
1582        --color-foreground-rgb: 0 0 0;
1583
1584        /* Heading */
1585        --color-foreground-heading: rgb(0 0 0 / 1.0);
1586        --color-foreground-heading-rgb: 0 0 0;
1587
1588        /* Link */
1589        --color-primary: rgb(0 0 0 / 1.0);
1590        --color-primary-rgb: 0 0 0;
1591        --color-primary-hover: rgb(0 0 0 / 1.0);
1592        --color-primary-hover-rgb: 0 0 0;
1593
1594        /* Border */
1595        --color-border: rgb(169 169 169 / 1.0);
1596        --color-border-rgb: 169 169 169;
1597
1598        /* Shadow */
1599        --color-shadow: rgb(128 128 128 / 1.0);
1600        --color-shadow-rgb: 128 128 128;
1601
1602        /* Button primary */
1603        --color-primary-button-text: rgb(255 255 255 / 1.0);
1604        --color-primary-button-text-rgb: 255 255 255;
1605        
1606          --color-primary-button-background: rgb(255 51 0 / 1.0);
1607        
1608
1609        --color-primary-button-border: rgb(255 51 0 / 1.0);
1610        --color-primary-button-hover-text: rgb(128 128 128 / 1.0);
1611        
1612          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1613        
1614
1615        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1616
1617        /* Button secondary */
1618        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1619        --color-secondary-button-text-rgb: 255 255 255;
1620        
1621          --color-secondary-button-background: rgb(0 0 0 / 1.0);
1622        
1623
1624        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1625        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1626        
1627          --color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
1628        
1629
1630        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1631
1632        /* Input */
1633        --color-input-background: rgb(255 255 255 / 1.0);
1634        --color-input-text: rgb(17 18 20 / 1.0);
1635        --color-input-text-rgb: 17 18 20;
1636        --color-input-border: rgb(198 198 198 / 1.0);
1637        --color-input-hover-background: rgb(245 245 245 / 1.0);
1638
1639        /* Payment Terms */
1640        --payment-terms-background-color: rgb(255 255 255);
1641
1642        /* Arrows */
1643        --arrow-color: rgb(30 60 50 / 1.0);
1644        --arrow-background: rgb(0 0 0 / 0.0);
1645        --arrow-border: rgb(0 0 0 / 1.0);
1646
1647        /* Pagination */
1648        --pagination-color: rgb(0 0 0 / 1.0);
1649        --pagination-active-color: rgb(198 198 198 / 1.0);
1650
1651        /* Opacity */
1652        --opacity-5-15: 0.05;
1653        --opacity-10-25: 0.1;
1654        --opacity-35-55: 0.35;
1655        --opacity-40-60: 0.4;
1656        --opacity-30-60: 0.3;
1657
1658        /* Disabled */
1659        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1660        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1661        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1662        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1663      }
1664    }
1665  
1666    
1667    @media screen and (max-width: 749px){
1668      
1669      .color-mobile-scheme-2  {

1670        /* Background */
1671        
1672          --color-background: rgb(0 0 0 / 1.0);
1673        
1674
1675        --color-background-rgb: 0 0 0;
1676
1677        /* Body */
1678        --color-foreground: rgb(255 255 255 / 1.0);
1679        --color-foreground-rgb: 255 255 255;
1680
1681        /* Heading */
1682        --color-foreground-heading: rgb(0 0 0 / 1.0);
1683        --color-foreground-heading-rgb: 0 0 0;
1684
1685        /* Link */
1686        --color-primary: rgb(38 38 38 / 1.0);
1687        --color-primary-rgb: 38 38 38;
1688        --color-primary-hover: rgb(0 0 0 / 1.0);
1689        --color-primary-hover-rgb: 0 0 0;
1690
1691        /* Border */
1692        --color-border: rgb(230 230 230 / 1.0);
1693        --color-border-rgb: 230 230 230;
1694
1695        /* Shadow */
1696        --color-shadow: rgb(18 18 18 / 1.0);
1697        --color-shadow-rgb: 18 18 18;
1698
1699        /* Button primary */
1700        --color-primary-button-text: rgb(243 243 243 / 1.0);
1701        --color-primary-button-text-rgb: 243 243 243;
1702        
1703          --color-primary-button-background: rgb(18 18 18 / 1.0);
1704        
1705
1706        --color-primary-button-border: rgb(0 0 0 / 1.0);
1707        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1708        
1709          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1710        
1711
1712        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1713
1714        /* Button secondary */
1715        --color-secondary-button-text: rgb(18 18 18 / 1.0);
1716        --color-secondary-button-text-rgb: 18 18 18;
1717        
1718          --color-secondary-button-background: rgb(0 0 0 / 1.0);
1719        
1720
1721        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1722        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1723        
1724          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1725        
1726
1727        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1728
1729        /* Input */
1730        --color-input-background: rgb(255 255 255 / 1.0);
1731        --color-input-text: rgb(0 0 0 / 1.0);
1732        --color-input-text-rgb: 0 0 0;
1733        --color-input-border: rgb(0 0 0 / 1.0);
1734        --color-input-hover-background: rgb(245 245 245 / 1.0);
1735
1736        /* Payment Terms */
1737        --payment-terms-background-color: rgb(0 0 0);
1738
1739        /* Arrows */
1740        --arrow-color: rgb(30 60 50 / 1.0);
1741        --arrow-background: rgb(0 0 0 / 0.0);
1742        --arrow-border: rgb(0 0 0 / 0.0);
1743
1744        /* Pagination */
1745        --pagination-color: rgb(206 206 206 / 1.0);
1746        --pagination-active-color: rgb(51 51 51 / 1.0);
1747
1748        /* Opacity */
1749        --opacity-5-15: 0.15;
1750        --opacity-10-25: 0.25;
1751        --opacity-35-55: 0.55;
1752        --opacity-40-60: 0.6;
1753        --opacity-30-60: 0.6;
1754
1755        /* Disabled */
1756        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1757        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1758        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1759        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1760      }
1761    }
1762    @media screen and (min-width: 750px) and (max-width: 1024px){
1763      .color-tablet-scheme-2  {
1764        /* Background */
1765        
1766          --color-background: rgb(0 0 0 / 1.0);
1767        
1768
1769        --color-background-rgb: 0 0 0;
1770
1771        /* Body */
1772        --color-foreground: rgb(255 255 255 / 1.0);
1773        --color-foreground-rgb: 255 255 255;
1774
1775        /* Heading */
1776        --color-foreground-heading: rgb(0 0 0 / 1.0);
1777        --color-foreground-heading-rgb: 0 0 0;
1778
1779        /* Link */
1780        --color-primary: rgb(38 38 38 / 1.0);
1781        --color-primary-rgb: 38 38 38;
1782        --color-primary-hover: rgb(0 0 0 / 1.0);
1783        --color-primary-hover-rgb: 0 0 0;
1784
1785        /* Border */
1786        --color-border: rgb(230 230 230 / 1.0);
1787        --color-border-rgb: 230 230 230;
1788
1789        /* Shadow */
1790        --color-shadow: rgb(18 18 18 / 1.0);
1791        --color-shadow-rgb: 18 18 18;
1792
1793        /* Button primary */
1794        --color-primary-button-text: rgb(243 243 243 / 1.0);
1795        --color-primary-button-text-rgb: 243 243 243;
1796        
1797          --color-primary-button-background: rgb(18 18 18 / 1.0);
1798        
1799
1800        --color-primary-button-border: rgb(0 0 0 / 1.0);
1801        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1802        
1803          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1804        
1805
1806        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1807
1808        /* Button secondary */
1809        --color-secondary-button-text: rgb(18 18 18 / 1.0);
1810        --color-secondary-button-text-rgb: 18 18 18;
1811        
1812          --color-secondary-button-background: rgb(0 0 0 / 1.0);
1813        
1814
1815        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1816        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1817        
1818          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1819        
1820
1821        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1822
1823        /* Input */
1824        --color-input-background: rgb(255 255 255 / 1.0);
1825        --color-input-text: rgb(0 0 0 / 1.0);
1826        --color-input-text-rgb: 0 0 0;
1827        --color-input-border: rgb(0 0 0 / 1.0);
1828        --color-input-hover-background: rgb(245 245 245 / 1.0);
1829
1830        /* Payment Terms */
1831        --payment-terms-background-color: rgb(0 0 0);
1832
1833        /* Arrows */
1834        --arrow-color: rgb(30 60 50 / 1.0);
1835        --arrow-background: rgb(0 0 0 / 0.0);
1836        --arrow-border: rgb(0 0 0 / 0.0);
1837
1838        /* Pagination */
1839        --pagination-color: rgb(206 206 206 / 1.0);
1840        --pagination-active-color: rgb(51 51 51 / 1.0);
1841
1842        /* Opacity */
1843        --opacity-5-15: 0.15;
1844        --opacity-10-25: 0.25;
1845        --opacity-35-55: 0.55;
1846        --opacity-40-60: 0.6;
1847        --opacity-30-60: 0.6;
1848
1849        /* Disabled */
1850        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1851        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1852        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1853        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1854      }
1855    }
1856  
1857    
1858    @media screen and (max-width: 749px){
1859      
1860      .color-mobile-scheme-3  {

1861        /* Background */
1862        
1863          --color-background: rgb(250 250 250 / 1.0);
1864        
1865
1866        --color-background-rgb: 250 250 250;
1867
1868        /* Body */
1869        --color-foreground: rgb(18 18 18 / 1.0);
1870        --color-foreground-rgb: 18 18 18;
1871
1872        /* Heading */
1873        --color-foreground-heading: rgb(0 0 0 / 1.0);
1874        --color-foreground-heading-rgb: 0 0 0;
1875
1876        /* Link */
1877        --color-primary: rgb(33 33 33 / 1.0);
1878        --color-primary-rgb: 33 33 33;
1879        --color-primary-hover: rgb(0 0 0 / 1.0);
1880        --color-primary-hover-rgb: 0 0 0;
1881
1882        /* Border */
1883        --color-border: rgb(230 230 230 / 1.0);
1884        --color-border-rgb: 230 230 230;
1885
1886        /* Shadow */
1887        --color-shadow: rgb(18 18 18 / 1.0);
1888        --color-shadow-rgb: 18 18 18;
1889
1890        /* Button primary */
1891        --color-primary-button-text: rgb(0 0 0 / 1.0);
1892        --color-primary-button-text-rgb: 0 0 0;
1893        
1894          --color-primary-button-background: rgb(255 255 255 / 1.0);
1895        
1896
1897        --color-primary-button-border: rgb(0 0 0 / 0.0);
1898        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1899        
1900          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1901        
1902
1903        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1904
1905        /* Button secondary */
1906        --color-secondary-button-text: rgb(17 18 20 / 1.0);
1907        --color-secondary-button-text-rgb: 17 18 20;
1908        
1909          --color-secondary-button-background: rgb(255 255 255 / 1.0);
1910        
1911
1912        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1913        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1914        
1915          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
1916        
1917
1918        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1919
1920        /* Input */
1921        --color-input-background: rgb(255 255 255 / 1.0);
1922        --color-input-text: rgb(0 0 0 / 1.0);
1923        --color-input-text-rgb: 0 0 0;
1924        --color-input-border: rgb(0 0 0 / 1.0);
1925        --color-input-hover-background: rgb(245 245 245 / 1.0);
1926
1927        /* Payment Terms */
1928        --payment-terms-background-color: rgb(250 250 250);
1929
1930        /* Arrows */
1931        --arrow-color: rgb(51 51 51 / 1.0);
1932        --arrow-background: rgb(255 255 255 / 1.0);
1933        --arrow-border: rgb(51 51 51 / 1.0);
1934
1935        /* Pagination */
1936        --pagination-color: rgb(206 206 206 / 1.0);
1937        --pagination-active-color: rgb(51 51 51 / 1.0);
1938
1939        /* Opacity */
1940        --opacity-5-15: 0.05;
1941        --opacity-10-25: 0.1;
1942        --opacity-35-55: 0.35;
1943        --opacity-40-60: 0.4;
1944        --opacity-30-60: 0.3;
1945
1946        /* Disabled */
1947        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1948        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1949        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1950        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1951      }
1952    }
1953    @media screen and (min-width: 750px) and (max-width: 1024px){
1954      .color-tablet-scheme-3  {
1955        /* Background */
1956        
1957          --color-background: rgb(250 250 250 / 1.0);
1958        
1959
1960        --color-background-rgb: 250 250 250;
1961
1962        /* Body */
1963        --color-foreground: rgb(18 18 18 / 1.0);
1964        --color-foreground-rgb: 18 18 18;
1965
1966        /* Heading */
1967        --color-foreground-heading: rgb(0 0 0 / 1.0);
1968        --color-foreground-heading-rgb: 0 0 0;
1969
1970        /* Link */
1971        --color-primary: rgb(33 33 33 / 1.0);
1972        --color-primary-rgb: 33 33 33;
1973        --color-primary-hover: rgb(0 0 0 / 1.0);
1974        --color-primary-hover-rgb: 0 0 0;
1975
1976        /* Border */
1977        --color-border: rgb(230 230 230 / 1.0);
1978        --color-border-rgb: 230 230 230;
1979
1980        /* Shadow */
1981        --color-shadow: rgb(18 18 18 / 1.0);
1982        --color-shadow-rgb: 18 18 18;
1983
1984        /* Button primary */
1985        --color-primary-button-text: rgb(0 0 0 / 1.0);
1986        --color-primary-button-text-rgb: 0 0 0;
1987        
1988          --color-primary-button-background: rgb(255 255 255 / 1.0);
1989        
1990
1991        --color-primary-button-border: rgb(0 0 0 / 0.0);
1992        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1993        
1994          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1995        
1996
1997        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1998
1999        /* Button secondary */
2000        --color-secondary-button-text: rgb(17 18 20 / 1.0);
2001        --color-secondary-button-text-rgb: 17 18 20;
2002        
2003          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2004        
2005
2006        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2007        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2008        
2009          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2010        
2011
2012        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2013
2014        /* Input */
2015        --color-input-background: rgb(255 255 255 / 1.0);
2016        --color-input-text: rgb(0 0 0 / 1.0);
2017        --color-input-text-rgb: 0 0 0;
2018        --color-input-border: rgb(0 0 0 / 1.0);
2019        --color-input-hover-background: rgb(245 245 245 / 1.0);
2020
2021        /* Payment Terms */
2022        --payment-terms-background-color: rgb(250 250 250);
2023
2024        /* Arrows */
2025        --arrow-color: rgb(51 51 51 / 1.0);
2026        --arrow-background: rgb(255 255 255 / 1.0);
2027        --arrow-border: rgb(51 51 51 / 1.0);
2028
2029        /* Pagination */
2030        --pagination-color: rgb(206 206 206 / 1.0);
2031        --pagination-active-color: rgb(51 51 51 / 1.0);
2032
2033        /* Opacity */
2034        --opacity-5-15: 0.05;
2035        --opacity-10-25: 0.1;
2036        --opacity-35-55: 0.35;
2037        --opacity-40-60: 0.4;
2038        --opacity-30-60: 0.3;
2039
2040        /* Disabled */
2041        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2042        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2043        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2044        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2045      }
2046    }
2047  
2048    
2049    @media screen and (max-width: 749px){
2050      
2051      .color-mobile-scheme-4  {

2052        /* Background */
2053        
2054          --color-background: rgb(0 0 0 / 0.0);
2055        
2056
2057        --color-background-rgb: 0 0 0;
2058
2059        /* Body */
2060        --color-foreground: rgb(255 255 255 / 1.0);
2061        --color-foreground-rgb: 255 255 255;
2062
2063        /* Heading */
2064        --color-foreground-heading: rgb(0 0 0 / 1.0);
2065        --color-foreground-heading-rgb: 0 0 0;
2066
2067        /* Link */
2068        --color-primary: rgb(255 255 255 / 1.0);
2069        --color-primary-rgb: 255 255 255;
2070        --color-primary-hover: rgb(0 0 0 / 1.0);
2071        --color-primary-hover-rgb: 0 0 0;
2072
2073        /* Border */
2074        --color-border: rgb(230 230 230 / 1.0);
2075        --color-border-rgb: 230 230 230;
2076
2077        /* Shadow */
2078        --color-shadow: rgb(18 18 18 / 1.0);
2079        --color-shadow-rgb: 18 18 18;
2080
2081        /* Button primary */
2082        --color-primary-button-text: rgb(255 255 255 / 1.0);
2083        --color-primary-button-text-rgb: 255 255 255;
2084        
2085          --color-primary-button-background: rgb(0 0 0 / 0.0);
2086        
2087
2088        --color-primary-button-border: rgb(0 0 0 / 1.0);
2089        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2090        
2091          --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2092        
2093
2094        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2095
2096        /* Button secondary */
2097        --color-secondary-button-text: rgb(18 18 18 / 1.0);
2098        --color-secondary-button-text-rgb: 18 18 18;
2099        
2100          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2101        
2102
2103        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2104        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2105        
2106          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2107        
2108
2109        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2110
2111        /* Input */
2112        --color-input-background: rgb(255 255 255 / 1.0);
2113        --color-input-text: rgb(0 0 0 / 1.0);
2114        --color-input-text-rgb: 0 0 0;
2115        --color-input-border: rgb(0 0 0 / 1.0);
2116        --color-input-hover-background: rgb(245 245 245 / 1.0);
2117
2118        /* Payment Terms */
2119        --payment-terms-background-color: rgb(0 0 0);
2120
2121        /* Arrows */
2122        --arrow-color: rgb(51 51 51 / 1.0);
2123        --arrow-background: rgb(255 255 255 / 1.0);
2124        --arrow-border: rgb(51 51 51 / 1.0);
2125
2126        /* Pagination */
2127        --pagination-color: rgb(206 206 206 / 1.0);
2128        --pagination-active-color: rgb(51 51 51 / 1.0);
2129
2130        /* Opacity */
2131        --opacity-5-15: 0.15;
2132        --opacity-10-25: 0.25;
2133        --opacity-35-55: 0.55;
2134        --opacity-40-60: 0.6;
2135        --opacity-30-60: 0.6;
2136
2137        /* Disabled */
2138        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2139        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2140        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2141        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2142      }
2143    }
2144    @media screen and (min-width: 750px) and (max-width: 1024px){
2145      .color-tablet-scheme-4  {
2146        /* Background */
2147        
2148          --color-background: rgb(0 0 0 / 0.0);
2149        
2150
2151        --color-background-rgb: 0 0 0;
2152
2153        /* Body */
2154        --color-foreground: rgb(255 255 255 / 1.0);
2155        --color-foreground-rgb: 255 255 255;
2156
2157        /* Heading */
2158        --color-foreground-heading: rgb(0 0 0 / 1.0);
2159        --color-foreground-heading-rgb: 0 0 0;
2160
2161        /* Link */
2162        --color-primary: rgb(255 255 255 / 1.0);
2163        --color-primary-rgb: 255 255 255;
2164        --color-primary-hover: rgb(0 0 0 / 1.0);
2165        --color-primary-hover-rgb: 0 0 0;
2166
2167        /* Border */
2168        --color-border: rgb(230 230 230 / 1.0);
2169        --color-border-rgb: 230 230 230;
2170
2171        /* Shadow */
2172        --color-shadow: rgb(18 18 18 / 1.0);
2173        --color-shadow-rgb: 18 18 18;
2174
2175        /* Button primary */
2176        --color-primary-button-text: rgb(255 255 255 / 1.0);
2177        --color-primary-button-text-rgb: 255 255 255;
2178        
2179          --color-primary-button-background: rgb(0 0 0 / 0.0);
2180        
2181
2182        --color-primary-button-border: rgb(0 0 0 / 1.0);
2183        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2184        
2185          --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2186        
2187
2188        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2189
2190        /* Button secondary */
2191        --color-secondary-button-text: rgb(18 18 18 / 1.0);
2192        --color-secondary-button-text-rgb: 18 18 18;
2193        
2194          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2195        
2196
2197        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2198        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2199        
2200          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2201        
2202
2203        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2204
2205        /* Input */
2206        --color-input-background: rgb(255 255 255 / 1.0);
2207        --color-input-text: rgb(0 0 0 / 1.0);
2208        --color-input-text-rgb: 0 0 0;
2209        --color-input-border: rgb(0 0 0 / 1.0);
2210        --color-input-hover-background: rgb(245 245 245 / 1.0);
2211
2212        /* Payment Terms */
2213        --payment-terms-background-color: rgb(0 0 0);
2214
2215        /* Arrows */
2216        --arrow-color: rgb(51 51 51 / 1.0);
2217        --arrow-background: rgb(255 255 255 / 1.0);
2218        --arrow-border: rgb(51 51 51 / 1.0);
2219
2220        /* Pagination */
2221        --pagination-color: rgb(206 206 206 / 1.0);
2222        --pagination-active-color: rgb(51 51 51 / 1.0);
2223
2224        /* Opacity */
2225        --opacity-5-15: 0.15;
2226        --opacity-10-25: 0.25;
2227        --opacity-35-55: 0.55;
2228        --opacity-40-60: 0.6;
2229        --opacity-30-60: 0.6;
2230
2231        /* Disabled */
2232        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2233        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2234        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2235        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2236      }
2237    }
2238  
2239    
2240    @media screen and (max-width: 749px){
2241      
2242      .color-mobile-scheme-5  {

2243        /* Background */
2244        
2245          --color-background: rgb(0 0 0 / 0.0);
2246        
2247
2248        --color-background-rgb: 0 0 0;
2249
2250        /* Body */
2251        --color-foreground: rgb(255 255 255 / 1.0);
2252        --color-foreground-rgb: 255 255 255;
2253
2254        /* Heading */
2255        --color-foreground-heading: rgb(0 0 0 / 1.0);
2256        --color-foreground-heading-rgb: 0 0 0;
2257
2258        /* Link */
2259        --color-primary: rgb(0 15 159 / 1.0);
2260        --color-primary-rgb: 0 15 159;
2261        --color-primary-hover: rgb(0 0 0 / 1.0);
2262        --color-primary-hover-rgb: 0 0 0;
2263
2264        /* Border */
2265        --color-border: rgb(230 230 230 / 1.0);
2266        --color-border-rgb: 230 230 230;
2267
2268        /* Shadow */
2269        --color-shadow: rgb(18 18 18 / 1.0);
2270        --color-shadow-rgb: 18 18 18;
2271
2272        /* Button primary */
2273        --color-primary-button-text: rgb(0 0 0 / 1.0);
2274        --color-primary-button-text-rgb: 0 0 0;
2275        
2276          --color-primary-button-background: rgb(255 255 255 / 1.0);
2277        
2278
2279        --color-primary-button-border: rgb(255 255 255 / 1.0);
2280        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2281        
2282          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
2283        
2284
2285        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2286
2287        /* Button secondary */
2288        --color-secondary-button-text: rgb(17 18 20 / 1.0);
2289        --color-secondary-button-text-rgb: 17 18 20;
2290        
2291          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2292        
2293
2294        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2295        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2296        
2297          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2298        
2299
2300        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2301
2302        /* Input */
2303        --color-input-background: rgb(255 255 255 / 1.0);
2304        --color-input-text: rgb(0 0 0 / 1.0);
2305        --color-input-text-rgb: 0 0 0;
2306        --color-input-border: rgb(0 0 0 / 1.0);
2307        --color-input-hover-background: rgb(245 245 245 / 1.0);
2308
2309        /* Payment Terms */
2310        --payment-terms-background-color: rgb(0 0 0);
2311
2312        /* Arrows */
2313        --arrow-color: rgb(51 51 51 / 1.0);
2314        --arrow-background: rgb(255 255 255 / 1.0);
2315        --arrow-border: rgb(51 51 51 / 1.0);
2316
2317        /* Pagination */
2318        --pagination-color: rgb(206 206 206 / 1.0);
2319        --pagination-active-color: rgb(51 51 51 / 1.0);
2320
2321        /* Opacity */
2322        --opacity-5-15: 0.15;
2323        --opacity-10-25: 0.25;
2324        --opacity-35-55: 0.55;
2325        --opacity-40-60: 0.6;
2326        --opacity-30-60: 0.6;
2327
2328        /* Disabled */
2329        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2330        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2331        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2332        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2333      }
2334    }
2335    @media screen and (min-width: 750px) and (max-width: 1024px){
2336      .color-tablet-scheme-5  {
2337        /* Background */
2338        
2339          --color-background: rgb(0 0 0 / 0.0);
2340        
2341
2342        --color-background-rgb: 0 0 0;
2343
2344        /* Body */
2345        --color-foreground: rgb(255 255 255 / 1.0);
2346        --color-foreground-rgb: 255 255 255;
2347
2348        /* Heading */
2349        --color-foreground-heading: rgb(0 0 0 / 1.0);
2350        --color-foreground-heading-rgb: 0 0 0;
2351
2352        /* Link */
2353        --color-primary: rgb(0 15 159 / 1.0);
2354        --color-primary-rgb: 0 15 159;
2355        --color-primary-hover: rgb(0 0 0 / 1.0);
2356        --color-primary-hover-rgb: 0 0 0;
2357
2358        /* Border */
2359        --color-border: rgb(230 230 230 / 1.0);
2360        --color-border-rgb: 230 230 230;
2361
2362        /* Shadow */
2363        --color-shadow: rgb(18 18 18 / 1.0);
2364        --color-shadow-rgb: 18 18 18;
2365
2366        /* Button primary */
2367        --color-primary-button-text: rgb(0 0 0 / 1.0);
2368        --color-primary-button-text-rgb: 0 0 0;
2369        
2370          --color-primary-button-background: rgb(255 255 255 / 1.0);
2371        
2372
2373        --color-primary-button-border: rgb(255 255 255 / 1.0);
2374        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2375        
2376          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
2377        
2378
2379        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2380
2381        /* Button secondary */
2382        --color-secondary-button-text: rgb(17 18 20 / 1.0);
2383        --color-secondary-button-text-rgb: 17 18 20;
2384        
2385          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2386        
2387
2388        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2389        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2390        
2391          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2392        
2393
2394        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2395
2396        /* Input */
2397        --color-input-background: rgb(255 255 255 / 1.0);
2398        --color-input-text: rgb(0 0 0 / 1.0);
2399        --color-input-text-rgb: 0 0 0;
2400        --color-input-border: rgb(0 0 0 / 1.0);
2401        --color-input-hover-background: rgb(245 245 245 / 1.0);
2402
2403        /* Payment Terms */
2404        --payment-terms-background-color: rgb(0 0 0);
2405
2406        /* Arrows */
2407        --arrow-color: rgb(51 51 51 / 1.0);
2408        --arrow-background: rgb(255 255 255 / 1.0);
2409        --arrow-border: rgb(51 51 51 / 1.0);
2410
2411        /* Pagination */
2412        --pagination-color: rgb(206 206 206 / 1.0);
2413        --pagination-active-color: rgb(51 51 51 / 1.0);
2414
2415        /* Opacity */
2416        --opacity-5-15: 0.15;
2417        --opacity-10-25: 0.25;
2418        --opacity-35-55: 0.55;
2419        --opacity-40-60: 0.6;
2420        --opacity-30-60: 0.6;
2421
2422        /* Disabled */
2423        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2424        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2425        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2426        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2427      }
2428    }
2429  
2430    
2431    @media screen and (max-width: 749px){
2432      
2433      .color-mobile-scheme-6  {

2434        /* Background */
2435        
2436          --color-background: rgb(255 255 255 / 1.0);
2437        
2438
2439        --color-background-rgb: 255 255 255;
2440
2441        /* Body */
2442        --color-foreground: rgb(0 0 0 / 1.0);
2443        --color-foreground-rgb: 0 0 0;
2444
2445        /* Heading */
2446        --color-foreground-heading: rgb(0 0 0 / 1.0);
2447        --color-foreground-heading-rgb: 0 0 0;
2448
2449        /* Link */
2450        --color-primary: rgb(0 0 0 / 1.0);
2451        --color-primary-rgb: 0 0 0;
2452        --color-primary-hover: rgb(0 0 0 / 1.0);
2453        --color-primary-hover-rgb: 0 0 0;
2454
2455        /* Border */
2456        --color-border: rgb(169 169 169 / 1.0);
2457        --color-border-rgb: 169 169 169;
2458
2459        /* Shadow */
2460        --color-shadow: rgb(128 128 128 / 1.0);
2461        --color-shadow-rgb: 128 128 128;
2462
2463        /* Button primary */
2464        --color-primary-button-text: rgb(255 255 255 / 1.0);
2465        --color-primary-button-text-rgb: 255 255 255;
2466        
2467          --color-primary-button-background: rgb(255 51 0 / 1.0);
2468        
2469
2470        --color-primary-button-border: rgb(255 51 0 / 1.0);
2471        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2472        
2473          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
2474        
2475
2476        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2477
2478        /* Button secondary */
2479        --color-secondary-button-text: rgb(255 255 255 / 1.0);
2480        --color-secondary-button-text-rgb: 255 255 255;
2481        
2482          --color-secondary-button-background: rgb(0 0 0 / 1.0);
2483        
2484
2485        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2486        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2487        
2488          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2489        
2490
2491        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2492
2493        /* Input */
2494        --color-input-background: rgb(255 255 255 / 1.0);
2495        --color-input-text: rgb(0 0 0 / 1.0);
2496        --color-input-text-rgb: 0 0 0;
2497        --color-input-border: rgb(198 198 198 / 1.0);
2498        --color-input-hover-background: rgb(245 245 245 / 1.0);
2499
2500        /* Payment Terms */
2501        --payment-terms-background-color: rgb(255 255 255);
2502
2503        /* Arrows */
2504        --arrow-color: rgb(30 60 50 / 1.0);
2505        --arrow-background: rgb(0 0 0 / 0.0);
2506        --arrow-border: rgb(0 0 0 / 0.0);
2507
2508        /* Pagination */
2509        --pagination-color: rgb(0 0 0 / 1.0);
2510        --pagination-active-color: rgb(198 198 198 / 1.0);
2511
2512        /* Opacity */
2513        --opacity-5-15: 0.05;
2514        --opacity-10-25: 0.1;
2515        --opacity-35-55: 0.35;
2516        --opacity-40-60: 0.4;
2517        --opacity-30-60: 0.3;
2518
2519        /* Disabled */
2520        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2521        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2522        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2523        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2524      }
2525    }
2526    @media screen and (min-width: 750px) and (max-width: 1024px){
2527      .color-tablet-scheme-6  {
2528        /* Background */
2529        
2530          --color-background: rgb(255 255 255 / 1.0);
2531        
2532
2533        --color-background-rgb: 255 255 255;
2534
2535        /* Body */
2536        --color-foreground: rgb(0 0 0 / 1.0);
2537        --color-foreground-rgb: 0 0 0;
2538
2539        /* Heading */
2540        --color-foreground-heading: rgb(0 0 0 / 1.0);
2541        --color-foreground-heading-rgb: 0 0 0;
2542
2543        /* Link */
2544        --color-primary: rgb(0 0 0 / 1.0);
2545        --color-primary-rgb: 0 0 0;
2546        --color-primary-hover: rgb(0 0 0 / 1.0);
2547        --color-primary-hover-rgb: 0 0 0;
2548
2549        /* Border */
2550        --color-border: rgb(169 169 169 / 1.0);
2551        --color-border-rgb: 169 169 169;
2552
2553        /* Shadow */
2554        --color-shadow: rgb(128 128 128 / 1.0);
2555        --color-shadow-rgb: 128 128 128;
2556
2557        /* Button primary */
2558        --color-primary-button-text: rgb(255 255 255 / 1.0);
2559        --color-primary-button-text-rgb: 255 255 255;
2560        
2561          --color-primary-button-background: rgb(255 51 0 / 1.0);
2562        
2563
2564        --color-primary-button-border: rgb(255 51 0 / 1.0);
2565        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2566        
2567          --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
2568        
2569
2570        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
2571
2572        /* Button secondary */
2573        --color-secondary-button-text: rgb(255 255 255 / 1.0);
2574        --color-secondary-button-text-rgb: 255 255 255;
2575        
2576          --color-secondary-button-background: rgb(0 0 0 / 1.0);
2577        
2578
2579        --color-secondary-button-border: rgb(0 0 0 / 1.0);
2580        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
2581        
2582          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2583        
2584
2585        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
2586
2587        /* Input */
2588        --color-input-background: rgb(255 255 255 / 1.0);
2589        --color-input-text: rgb(0 0 0 / 1.0);
2590        --color-input-text-rgb: 0 0 0;
2591        --color-input-border: rgb(198 198 198 / 1.0);
2592        --color-input-hover-background: rgb(245 245 245 / 1.0);
2593
2594        /* Payment Terms */
2595        --payment-terms-background-color: rgb(255 255 255);
2596
2597        /* Arrows */
2598        --arrow-color: rgb(30 60 50 / 1.0);
2599        --arrow-background: rgb(0 0 0 / 0.0);
2600        --arrow-border: rgb(0 0 0 / 0.0);
2601
2602        /* Pagination */
2603        --pagination-color: rgb(0 0 0 / 1.0);
2604        --pagination-active-color: rgb(198 198 198 / 1.0);
2605
2606        /* Opacity */
2607        --opacity-5-15: 0.05;
2608        --opacity-10-25: 0.1;
2609        --opacity-35-55: 0.35;
2610        --opacity-40-60: 0.4;
2611        --opacity-30-60: 0.3;
2612
2613        /* Disabled */
2614        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2615        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2616        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2617        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2618      }
2619    }
2620  
2621    
2622    @media screen and (max-width: 749px){
2623      
2624      .color-mobile-scheme-7  {

2625        /* Background */
2626        
2627          --color-background: rgb(221 80 51 / 1.0);
2628        
2629
2630        --color-background-rgb: 221 80 51;
2631
2632        /* Body */
2633        --color-foreground: rgb(255 102 0 / 1.0);
2634        --color-foreground-rgb: 255 102 0;
2635
2636        /* Heading */
2637        --color-foreground-heading: rgb(255 255 255 / 1.0);
2638        --color-foreground-heading-rgb: 255 255 255;
2639
2640        /* Link */
2641        --color-primary: rgb(0 15 159 / 1.0);
2642        --color-primary-rgb: 0 15 159;
2643        --color-primary-hover: rgb(0 0 0 / 0.0);
2644        --color-primary-hover-rgb: 0 0 0;
2645
2646        /* Border */
2647        --color-border: rgb(230 230 230 / 1.0);
2648        --color-border-rgb: 230 230 230;
2649
2650        /* Shadow */
2651        --color-shadow: rgb(0 0 0 / 0.0);
2652        --color-shadow-rgb: 0 0 0;
2653
2654        /* Button primary */
2655        --color-primary-button-text: rgb(255 0 0 / 1.0);
2656        --color-primary-button-text-rgb: 255 0 0;
2657        
2658          --color-primary-button-background: rgb(255 255 255 / 1.0);
2659        
2660
2661        --color-primary-button-border: rgb(0 0 0 / 0.0);
2662        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2663        
2664          --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2665        
2666
2667        --color-primary-button-hover-border: rgb(0 0 0 / 0.0);
2668
2669        /* Button secondary */
2670        --color-secondary-button-text: rgb(18 18 18 / 1.0);
2671        --color-secondary-button-text-rgb: 18 18 18;
2672        
2673          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2674        
2675
2676        --color-secondary-button-border: rgb(0 0 0 / 0.0);
2677        --color-secondary-button-hover-text: rgb(255 102 0 / 1.0);
2678        
2679          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2680        
2681
2682        --color-secondary-button-hover-border: rgb(0 0 0 / 0.0);
2683
2684        /* Input */
2685        --color-input-background: rgb(255 255 255 / 1.0);
2686        --color-input-text: rgb(0 0 0 / 1.0);
2687        --color-input-text-rgb: 0 0 0;
2688        --color-input-border: rgb(0 0 0 / 0.0);
2689        --color-input-hover-background: rgb(245 245 245 / 1.0);
2690
2691        /* Payment Terms */
2692        --payment-terms-background-color: rgb(221 80 51);
2693
2694        /* Arrows */
2695        --arrow-color: rgb(51 51 51 / 1.0);
2696        --arrow-background: rgb(255 255 255 / 1.0);
2697        --arrow-border: rgb(51 51 51 / 1.0);
2698
2699        /* Pagination */
2700        --pagination-color: rgb(206 206 206 / 1.0);
2701        --pagination-active-color: rgb(0 0 0 / 0.0);
2702
2703        /* Opacity */
2704        --opacity-5-15: 0.05;
2705        --opacity-10-25: 0.1;
2706        --opacity-35-55: 0.35;
2707        --opacity-40-60: 0.4;
2708        --opacity-30-60: 0.3;
2709
2710        /* Disabled */
2711        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2712        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2713        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2714        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2715      }
2716    }
2717    @media screen and (min-width: 750px) and (max-width: 1024px){
2718      .color-tablet-scheme-7  {
2719        /* Background */
2720        
2721          --color-background: rgb(221 80 51 / 1.0);
2722        
2723
2724        --color-background-rgb: 221 80 51;
2725
2726        /* Body */
2727        --color-foreground: rgb(255 102 0 / 1.0);
2728        --color-foreground-rgb: 255 102 0;
2729
2730        /* Heading */
2731        --color-foreground-heading: rgb(255 255 255 / 1.0);
2732        --color-foreground-heading-rgb: 255 255 255;
2733
2734        /* Link */
2735        --color-primary: rgb(0 15 159 / 1.0);
2736        --color-primary-rgb: 0 15 159;
2737        --color-primary-hover: rgb(0 0 0 / 0.0);
2738        --color-primary-hover-rgb: 0 0 0;
2739
2740        /* Border */
2741        --color-border: rgb(230 230 230 / 1.0);
2742        --color-border-rgb: 230 230 230;
2743
2744        /* Shadow */
2745        --color-shadow: rgb(0 0 0 / 0.0);
2746        --color-shadow-rgb: 0 0 0;
2747
2748        /* Button primary */
2749        --color-primary-button-text: rgb(255 0 0 / 1.0);
2750        --color-primary-button-text-rgb: 255 0 0;
2751        
2752          --color-primary-button-background: rgb(255 255 255 / 1.0);
2753        
2754
2755        --color-primary-button-border: rgb(0 0 0 / 0.0);
2756        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
2757        
2758          --color-primary-button-hover-background: rgb(0 0 0 / 0.0);
2759        
2760
2761        --color-primary-button-hover-border: rgb(0 0 0 / 0.0);
2762
2763        /* Button secondary */
2764        --color-secondary-button-text: rgb(18 18 18 / 1.0);
2765        --color-secondary-button-text-rgb: 18 18 18;
2766        
2767          --color-secondary-button-background: rgb(255 255 255 / 1.0);
2768        
2769
2770        --color-secondary-button-border: rgb(0 0 0 / 0.0);
2771        --color-secondary-button-hover-text: rgb(255 102 0 / 1.0);
2772        
2773          --color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
2774        
2775
2776        --color-secondary-button-hover-border: rgb(0 0 0 / 0.0);
2777
2778        /* Input */
2779        --color-input-background: rgb(255 255 255 / 1.0);
2780        --color-input-text: rgb(0 0 0 / 1.0);
2781        --color-input-text-rgb: 0 0 0;
2782        --color-input-border: rgb(0 0 0 / 0.0);
2783        --color-input-hover-background: rgb(245 245 245 / 1.0);
2784
2785        /* Payment Terms */
2786        --payment-terms-background-color: rgb(221 80 51);
2787
2788        /* Arrows */
2789        --arrow-color: rgb(51 51 51 / 1.0);
2790        --arrow-background: rgb(255 255 255 / 1.0);
2791        --arrow-border: rgb(51 51 51 / 1.0);
2792
2793        /* Pagination */
2794        --pagination-color: rgb(206 206 206 / 1.0);
2795        --pagination-active-color: rgb(0 0 0 / 0.0);
2796
2797        /* Opacity */
2798        --opacity-5-15: 0.05;
2799        --opacity-10-25: 0.1;
2800        --opacity-35-55: 0.35;
2801        --opacity-40-60: 0.4;
2802        --opacity-30-60: 0.3;
2803
2804        /* Disabled */
2805        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
2806        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
2807        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
2808        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
2809      }
2810    }
2811  
2812    
2813    @media screen and (max-width: 749px){
2814      
2815      .color-mobile-scheme-8  {