qc-trousse-sdg 1.2.5-dev → 1.3.0-develop.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/README.md +18 -3
  2. package/dist/css/qc-sdg-design-tokens.min.css +1 -1
  3. package/dist/css/qc-sdg-no-grid.min.css +1 -1
  4. package/dist/css/qc-sdg.min.css +1 -1
  5. package/dist/img/QUEBEC_blanc.svg +1 -1
  6. package/dist/img/QUEBEC_couleur.svg +24 -0
  7. package/dist/js/qc-sdg.min.js +1 -1
  8. package/package.json +23 -18
  9. package/public/css/qc-doc-sdg.css +247 -335
  10. package/public/css/qc-sdg-design-tokens.css +111 -64
  11. package/public/css/qc-sdg-no-grid.css +932 -428
  12. package/public/css/qc-sdg.css +941 -609
  13. package/public/img/QUEBEC_blanc.svg +1 -1
  14. package/public/img/QUEBEC_couleur.svg +24 -0
  15. package/public/img/ampoule.svg +1 -0
  16. package/public/img/note.svg +1 -0
  17. package/public/img/piv-MCE-theme-clair.svg +79 -0
  18. package/public/img/piv-MCE-theme-sombre.svg +62 -0
  19. package/public/img/piv-bas-MCE-theme-clair.png +0 -0
  20. package/public/img/piv-bas-MCE-theme-sombre.png +0 -0
  21. package/public/img/piv-logo-pied-de-page.svg +37 -0
  22. package/public/index.html +871 -715
  23. package/public/js/qc-doc-exemple.js +9 -0
  24. package/public/js/qc-doc-sdg.js +6893 -3724
  25. package/public/js/qc-sdg.js +2103 -962
  26. package/rollup.config.js +58 -23
  27. package/src/doc/components/Code.svelte +69 -0
  28. package/src/doc/components/Exemple.svelte +71 -0
  29. package/src/doc/components/Switch.svelte +108 -0
  30. package/src/doc/components/TopNav.svelte +53 -0
  31. package/src/doc/components/color-doc.svelte +44 -0
  32. package/src/doc/qc-doc-sdg.js +25 -14
  33. package/src/doc/scss/_tables.scss +1 -2
  34. package/src/doc/scss/components/_button.scss +14 -14
  35. package/src/doc/scss/components/_code.scss +106 -4
  36. package/src/doc/scss/jQueryUI/_jquery-ui.autocomplete.scss +48 -0
  37. package/src/doc/scss/qc-doc-sdg.scss +76 -75
  38. package/src/sdg/components/Button/IconButton.svelte +29 -0
  39. package/src/sdg/components/Icon.svelte +39 -0
  40. package/src/sdg/components/{pivHeader.svelte → PivHeader/pivHeader.svelte} +49 -69
  41. package/src/sdg/components/SearchBar/searchBar.svelte +87 -0
  42. package/src/sdg/components/SearchInput/SearchInput.svelte +48 -0
  43. package/src/sdg/components/alert.svelte +40 -23
  44. package/src/sdg/components/componentWrapper.js +0 -3
  45. package/src/sdg/components/externalLink.svelte +92 -0
  46. package/src/sdg/components/notice.svelte +61 -34
  47. package/src/sdg/components/pivFooter.svelte +37 -36
  48. package/src/sdg/components/toTop.svelte +16 -10
  49. package/src/sdg/components/utils.js +28 -4
  50. package/src/sdg/qc-sdg.js +11 -3
  51. package/src/sdg/scss/_qc-sdg-lib.scss +3 -0
  52. package/src/sdg/scss/base/_accessibility.scss +4 -0
  53. package/src/sdg/scss/base/_colors.scss +10 -10
  54. package/src/sdg/scss/base/_figure.scss +14 -9
  55. package/src/sdg/scss/base/_fonts.scss +4 -4
  56. package/src/sdg/scss/base/_form.scss +7 -0
  57. package/src/sdg/scss/base/_layout.scss +45 -0
  58. package/src/sdg/scss/base/_lists.scss +5 -5
  59. package/src/sdg/scss/base/_shadings.scss +3 -11
  60. package/src/sdg/scss/base/_typography.scss +42 -25
  61. package/src/sdg/scss/components/_alert.scss +11 -34
  62. package/src/sdg/scss/components/_icons.scss +67 -38
  63. package/src/sdg/scss/components/_notice.scss +51 -44
  64. package/src/sdg/scss/components/_pivFooter.scss +35 -23
  65. package/src/sdg/scss/components/_pivHeader.scss +131 -154
  66. package/src/sdg/scss/components/_searchBar.scss +75 -0
  67. package/src/sdg/scss/components/_searchInput.scss +64 -0
  68. package/src/sdg/scss/components/_separator.scss +2 -5
  69. package/src/sdg/scss/components/_toTop.scss +4 -6
  70. package/src/sdg/scss/grid/_grid-lib.scss +516 -0
  71. package/src/sdg/scss/grid/_grid.scss +78 -0
  72. package/src/sdg/scss/lib/_functions.scss +78 -0
  73. package/src/sdg/scss/lib/_gridless-lib.scss +4 -0
  74. package/src/sdg/scss/lib/_mixins.scss +221 -0
  75. package/src/sdg/scss/qc-design-tokens.scss +31 -8
  76. package/src/sdg/scss/qc-sdg-utilities.scss +1 -0
  77. package/src/sdg/scss/qc-sdg.scss +1 -1
  78. package/src/sdg/scss/qc-sgd-no-grid.scss +20 -15
  79. package/src/sdg/scss/settings/_base.scss +58 -0
  80. package/src/sdg/scss/settings/_tokens.scss +145 -77
  81. package/src/sdg/scss/utilities/_display.scss +43 -3
  82. package/src/sdg/scss/utilities/_themes.scss +17 -0
  83. package/src/sdg/scss/vendor/modern-css-reset/src/reset.css +9 -8
  84. package/dist/img/logo-quebec-piv-footer.svg +0 -1
  85. package/dist/img/quebec-logo.svg +0 -13
  86. package/public/img/logo-quebec-piv-footer.svg +0 -1
  87. package/src/doc/components/code.svelte +0 -54
  88. package/src/sdg/scss/base/_grid.scss +0 -9
  89. package/src/sdg/scss/functions/_tokens.scss +0 -12
  90. package/src/sdg/scss/functions/_utils.scss +0 -44
  91. package/src/sdg/scss/modules/_grid.scss +0 -19
  92. package/src/sdg/scss/modules/_helpers.scss +0 -32
  93. package/src/sdg/scss/modules/_map.scss +0 -14
  94. package/src/sdg/scss/modules/_tokens.scss +0 -3
  95. package/src/sdg/scss/modules/_utils.scss +0 -55
  96. package/src/sdg/scss/settings/_grid.scss +0 -24
  97. package/src/sdg/scss/settings/_settings.scss +0 -12
@@ -1,36 +1,26 @@
1
- @charset "UTF-8";
2
1
  @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Open Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700");
3
- /*
4
- Return rem size from pixel size according to root font-size as define in settings
5
- Always use this function for rem values
6
- // root font-size : 100 %,
7
- // foo.scss
8
- .foo { font-size: rem(16); }
9
- // foo.css
10
- .foo { font-size: 1rem; }
11
-
12
- // root font-size : 62.5 %,
13
- // foo.scss
14
- .foo { font-size: rem(16); }
15
- // foo.css
16
- .foo { font-size: 1.6rem; }
17
- */
18
- /*
19
- Return rem size from pixel size according to root font-size as define in settings
20
- Always use this function for rem values
21
- // root font-size : 100 %,
22
- // foo.scss
23
- .foo { font-size: rem(16); }
24
- // foo.css
25
- .foo { font-size: 1rem; }
26
-
27
- // root font-size : 62.5 %,
28
- // foo.scss
29
- .foo { font-size: rem(16); }
30
- // foo.css
31
- .foo { font-size: 1.6rem; }
32
- */
33
- :root, :host {
2
+ .qc-search-input, .qc-search-input button, .qc-search-bar, .qc-search-bar button {
3
+ position: relative;
4
+ z-index: 10;
5
+ background: transparent;
6
+ border: 0;
7
+ }
8
+ .qc-search-input::before, .qc-search-input button::before, .qc-search-bar::before, .qc-search-bar button::before {
9
+ position: absolute;
10
+ display: block;
11
+ content: "";
12
+ background-color: var(--qc-color-background);
13
+ inset: 0;
14
+ z-index: -5;
15
+ }
16
+ .qc-search-input:has(input:focus), .qc-search-input button:has(input:focus), .qc-search-bar:has(input:focus), .qc-search-bar button:has(input:focus), .qc-search-input:focus, .qc-search-input button:focus, .qc-search-bar:focus, .qc-search-bar button:focus {
17
+ outline: 2px solid var(--qc-color-formfield-focus-outline);
18
+ }
19
+ .qc-search-input:has(input:focus)::before, .qc-search-input button:has(input:focus)::before, .qc-search-bar:has(input:focus)::before, .qc-search-bar button:has(input:focus)::before, .qc-search-input:focus::before, .qc-search-input button:focus::before, .qc-search-bar:focus::before, .qc-search-bar button:focus::before {
20
+ border: 2px solid var(--qc-color-formfield-focus-border);
21
+ }
22
+
23
+ :root {
34
24
  --qc-font-family-roboto: Roboto,sans-serif;
35
25
  --qc-font-family-open-sans: Open Sans,sans-serif;
36
26
  --qc-font-family-roboto-mono: Roboto Mono,monospace;
@@ -78,30 +68,60 @@ Always use this function for rem values
78
68
  --qc-line-height-lg: var(--qc-line-height-120);
79
69
  --qc-line-height-xl: var(--qc-line-height-200);
80
70
  --qc-line-height-content: var(--qc-line-height-md);
81
- --qc-max-content-width: 82.5rem;
82
- --qc-color-white: white;
71
+ --qc-max-content-width: 825px;
72
+ --qc-color-white: #ffffff;
73
+ --qc-color-white-rgb: 255, 255, 255;
74
+ --qc-color-blue-extra-pale: var(--qc-color-blue-pale);
83
75
  --qc-color-blue-pale: #dae6f0;
76
+ --qc-color-blue-pale-rgb: 218, 230, 240;
84
77
  --qc-color-blue-light: #4a98d9;
78
+ --qc-color-blue-light-rgb: 74, 152, 217;
79
+ --qc-color-blue-regular_light: #2586d6;
80
+ --qc-color-blue-regular_light-rgb: 37, 134, 214;
85
81
  --qc-color-blue-regular: #1472bf;
82
+ --qc-color-blue-regular-rgb: 20, 114, 191;
86
83
  --qc-color-blue-piv: #095797;
84
+ --qc-color-blue-piv-rgb: 9, 87, 151;
87
85
  --qc-color-blue-medium: #19406C;
86
+ --qc-color-blue-medium-rgb: 25, 64, 108;
88
87
  --qc-color-blue-dark: #223654;
88
+ --qc-color-blue-dark-rgb: 34, 54, 84;
89
89
  --qc-color-purple: #6b4fa1;
90
+ --qc-color-purple-rgb: 107, 79, 161;
91
+ --qc-color-grey-extra-pale: var(--qc-color-grey-pale);
90
92
  --qc-color-grey-pale: #f1f1f2;
93
+ --qc-color-grey-pale-rgb: 241, 241, 242;
91
94
  --qc-color-grey-light: #c5cad2;
95
+ --qc-color-grey-light-rgb: 197, 202, 210;
92
96
  --qc-color-grey-regular: #8893a2;
97
+ --qc-color-grey-regular-rgb: 136, 147, 162;
93
98
  --qc-color-grey-medium: #6b778a;
99
+ --qc-color-grey-medium-rgb: 107, 119, 138;
94
100
  --qc-color-grey-dark: #4e5662;
101
+ --qc-color-grey-dark-rgb: 78, 86, 98;
95
102
  --qc-color-pink-pale: #ffdbd6;
103
+ --qc-color-pink-pale-rgb: 255, 219, 214;
96
104
  --qc-color-pink-regular: #e58271;
105
+ --qc-color-pink-regular-rgb: 229, 130, 113;
106
+ --qc-color-red-pale: var(--qc-color-pink-pale);
107
+ --qc-color-red-light: var(--qc-color-pink-regular);
97
108
  --qc-color-red-regular: #cb381f;
109
+ --qc-color-red-regular-rgb: 203, 56, 31;
98
110
  --qc-color-red-dark: #692519;
111
+ --qc-color-red-dark-rgb: 105, 37, 25;
99
112
  --qc-color-green-pale: #d7f0bb;
113
+ --qc-color-green-pale-rgb: 215, 240, 187;
100
114
  --qc-color-green-regular: #4f813d;
115
+ --qc-color-green-regular-rgb: 79, 129, 61;
101
116
  --qc-color-green-dark: #2c4024;
117
+ --qc-color-green-dark-rgb: 44, 64, 36;
102
118
  --qc-color-yellow-pale: #f8e69a;
119
+ --qc-color-yellow-pale-rgb: 248, 230, 154;
103
120
  --qc-color-yellow-regular: #e0ad03;
121
+ --qc-color-yellow-regular-rgb: 224, 173, 3;
104
122
  --qc-color-yellow-dark: #ad781c;
123
+ --qc-color-yellow-dark-rgb: 173, 120, 28;
124
+ --qc-color-background: var(--qc-color-white);
105
125
  --qc-color-text-primary: var(--qc-color-blue-dark);
106
126
  --qc-color-accent: var(--qc-color-pink-regular);
107
127
  --qc-color-success: var(--qc-color-green-regular);
@@ -111,17 +131,21 @@ Always use this function for rem values
111
131
  --qc-color-link-hover: var(--qc-color-blue-piv);
112
132
  --qc-color-link-visited: var(--qc-color-purple);
113
133
  --qc-color-link-active: var(--qc-color-red-regular);
114
- --qc-box-shadow-color: rgba(34, 54, 84, 0.24);
115
- --qc-box-shadow-blur-0: 0;
116
- --qc-box-shadow-blur-1: 4px;
117
- --qc-box-shadow-blur-2: 8px;
118
- --qc-box-shadow-blur-3: 16px;
119
- --qc-box-shadow-blur-4: 24px;
120
- --qc-box-shadow-offset-0: 0;
121
- --qc-box-shadow-offset-1: 1px;
122
- --qc-box-shadow-offset-2: 2px;
123
- --qc-box-shadow-offset-3: 4px;
124
- --qc-box-shadow-offset-4: 6px;
134
+ --qc-color-link-focus-outline: var(--qc-color-blue-light);
135
+ --qc-color-formfield-border: var(--qc-color-grey-medium);
136
+ --qc-color-formfield-focus-border: var(--qc-color-blue-dark);
137
+ --qc-color-formfield-focus-outline: var(--qc-color-blue-light);
138
+ --qc-color-searchinput-icon: var(--qc-color-blue-piv);
139
+ --qc-color-box_shadow: rgba(var(--qc-color-blue-dark-rgb), 0.24);
140
+ --qc-box_shadow-0-color: var(--qc-color-grey-light);
141
+ --qc-box_shadow-1-blur: 4px;
142
+ --qc-box_shadow-1-offset: 1px;
143
+ --qc-box_shadow-2-blur: 8px;
144
+ --qc-box_shadow-2-offset: 2px;
145
+ --qc-box_shadow-3-blur: 16px;
146
+ --qc-box_shadow-3-offset: 4px;
147
+ --qc-box_shadow-4-blur: 24px;
148
+ --qc-box_shadow-4-offset: 6px;
125
149
  --qc-spacer-xs: 0.8rem;
126
150
  --qc-spacer-sm: 1.6rem;
127
151
  --qc-spacer-md: 2.4rem;
@@ -142,29 +166,18 @@ Always use this function for rem values
142
166
  --qc-spacer-h6-mb: 0;
143
167
  --qc-spacer-content-block-mb: var(--qc-spacer-md);
144
168
  --qc-spacer-list-pl: var(--qc-spacer-sm);
145
- --qc-spacer-list-mb: var(--qc-spacer-content-block-mb);
146
- --qc-spacer-list-embedded-mb: var(--qc-spacer-sm);
147
169
  --qc-spacer-list-item-mb: var(--qc-spacer-sm);
148
- --qc-spacer-notice-my: var(--qc-spacer-md);
149
- --qc-spacer-notice-mx: 3.2rem;
150
170
  --qc-grid-gutter: 32px;
151
171
  --qc-grid-breakpoint-xs: 0;
152
- --qc-grid-breakpoint-sm: 576px;
153
- --qc-grid-breakpoint-md: 768px;
154
- --qc-grid-breakpoint-lg: 992px;
155
- --qc-grid-breakpoint-xl: 1200px;
156
- --qc-grid-container-max-width-sm: 576px;
157
- --qc-grid-container-max-width-md: 768px;
158
- --qc-grid-container-max-width-lg: 992px;
159
- --qc-grid-container-max-width-xl: 1200px;
172
+ --qc-grid-breakpoint-sm: 768px;
173
+ --qc-grid-breakpoint-md: 992px;
174
+ --qc-grid-breakpoint-lg: 1200px;
175
+ --qc-grid-container-max-width-sm: 768px;
176
+ --qc-grid-container-max-width-md: 992px;
177
+ --qc-grid-container-max-width-lg: 1200px;
160
178
  }
161
179
  @media (max-width: 1199.98px) {
162
- :root, :host {
163
- --qc-grid-gutter: 24px;
164
- }
165
- }
166
- @media (max-width: 991.98px) {
167
- :root, :host {
180
+ :root {
168
181
  --qc-font-size-h3: 2.5rem;
169
182
  --qc-font-size-h2: 2.8rem;
170
183
  --qc-font-size-h1: 3.6rem;
@@ -172,75 +185,93 @@ Always use this function for rem values
172
185
  --qc-line-height-h1: 4rem;
173
186
  --qc-spacer-h2-mt: 4.8rem;
174
187
  --qc-spacer-h2-mb: 0.8rem;
188
+ --qc-grid-gutter: 24px;
175
189
  }
176
190
  }
177
- @media (max-width: 767.98px) {
178
- :root, :host {
191
+ @media (max-width: 991.98px) {
192
+ :root {
179
193
  --qc-grid-gutter: 16px;
180
194
  }
181
195
  }
182
196
 
183
- /* Box sizing rules */
184
- *,
185
- *::before,
186
- *::after {
187
- box-sizing: border-box;
188
- }
189
-
190
- /* Remove default margin */
191
- body,
192
- h1,
193
- h2,
194
- h3,
195
- h4,
196
- p,
197
- figure,
198
- blockquote,
199
- dl,
200
- dd {
201
- margin: 0;
197
+ .qc-dark-theme, :root.qc-dark-theme {
198
+ --qc-color-white: #121519;
199
+ --qc-color-white-rgb: 18, 21, 25;
200
+ --qc-color-blue-pale: #162B47;
201
+ --qc-color-blue-pale-rgb: 22, 43, 71;
202
+ --qc-color-blue-light: #0078CC;
203
+ --qc-color-blue-light-rgb: 0, 120, 204;
204
+ --qc-color-blue-regular: #3B95E1;
205
+ --qc-color-blue-regular-rgb: 59, 149, 225;
206
+ --qc-color-blue-piv: #72B2EB;
207
+ --qc-color-blue-piv-rgb: 114, 178, 235;
208
+ --qc-color-blue-medium: #ADCDEB;
209
+ --qc-color-blue-medium-rgb: 173, 205, 235;
210
+ --qc-color-blue-dark: #C6DBEE;
211
+ --qc-color-blue-dark-rgb: 198, 219, 238;
212
+ --qc-color-purple: #B3A5D4;
213
+ --qc-color-purple-rgb: 179, 165, 212;
214
+ --qc-color-grey-pale: #1C2025;
215
+ --qc-color-grey-pale-rgb: 28, 32, 37;
216
+ --qc-color-grey-light: #3B424C;
217
+ --qc-color-grey-light-rgb: 59, 66, 76;
218
+ --qc-color-grey-regular: #6A7688;
219
+ --qc-color-grey-regular-rgb: 106, 118, 136;
220
+ --qc-color-grey-medium: #8590A8;
221
+ --qc-color-grey-medium-rgb: 133, 144, 168;
222
+ --qc-color-grey-dark: #A7ACBC;
223
+ --qc-color-grey-dark-rgb: 167, 172, 188;
224
+ --qc-color-pink-pale: #4F180E;
225
+ --qc-color-pink-pale-rgb: 79, 24, 14;
226
+ --qc-color-pink-regular: #BB3A23;
227
+ --qc-color-pink-regular-rgb: 187, 58, 35;
228
+ --qc-color-red-regular: #F26049;
229
+ --qc-color-red-regular-rgb: 242, 96, 73;
230
+ --qc-color-red-dark: #F3BCB6;
231
+ --qc-color-red-dark-rgb: 243, 188, 182;
232
+ --qc-color-green-pale: #1E2F17;
233
+ --qc-color-green-pale-rgb: 30, 47, 23;
234
+ --qc-color-green-regular: #6E9C57;
235
+ --qc-color-green-regular-rgb: 110, 156, 87;
236
+ --qc-color-green-dark: #B0D493;
237
+ --qc-color-green-dark-rgb: 176, 212, 147;
238
+ --qc-color-yellow-pale: #3F240C;
239
+ --qc-color-yellow-pale-rgb: 63, 36, 12;
240
+ --qc-color-yellow-regular: #6D4512;
241
+ --qc-color-yellow-regular-rgb: 109, 69, 18;
242
+ --qc-color-yellow-dark: #AC7900;
243
+ --qc-color-yellow-dark-rgb: 172, 121, 0;
244
+ --qc-color-text-primary: #D7D8DD;
245
+ --qc-color-text-primary-rgb: 215, 216, 221;
246
+ --qc-color-accent: #F17B6C;
247
+ --qc-color-accent-rgb: 241, 123, 108;
202
248
  }
203
249
 
204
- /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
205
- ul[role=list],
206
- ol[role=list] {
207
- list-style: none;
250
+ :root {
251
+ font-size: var(--qc-font-size-root-percent);
208
252
  }
209
253
 
210
- /* Set core root defaults */
211
- html:focus-within {
212
- scroll-behavior: smooth;
254
+ *,
255
+ *::before,
256
+ *::after {
257
+ box-sizing: border-box;
213
258
  }
214
259
 
215
- /* Set core body defaults */
216
260
  body {
261
+ font-size: var(--qc-font-size-md);
262
+ line-height: var(--qc-line-height-md);
263
+ font-weight: var(--qc-font-weight-regular);
264
+ font-family: var(--qc-font-family-content);
265
+ margin: 0;
266
+ background-color: var(--qc-color-background);
267
+ color: var(--qc-color-text-primary);
217
268
  min-height: 100vh;
218
269
  text-rendering: optimizeSpeed;
219
- line-height: 1.5;
220
- }
221
-
222
- /* A elements that don't have a class get default styles */
223
- a:not([class]) {
224
- -webkit-text-decoration-skip: ink;
225
- text-decoration-skip-ink: auto;
226
- }
227
-
228
- /* Make images easier to work with */
229
- img,
230
- picture {
231
- max-width: 100%;
232
- display: block;
233
270
  }
234
-
235
- /* Inherit fonts for inputs and buttons */
236
- input,
237
- button,
238
- textarea,
239
- select {
240
- font: inherit;
271
+ body:focus-within {
272
+ scroll-behavior: smooth;
241
273
  }
242
274
 
243
- /* Remove all animations and transitions for people that prefer not to see them */
244
275
  @media (prefers-reduced-motion: reduce) {
245
276
  html:focus-within {
246
277
  scroll-behavior: auto;
@@ -254,17 +285,8 @@ select {
254
285
  scroll-behavior: auto !important;
255
286
  }
256
287
  }
257
- :root {
258
- font-size: var(--qc-font-size-root-percent);
259
- }
260
-
261
- body {
262
- font-size: var(--qc-font-size-md);
263
- line-height: var(--qc-line-height-md);
264
- font-weight: var(--qc-font-weight-regular);
265
- font-family: var(--qc-font-family-content);
266
- background-color: var(--qc-color-white);
267
- color: var(--qc-color-text-primary);
288
+ legend {
289
+ padding: 0;
268
290
  }
269
291
 
270
292
  h1, .qc-h1 {
@@ -351,181 +373,317 @@ p {
351
373
  max-inline-size: var(--qc-max-content-width);
352
374
  }
353
375
 
354
- img {
355
- border: none;
356
- vertical-align: middle;
357
- }
358
-
359
376
  a {
360
377
  color: var(--qc-color-link-text);
361
- /* to assure non breaking space inter last word and icon */
362
378
  }
363
379
  a:visited {
364
380
  color: var(--qc-color-link-visited);
365
381
  }
366
- a:hover, a:focus {
382
+ a:hover {
383
+ color: var(--qc-color-link-hover);
384
+ text-decoration: none;
385
+ }
386
+ a:focus, a:focus-visible {
367
387
  color: var(--qc-color-link-hover);
368
388
  text-decoration: none;
389
+ outline: 2px solid var(--qc-color-link-focus-outline);
390
+ outline-offset: 1px;
369
391
  }
370
392
  a:active {
371
393
  color: var(--qc-color-link-active);
394
+ text-decoration: none;
372
395
  }
373
396
  a .qc-external-link-tail {
374
397
  white-space: nowrap;
375
398
  }
376
399
  a .qc-external-link-tail img {
377
- max-height: 1.1rem;
378
- max-width: 1.1rem;
379
- margin-bottom: 0.16rem;
400
+ height: 0.6875em;
401
+ width: 0.6875em;
380
402
  display: inline-block;
381
- content: url(../img/external-link.svg?v=1.2.5);
403
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4yMDciIGhlaWdodD0iMjkuNjA4IiB2aWV3Qm94PSIwIDAgMjkuMjA3IDI5LjYwOCI+CiAgPGcgaWQ9Ikdyb3VwZV8zOTQiIGRhdGEtbmFtZT0iR3JvdXBlIDM5NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzOSAtNTQ1LjYyNCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8zOTAiIGRhdGEtbmFtZT0iR3JvdXBlIDM5MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MjIuMDA4IDQzNy41MjQpIj4KICAgICAgPGcgaWQ9Ikdyb3VwZV8zODkiIGRhdGEtbmFtZT0iR3JvdXBlIDM4OSI+CiAgICAgICAgPHBhdGggaWQ9IlRyYWPDqV82NzEiIGRhdGEtbmFtZT0iVHJhY8OpIDY3MSIgZD0iTTE4ODQuMDg3LDEyMC44MTRhMS4xNDUsMS4xNDUsMCwwLDAtMS4xNDUsMS4xNDV2MTMuNDU4SDE4NjMuM3YtMjAuMWgxMy4wNTdhMS4xNDYsMS4xNDYsMCwxLDAsMC0yLjI5MWgtMTUuMzQ4djI0LjY4M2gyNC4yMjVWMTIxLjk1OUExLjE0NiwxLjE0NiwwLDAsMCwxODg0LjA4NywxMjAuODE0WiIgZmlsbD0iIzA5NTc5NyIvPgogICAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNjcyIiBkYXRhLW5hbWU9IlRyYWPDqSA2NzIiIGQ9Ik0xODc5Ljc5MiwxMDguMWExLjE0NiwxLjE0NiwwLDAsMCwwLDIuMjkxaDYuNTMzbC0xNC4wMTksMTQuMTdhMS4xNDYsMS4xNDYsMCwwLDAsMS42MjksMS42MTFsMTMuOTg5LTE0LjE0djYuMzc3YTEuMTQ2LDEuMTQ2LDAsMCwwLDIuMjkxLDBWMTA4LjFaIiBmaWxsPSIjMDk1Nzk3Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat;
404
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4yMDciIGhlaWdodD0iMjkuNjA4IiB2aWV3Qm94PSIwIDAgMjkuMjA3IDI5LjYwOCI+CiAgPGcgaWQ9Ikdyb3VwZV8zOTQiIGRhdGEtbmFtZT0iR3JvdXBlIDM5NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzOSAtNTQ1LjYyNCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8zOTAiIGRhdGEtbmFtZT0iR3JvdXBlIDM5MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MjIuMDA4IDQzNy41MjQpIj4KICAgICAgPGcgaWQ9Ikdyb3VwZV8zODkiIGRhdGEtbmFtZT0iR3JvdXBlIDM4OSI+CiAgICAgICAgPHBhdGggaWQ9IlRyYWPDqV82NzEiIGRhdGEtbmFtZT0iVHJhY8OpIDY3MSIgZD0iTTE4ODQuMDg3LDEyMC44MTRhMS4xNDUsMS4xNDUsMCwwLDAtMS4xNDUsMS4xNDV2MTMuNDU4SDE4NjMuM3YtMjAuMWgxMy4wNTdhMS4xNDYsMS4xNDYsMCwxLDAsMC0yLjI5MWgtMTUuMzQ4djI0LjY4M2gyNC4yMjVWMTIxLjk1OUExLjE0NiwxLjE0NiwwLDAsMCwxODg0LjA4NywxMjAuODE0WiIgZmlsbD0iIzA5NTc5NyIvPgogICAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNjcyIiBkYXRhLW5hbWU9IlRyYWPDqSA2NzIiIGQ9Ik0xODc5Ljc5MiwxMDguMWExLjE0NiwxLjE0NiwwLDAsMCwwLDIuMjkxaDYuNTMzbC0xNC4wMTksMTQuMTdhMS4xNDYsMS4xNDYsMCwwLDAsMS42MjksMS42MTFsMTMuOTg5LTE0LjE0djYuMzc3YTEuMTQ2LDEuMTQ2LDAsMCwwLDIuMjkxLDBWMTA4LjFaIiBmaWxsPSIjMDk1Nzk3Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat;
405
+ background: var(--qc-color-link-text);
406
+ -webkit-mask-size: 0.6875em;
407
+ mask-size: 0.6875em;
408
+ margin-left: 4px;
409
+ content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4yMDciIGhlaWdodD0iMjkuNjA4IiB2aWV3Qm94PSIwIDAgMjkuMjA3IDI5LjYwOCI+CiAgPGcgaWQ9Ikdyb3VwZV8zOTQiIGRhdGEtbmFtZT0iR3JvdXBlIDM5NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzOSAtNTQ1LjYyNCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8zOTAiIGRhdGEtbmFtZT0iR3JvdXBlIDM5MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MjIuMDA4IDQzNy41MjQpIj4KICAgICAgPGcgaWQ9Ikdyb3VwZV8zODkiIGRhdGEtbmFtZT0iR3JvdXBlIDM4OSI+CiAgICAgICAgPHBhdGggaWQ9IlRyYWPDqV82NzEiIGRhdGEtbmFtZT0iVHJhY8OpIDY3MSIgZD0iTTE4ODQuMDg3LDEyMC44MTRhMS4xNDUsMS4xNDUsMCwwLDAtMS4xNDUsMS4xNDV2MTMuNDU4SDE4NjMuM3YtMjAuMWgxMy4wNTdhMS4xNDYsMS4xNDYsMCwxLDAsMC0yLjI5MWgtMTUuMzQ4djI0LjY4M2gyNC4yMjVWMTIxLjk1OUExLjE0NiwxLjE0NiwwLDAsMCwxODg0LjA4NywxMjAuODE0WiIgZmlsbD0iIzA5NTc5NyIvPgogICAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNjcyIiBkYXRhLW5hbWU9IlRyYWPDqSA2NzIiIGQ9Ik0xODc5Ljc5MiwxMDguMWExLjE0NiwxLjE0NiwwLDAsMCwwLDIuMjkxaDYuNTMzbC0xNC4wMTksMTQuMTdhMS4xNDYsMS4xNDYsMCwwLDAsMS42MjksMS42MTFsMTMuOTg5LTE0LjE0djYuMzc3YTEuMTQ2LDEuMTQ2LDAsMCwwLDIuMjkxLDBWMTA4LjFaIiBmaWxsPSIjMDk1Nzk3Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
410
+ }
411
+ a:visited a .qc-external-link-tail img {
412
+ background: var(--qc-color-link-visited);
413
+ }
414
+ a:focus a .qc-external-link-tail img {
415
+ background: var(--qc-color-link-hover);
416
+ }
417
+ a:hover a .qc-external-link-tail img {
418
+ background: var(--qc-color-link-hover);
419
+ }
420
+ a:active a .qc-external-link-tail img {
421
+ background: var(--qc-color-link-active);
422
+ }
423
+ a .img-wrap {
424
+ white-space: nowrap;
425
+ }
426
+
427
+ span.qc-ext-link-img {
428
+ height: 0.6875em;
429
+ width: 0.6875em;
430
+ display: inline-block;
431
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4yMDciIGhlaWdodD0iMjkuNjA4IiB2aWV3Qm94PSIwIDAgMjkuMjA3IDI5LjYwOCI+CiAgPGcgaWQ9Ikdyb3VwZV8zOTQiIGRhdGEtbmFtZT0iR3JvdXBlIDM5NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzOSAtNTQ1LjYyNCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8zOTAiIGRhdGEtbmFtZT0iR3JvdXBlIDM5MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MjIuMDA4IDQzNy41MjQpIj4KICAgICAgPGcgaWQ9Ikdyb3VwZV8zODkiIGRhdGEtbmFtZT0iR3JvdXBlIDM4OSI+CiAgICAgICAgPHBhdGggaWQ9IlRyYWPDqV82NzEiIGRhdGEtbmFtZT0iVHJhY8OpIDY3MSIgZD0iTTE4ODQuMDg3LDEyMC44MTRhMS4xNDUsMS4xNDUsMCwwLDAtMS4xNDUsMS4xNDV2MTMuNDU4SDE4NjMuM3YtMjAuMWgxMy4wNTdhMS4xNDYsMS4xNDYsMCwxLDAsMC0yLjI5MWgtMTUuMzQ4djI0LjY4M2gyNC4yMjVWMTIxLjk1OUExLjE0NiwxLjE0NiwwLDAsMCwxODg0LjA4NywxMjAuODE0WiIgZmlsbD0iIzA5NTc5NyIvPgogICAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNjcyIiBkYXRhLW5hbWU9IlRyYWPDqSA2NzIiIGQ9Ik0xODc5Ljc5MiwxMDguMWExLjE0NiwxLjE0NiwwLDAsMCwwLDIuMjkxaDYuNTMzbC0xNC4wMTksMTQuMTdhMS4xNDYsMS4xNDYsMCwwLDAsMS42MjksMS42MTFsMTMuOTg5LTE0LjE0djYuMzc3YTEuMTQ2LDEuMTQ2LDAsMCwwLDIuMjkxLDBWMTA4LjFaIiBmaWxsPSIjMDk1Nzk3Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat;
432
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4yMDciIGhlaWdodD0iMjkuNjA4IiB2aWV3Qm94PSIwIDAgMjkuMjA3IDI5LjYwOCI+CiAgPGcgaWQ9Ikdyb3VwZV8zOTQiIGRhdGEtbmFtZT0iR3JvdXBlIDM5NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzOSAtNTQ1LjYyNCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8zOTAiIGRhdGEtbmFtZT0iR3JvdXBlIDM5MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MjIuMDA4IDQzNy41MjQpIj4KICAgICAgPGcgaWQ9Ikdyb3VwZV8zODkiIGRhdGEtbmFtZT0iR3JvdXBlIDM4OSI+CiAgICAgICAgPHBhdGggaWQ9IlRyYWPDqV82NzEiIGRhdGEtbmFtZT0iVHJhY8OpIDY3MSIgZD0iTTE4ODQuMDg3LDEyMC44MTRhMS4xNDUsMS4xNDUsMCwwLDAtMS4xNDUsMS4xNDV2MTMuNDU4SDE4NjMuM3YtMjAuMWgxMy4wNTdhMS4xNDYsMS4xNDYsMCwxLDAsMC0yLjI5MWgtMTUuMzQ4djI0LjY4M2gyNC4yMjVWMTIxLjk1OUExLjE0NiwxLjE0NiwwLDAsMCwxODg0LjA4NywxMjAuODE0WiIgZmlsbD0iIzA5NTc5NyIvPgogICAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNjcyIiBkYXRhLW5hbWU9IlRyYWPDqSA2NzIiIGQ9Ik0xODc5Ljc5MiwxMDguMWExLjE0NiwxLjE0NiwwLDAsMCwwLDIuMjkxaDYuNTMzbC0xNC4wMTksMTQuMTdhMS4xNDYsMS4xNDYsMCwwLDAsMS42MjksMS42MTFsMTMuOTg5LTE0LjE0djYuMzc3YTEuMTQ2LDEuMTQ2LDAsMCwwLDIuMjkxLDBWMTA4LjFaIiBmaWxsPSIjMDk1Nzk3Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat;
433
+ background: var(--qc-color-link-text);
434
+ -webkit-mask-size: 0.6875em;
435
+ mask-size: 0.6875em;
436
+ margin-left: 4px;
437
+ }
438
+ a:visited span.qc-ext-link-img {
439
+ background: var(--qc-color-link-visited);
440
+ }
441
+ a:focus span.qc-ext-link-img {
442
+ background: var(--qc-color-link-hover);
443
+ }
444
+ a:hover span.qc-ext-link-img {
445
+ background: var(--qc-color-link-hover);
446
+ }
447
+ a:active span.qc-ext-link-img {
448
+ background: var(--qc-color-link-active);
449
+ }
450
+ .img-wrap + span.qc-ext-link-img {
451
+ display: none;
382
452
  }
383
453
 
384
454
  code, .qc-code {
385
455
  font-family: var(--qc-font-family-code);
386
456
  }
387
457
 
458
+ @media (max-width: 320px) {
459
+ body {
460
+ overflow-wrap: break-word;
461
+ -webkit-hyphens: auto;
462
+ hyphens: auto;
463
+ }
464
+ }
465
+ .qc-font-size-sm {
466
+ font-size: var(--qc-font-size-sm);
467
+ line-height: var(--qc-line-height-sm);
468
+ font-weight: var(--qc-font-weight-regular);
469
+ }
470
+
471
+ .qc-font-size-lg {
472
+ font-size: var(--qc-font-size-lg);
473
+ line-height: var(--qc-line-height-lg);
474
+ font-weight: var(--qc-font-weight-regular);
475
+ }
476
+
477
+ .qc-font-size-xl {
478
+ font-size: var(--qc-font-size-xl);
479
+ line-height: var(--qc-line-height-xl);
480
+ font-weight: var(--qc-font-weight-regular);
481
+ }
482
+
483
+ .qc-font-size-md {
484
+ font-size: var(--qc-font-size-md);
485
+ line-height: var(--qc-line-height-md);
486
+ font-weight: var(--qc-font-weight-regular);
487
+ }
488
+
388
489
  .qc-bg-color-white {
389
- background-color: white;
490
+ background-color: var(--qc-color-white);
491
+ }
492
+
493
+ .qc-bg-color-blue-extra-pale {
494
+ background-color: var(--qc-color-blue-extra-pale);
390
495
  }
391
496
 
392
497
  .qc-bg-color-blue-pale {
393
- background-color: #dae6f0;
498
+ background-color: var(--qc-color-blue-pale);
394
499
  }
395
500
 
396
501
  .qc-bg-color-blue-light {
397
- background-color: #4a98d9;
502
+ background-color: var(--qc-color-blue-light);
503
+ }
504
+
505
+ .qc-bg-color-blue-regular_light {
506
+ background-color: var(--qc-color-blue-regular_light);
398
507
  }
399
508
 
400
509
  .qc-bg-color-blue-regular {
401
- background-color: #1472bf;
510
+ background-color: var(--qc-color-blue-regular);
402
511
  }
403
512
 
404
513
  .qc-bg-color-blue-piv {
405
- background-color: #095797;
514
+ background-color: var(--qc-color-blue-piv);
406
515
  }
407
516
 
408
517
  .qc-bg-color-blue-medium {
409
- background-color: #19406C;
518
+ background-color: var(--qc-color-blue-medium);
410
519
  }
411
520
 
412
521
  .qc-bg-color-blue-dark {
413
- background-color: #223654;
522
+ background-color: var(--qc-color-blue-dark);
414
523
  }
415
524
 
416
525
  .qc-bg-color-purple {
417
- background-color: #6b4fa1;
526
+ background-color: var(--qc-color-purple);
527
+ }
528
+
529
+ .qc-bg-color-grey-extra-pale {
530
+ background-color: var(--qc-color-grey-extra-pale);
418
531
  }
419
532
 
420
533
  .qc-bg-color-grey-pale {
421
- background-color: #f1f1f2;
534
+ background-color: var(--qc-color-grey-pale);
422
535
  }
423
536
 
424
537
  .qc-bg-color-grey-light {
425
- background-color: #c5cad2;
538
+ background-color: var(--qc-color-grey-light);
426
539
  }
427
540
 
428
541
  .qc-bg-color-grey-regular {
429
- background-color: #8893a2;
542
+ background-color: var(--qc-color-grey-regular);
430
543
  }
431
544
 
432
545
  .qc-bg-color-grey-medium {
433
- background-color: #6b778a;
546
+ background-color: var(--qc-color-grey-medium);
434
547
  }
435
548
 
436
549
  .qc-bg-color-grey-dark {
437
- background-color: #4e5662;
550
+ background-color: var(--qc-color-grey-dark);
438
551
  }
439
552
 
440
553
  .qc-bg-color-pink-pale {
441
- background-color: #ffdbd6;
554
+ background-color: var(--qc-color-pink-pale);
442
555
  }
443
556
 
444
557
  .qc-bg-color-pink-regular {
445
- background-color: #e58271;
558
+ background-color: var(--qc-color-pink-regular);
559
+ }
560
+
561
+ .qc-bg-color-red-pale {
562
+ background-color: var(--qc-color-red-pale);
563
+ }
564
+
565
+ .qc-bg-color-red-light {
566
+ background-color: var(--qc-color-red-light);
446
567
  }
447
568
 
448
569
  .qc-bg-color-red-regular {
449
- background-color: #cb381f;
570
+ background-color: var(--qc-color-red-regular);
450
571
  }
451
572
 
452
573
  .qc-bg-color-red-dark {
453
- background-color: #692519;
574
+ background-color: var(--qc-color-red-dark);
454
575
  }
455
576
 
456
577
  .qc-bg-color-green-pale {
457
- background-color: #d7f0bb;
578
+ background-color: var(--qc-color-green-pale);
458
579
  }
459
580
 
460
581
  .qc-bg-color-green-regular {
461
- background-color: #4f813d;
582
+ background-color: var(--qc-color-green-regular);
462
583
  }
463
584
 
464
585
  .qc-bg-color-green-dark {
465
- background-color: #2c4024;
586
+ background-color: var(--qc-color-green-dark);
466
587
  }
467
588
 
468
589
  .qc-bg-color-yellow-pale {
469
- background-color: #f8e69a;
590
+ background-color: var(--qc-color-yellow-pale);
470
591
  }
471
592
 
472
593
  .qc-bg-color-yellow-regular {
473
- background-color: #e0ad03;
594
+ background-color: var(--qc-color-yellow-regular);
474
595
  }
475
596
 
476
597
  .qc-bg-color-yellow-dark {
477
- background-color: #ad781c;
598
+ background-color: var(--qc-color-yellow-dark);
599
+ }
600
+
601
+ .qc-bg-color-background {
602
+ background-color: var(--qc-color-background);
478
603
  }
479
604
 
480
605
  .qc-bg-color-text-primary {
481
- background-color: var(--qc-color-blue-dark);
606
+ background-color: var(--qc-color-text-primary);
482
607
  }
483
608
 
484
609
  .qc-bg-color-accent {
485
- background-color: var(--qc-color-pink-regular);
610
+ background-color: var(--qc-color-accent);
486
611
  }
487
612
 
488
613
  .qc-bg-color-success {
489
- background-color: var(--qc-color-green-regular);
614
+ background-color: var(--qc-color-success);
490
615
  }
491
616
 
492
617
  .qc-bg-color-error {
493
- background-color: var(--qc-color-red-regular);
618
+ background-color: var(--qc-color-error);
494
619
  }
495
620
 
496
621
  .qc-bg-color-danger {
497
- background-color: var(--qc-color-red-dark);
622
+ background-color: var(--qc-color-danger);
498
623
  }
499
624
 
500
625
  .qc-bg-color-link-text {
501
- background-color: var(--qc-color-blue-piv);
626
+ background-color: var(--qc-color-link-text);
502
627
  }
503
628
 
504
629
  .qc-bg-color-link-hover {
505
- background-color: var(--qc-color-blue-piv);
630
+ background-color: var(--qc-color-link-hover);
506
631
  }
507
632
 
508
633
  .qc-bg-color-link-visited {
509
- background-color: var(--qc-color-purple);
634
+ background-color: var(--qc-color-link-visited);
510
635
  }
511
636
 
512
637
  .qc-bg-color-link-active {
513
- background-color: var(--qc-color-red-regular);
638
+ background-color: var(--qc-color-link-active);
639
+ }
640
+
641
+ .qc-bg-color-link-focus-outline {
642
+ background-color: var(--qc-color-link-focus-outline);
643
+ }
644
+
645
+ .qc-bg-color-formfield-border {
646
+ background-color: var(--qc-color-formfield-border);
647
+ }
648
+
649
+ .qc-bg-color-formfield-focus-border {
650
+ background-color: var(--qc-color-formfield-focus-border);
651
+ }
652
+
653
+ .qc-bg-color-formfield-focus-outline {
654
+ background-color: var(--qc-color-formfield-focus-outline);
655
+ }
656
+
657
+ .qc-bg-color-searchinput-icon {
658
+ background-color: var(--qc-color-searchinput-icon);
659
+ }
660
+
661
+ .qc-bg-color-box_shadow {
662
+ background-color: var(--qc-color-box_shadow);
663
+ }
664
+
665
+ img {
666
+ border: none;
667
+ vertical-align: middle;
514
668
  }
515
669
 
516
670
  figure {
517
- display: inline-block;
518
- flex-direction: column;
671
+ margin: 0 0 var(--qc-spacer-content-block-mb);
672
+ display: table;
673
+ overflow-x: auto;
519
674
  }
520
675
  figure img {
521
- max-width: 100%;
676
+ width: 100%;
522
677
  height: auto;
523
678
  }
524
679
 
525
680
  figcaption {
681
+ display: table-caption;
682
+ caption-side: bottom;
526
683
  font-size: var(--qc-font-size-sm);
527
684
  line-height: var(--qc-line-height-sm);
528
685
  font-weight: var(--qc-font-weight-regular);
686
+ max-inline-size: var(--qc-max-content-width);
529
687
  background-color: var(--qc-color-grey-pale);
530
688
  padding: 0.8rem;
531
689
  margin-top: 0.8rem;
@@ -534,8 +692,6 @@ figcaption p {
534
692
  font-size: var(--qc-font-size-sm);
535
693
  line-height: var(--qc-line-height-sm);
536
694
  font-weight: var(--qc-font-weight-regular);
537
- }
538
- figcaption p:last-child {
539
695
  margin-bottom: 0;
540
696
  }
541
697
 
@@ -543,53 +699,58 @@ ul {
543
699
  max-inline-size: var(--qc-max-content-width);
544
700
  list-style: disc;
545
701
  margin-top: 0;
546
- margin-bottom: var(--qc-spacer-list-mb);
702
+ margin-bottom: var(--qc-spacer-content-block-mb);
547
703
  padding-left: var(--qc-spacer-list-pl);
548
704
  }
549
705
  ul li {
550
706
  margin-bottom: var(--qc-spacer-list-item-mb);
707
+ margin-top: var(--qc-spacer-list-item-mb);
551
708
  }
552
709
  ul ul {
553
- margin-top: var(--qc-spacer-list-item-mb);
554
- margin-bottom: var(--qc-spacer-list-embedded-mb);
710
+ margin-top: 0;
711
+ margin-bottom: 0;
555
712
  list-style: circle;
556
713
  }
557
714
 
558
715
  .qc-shading-0 {
559
- box-shadow: 0 0 0 var(--qc-color-grey-light);
716
+ border: 1px solid var(--qc-box_shadow-0-color);
560
717
  }
561
718
 
562
- .qc-shading-1, .qc-to-top {
563
- box-shadow: 0 1px 4px var(--qc-color-grey-light);
719
+ .qc-shading-1 {
720
+ box-shadow: 0 var(--qc-box_shadow-1-offset) var(--qc-box_shadow-1-blur) var(--qc-color-box_shadow);
564
721
  }
565
722
 
566
- .qc-shading-2, .qc-to-top:focus {
567
- box-shadow: 0 2px 8px var(--qc-color-grey-light);
723
+ .qc-shading-2 {
724
+ box-shadow: 0 var(--qc-box_shadow-2-offset) var(--qc-box_shadow-2-blur) var(--qc-color-box_shadow);
568
725
  }
569
726
 
570
727
  .qc-shading-3 {
571
- box-shadow: 0 4px 16px var(--qc-color-grey-light);
728
+ box-shadow: 0 var(--qc-box_shadow-3-offset) var(--qc-box_shadow-3-blur) var(--qc-color-box_shadow);
572
729
  }
573
730
 
574
731
  .qc-shading-4 {
575
- box-shadow: 0 6px 24px var(--qc-color-grey-light);
576
- }
577
-
578
- /*
579
- Return rem size from pixel size according to root font-size as define in settings
580
- Always use this function for rem values
581
- // root font-size : 100 %,
582
- // foo.scss
583
- .foo { font-size: rem(16); }
584
- // foo.css
585
- .foo { font-size: 1rem; }
586
-
587
- // root font-size : 62.5 %,
588
- // foo.scss
589
- .foo { font-size: rem(16); }
590
- // foo.css
591
- .foo { font-size: 1.6rem; }
592
- */
732
+ box-shadow: 0 var(--qc-box_shadow-4-offset) var(--qc-box_shadow-4-blur) var(--qc-color-box_shadow);
733
+ }
734
+
735
+ input,
736
+ button,
737
+ textarea,
738
+ select {
739
+ font: inherit;
740
+ }
741
+
742
+ .qc-sr-only {
743
+ position: absolute;
744
+ width: 1px;
745
+ height: 1px;
746
+ padding: 0;
747
+ margin: -1px;
748
+ overflow: hidden;
749
+ clip: rect(0, 0, 0, 0);
750
+ white-space: nowrap;
751
+ border: 0;
752
+ }
753
+
593
754
  .qc-d-none {
594
755
  display: none !important;
595
756
  }
@@ -626,7 +787,7 @@ Always use this function for rem values
626
787
  display: inline-flex !important;
627
788
  }
628
789
 
629
- @media (min-width: 576px) {
790
+ @media (min-width: 768px) {
630
791
  .qc-d-sm-none {
631
792
  display: none !important;
632
793
  }
@@ -655,7 +816,7 @@ Always use this function for rem values
655
816
  display: inline-flex !important;
656
817
  }
657
818
  }
658
- @media (min-width: 768px) {
819
+ @media (min-width: 992px) {
659
820
  .qc-d-md-none {
660
821
  display: none !important;
661
822
  }
@@ -684,7 +845,7 @@ Always use this function for rem values
684
845
  display: inline-flex !important;
685
846
  }
686
847
  }
687
- @media (min-width: 992px) {
848
+ @media (min-width: 1200px) {
688
849
  .qc-d-lg-none {
689
850
  display: none !important;
690
851
  }
@@ -713,35 +874,6 @@ Always use this function for rem values
713
874
  display: inline-flex !important;
714
875
  }
715
876
  }
716
- @media (min-width: 1200px) {
717
- .qc-d-xl-none {
718
- display: none !important;
719
- }
720
- .qc-d-xl-inline {
721
- display: inline !important;
722
- }
723
- .qc-d-xl-inline-block {
724
- display: inline-block !important;
725
- }
726
- .qc-d-xl-block {
727
- display: block !important;
728
- }
729
- .qc-d-xl-table {
730
- display: table !important;
731
- }
732
- .qc-d-xl-table-row {
733
- display: table-row !important;
734
- }
735
- .qc-d-xl-table-cell {
736
- display: table-cell !important;
737
- }
738
- .qc-d-xl-flex {
739
- display: flex !important;
740
- }
741
- .qc-d-xl-inline-flex {
742
- display: inline-flex !important;
743
- }
744
- }
745
877
  @media print {
746
878
  .qc-d-print-none {
747
879
  display: none !important;
@@ -771,15 +903,224 @@ Always use this function for rem values
771
903
  display: inline-flex !important;
772
904
  }
773
905
  }
774
- /* TODO voir si meilleure façon d'intégrer en scss... */
906
+ .qc-nowrap {
907
+ white-space: nowrap;
908
+ }
909
+
910
+ :root {
911
+ --qc-light-theme-display: block;
912
+ --qc-dark-theme-display: none;
913
+ }
914
+ :root.qc-dark-theme {
915
+ --qc-light-theme-display: none;
916
+ --qc-dark-theme-display: block;
917
+ }
918
+
919
+ .qc-light-theme-show {
920
+ display: var(--qc-light-theme-display);
921
+ }
922
+
923
+ .qc-dark-theme-show {
924
+ display: var(--qc-dark-theme-display);
925
+ }
926
+
927
+ qc-icon {
928
+ display: inline-flex;
929
+ align-items: stretch;
930
+ }
931
+
775
932
  .qc-icon {
776
933
  display: inline-block;
777
- content: "";
778
- background-repeat: no-repeat;
779
- background-position: center;
780
- background-size: 100% auto;
781
- min-width: 32px;
782
- height: 32px;
934
+ flex-shrink: 0;
935
+ width: var(--img-width);
936
+ height: var(--img-height);
937
+ background-color: var(--img-color);
938
+ }
939
+ .qc-icon[data-img-size=xs] {
940
+ height: 1.2rem;
941
+ width: 1.2rem;
942
+ }
943
+ .qc-icon[data-img-size=sm] {
944
+ height: 1.6rem;
945
+ width: 1.6rem;
946
+ }
947
+ .qc-icon[data-img-size=md] {
948
+ height: 2rem;
949
+ width: 2rem;
950
+ }
951
+ .qc-icon[data-img-size=nm] {
952
+ height: 2.4rem;
953
+ width: 2.4rem;
954
+ }
955
+ .qc-icon[data-img-size=lg] {
956
+ height: 2.8rem;
957
+ width: 2.8rem;
958
+ }
959
+ .qc-icon[data-img-size=xl] {
960
+ height: 3.2rem;
961
+ width: 3.2rem;
962
+ }
963
+ .qc-icon[data-img-type=external-link] {
964
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4yMDciIGhlaWdodD0iMjkuNjA4IiB2aWV3Qm94PSIwIDAgMjkuMjA3IDI5LjYwOCI+CiAgPGcgaWQ9Ikdyb3VwZV8zOTQiIGRhdGEtbmFtZT0iR3JvdXBlIDM5NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzOSAtNTQ1LjYyNCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8zOTAiIGRhdGEtbmFtZT0iR3JvdXBlIDM5MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MjIuMDA4IDQzNy41MjQpIj4KICAgICAgPGcgaWQ9Ikdyb3VwZV8zODkiIGRhdGEtbmFtZT0iR3JvdXBlIDM4OSI+CiAgICAgICAgPHBhdGggaWQ9IlRyYWPDqV82NzEiIGRhdGEtbmFtZT0iVHJhY8OpIDY3MSIgZD0iTTE4ODQuMDg3LDEyMC44MTRhMS4xNDUsMS4xNDUsMCwwLDAtMS4xNDUsMS4xNDV2MTMuNDU4SDE4NjMuM3YtMjAuMWgxMy4wNTdhMS4xNDYsMS4xNDYsMCwxLDAsMC0yLjI5MWgtMTUuMzQ4djI0LjY4M2gyNC4yMjVWMTIxLjk1OUExLjE0NiwxLjE0NiwwLDAsMCwxODg0LjA4NywxMjAuODE0WiIgZmlsbD0iIzA5NTc5NyIvPgogICAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNjcyIiBkYXRhLW5hbWU9IlRyYWPDqSA2NzIiIGQ9Ik0xODc5Ljc5MiwxMDguMWExLjE0NiwxLjE0NiwwLDAsMCwwLDIuMjkxaDYuNTMzbC0xNC4wMTksMTQuMTdhMS4xNDYsMS4xNDYsMCwwLDAsMS42MjksMS42MTFsMTMuOTg5LTE0LjE0djYuMzc3YTEuMTQ2LDEuMTQ2LDAsMCwwLDIuMjkxLDBWMTA4LjFaIiBmaWxsPSIjMDk1Nzk3Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat;
965
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4yMDciIGhlaWdodD0iMjkuNjA4IiB2aWV3Qm94PSIwIDAgMjkuMjA3IDI5LjYwOCI+CiAgPGcgaWQ9Ikdyb3VwZV8zOTQiIGRhdGEtbmFtZT0iR3JvdXBlIDM5NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzOSAtNTQ1LjYyNCkiPgogICAgPGcgaWQ9Ikdyb3VwZV8zOTAiIGRhdGEtbmFtZT0iR3JvdXBlIDM5MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3MjIuMDA4IDQzNy41MjQpIj4KICAgICAgPGcgaWQ9Ikdyb3VwZV8zODkiIGRhdGEtbmFtZT0iR3JvdXBlIDM4OSI+CiAgICAgICAgPHBhdGggaWQ9IlRyYWPDqV82NzEiIGRhdGEtbmFtZT0iVHJhY8OpIDY3MSIgZD0iTTE4ODQuMDg3LDEyMC44MTRhMS4xNDUsMS4xNDUsMCwwLDAtMS4xNDUsMS4xNDV2MTMuNDU4SDE4NjMuM3YtMjAuMWgxMy4wNTdhMS4xNDYsMS4xNDYsMCwxLDAsMC0yLjI5MWgtMTUuMzQ4djI0LjY4M2gyNC4yMjVWMTIxLjk1OUExLjE0NiwxLjE0NiwwLDAsMCwxODg0LjA4NywxMjAuODE0WiIgZmlsbD0iIzA5NTc5NyIvPgogICAgICAgIDxwYXRoIGlkPSJUcmFjw6lfNjcyIiBkYXRhLW5hbWU9IlRyYWPDqSA2NzIiIGQ9Ik0xODc5Ljc5MiwxMDguMWExLjE0NiwxLjE0NiwwLDAsMCwwLDIuMjkxaDYuNTMzbC0xNC4wMTksMTQuMTdhMS4xNDYsMS4xNDYsMCwwLDAsMS42MjksMS42MTFsMTMuOTg5LTE0LjE0djYuMzc3YTEuMTQ2LDEuMTQ2LDAsMCwwLDIuMjkxLDBWMTA4LjFaIiBmaWxsPSIjMDk1Nzk3Ii8+CiAgICAgIDwvZz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat;
966
+ -webkit-mask-size: 100% 100%;
967
+ mask-size: 100% 100%;
968
+ }
969
+ .qc-icon[data-img-type=arrow-up-white] {
970
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDE2IDIwIj4KICA8cGF0aCBpZD0iYXJyb3ctdXAtd2hpdGUiIGQ9Ik0uNDE0LDkuMDIyYy4wMTItLjAxNS4wMTctLjAzNS4wMzEtLjA0OUw2LjYxNiwyLjM5MWExLjE5NCwxLjE5NCwwLDAsMSwxLjc2NywwLDEuNCwxLjQsMCwwLDEsMCwxLjg4NUw0LjI2Nyw4LjY2NkgxOC43NWExLjMzNiwxLjMzNiwwLDAsMSwwLDIuNjY3SDQuMjY3bDQuMTE2LDQuMzlhMS40LDEuNCwwLDAsMSwwLDEuODg1LDEuMTk0LDEuMTk0LDAsMCwxLTEuNzY3LDBMLjQ0NSwxMS4wMjZjLS4wMTQtLjAxNS0uMDE5LS4wMzUtLjAzMS0uMDQ5YTEuMzYxLDEuMzYxLDAsMCwxLDAtMS45NTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOCkgcm90YXRlKDkwKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K") no-repeat;
971
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDE2IDIwIj4KICA8cGF0aCBpZD0iYXJyb3ctdXAtd2hpdGUiIGQ9Ik0uNDE0LDkuMDIyYy4wMTItLjAxNS4wMTctLjAzNS4wMzEtLjA0OUw2LjYxNiwyLjM5MWExLjE5NCwxLjE5NCwwLDAsMSwxLjc2NywwLDEuNCwxLjQsMCwwLDEsMCwxLjg4NUw0LjI2Nyw4LjY2NkgxOC43NWExLjMzNiwxLjMzNiwwLDAsMSwwLDIuNjY3SDQuMjY3bDQuMTE2LDQuMzlhMS40LDEuNCwwLDAsMSwwLDEuODg1LDEuMTk0LDEuMTk0LDAsMCwxLTEuNzY3LDBMLjQ0NSwxMS4wMjZjLS4wMTQtLjAxNS0uMDE5LS4wMzUtLjAzMS0uMDQ5YTEuMzYxLDEuMzYxLDAsMCwxLDAtMS45NTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOCkgcm90YXRlKDkwKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K") no-repeat;
972
+ -webkit-mask-size: 100% 100%;
973
+ mask-size: 100% 100%;
974
+ }
975
+ .qc-icon[data-img-type=clipboard] {
976
+ -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTE2LjUgMjBoLTE0Yy0wLjgyNyAwLTEuNS0wLjY3My0xLjUtMS41di0xNGMwLTAuODI3IDAuNjczLTEuNSAxLjUtMS41aDFjMC4yNzYgMCAwLjUgMC4yMjQgMC41IDAuNXMtMC4yMjQgMC41LTAuNSAwLjVoLTFjLTAuMjc2IDAtMC41IDAuMjI0LTAuNSAwLjV2MTRjMCAwLjI3NiAwLjIyNCAwLjUgMC41IDAuNWgxNGMwLjI3NiAwIDAuNS0wLjIyNCAwLjUtMC41di0xNGMwLTAuMjc2LTAuMjI0LTAuNS0wLjUtMC41aC0xYy0wLjI3NiAwLTAuNS0wLjIyNC0wLjUtMC41czAuMjI0LTAuNSAwLjUtMC41aDFjMC44MjcgMCAxLjUgMC42NzMgMS41IDEuNXYxNGMwIDAuODI3LTAuNjczIDEuNS0xLjUgMS41eiIgZmlsbD0iIzA5NTc5NyI+PC9wYXRoPgo8cGF0aCBkPSJNMTMuNTAxIDVjLTAgMC0wIDAtMC4wMDEgMGgtOGMtMC4yNzYgMC0wLjUtMC4yMjQtMC41LTAuNSAwLTEuMDA1IDAuNDUzLTEuNzg2IDEuMjc2LTIuMTk3IDAuMjc1LTAuMTM4IDAuNTQ3LTAuMjEzIDAuNzY0LTAuMjU0IDAuMjEzLTEuMTY0IDEuMjM1LTIuMDQ5IDIuNDU5LTIuMDQ5czIuMjQ2IDAuODg1IDIuNDU5IDIuMDQ5YzAuMjE4IDAuMDQxIDAuNDg5IDAuMTE2IDAuNzY0IDAuMjU0IDAuODE2IDAuNDA4IDEuMjY4IDEuMTc4IDEuMjc2IDIuMTcgMC4wMDEgMC4wMDkgMC4wMDEgMC4wMTggMC4wMDEgMC4wMjcgMCAwLjI3Ni0wLjIyNCAwLjUtMC41IDAuNXpNNi4wNjAgNGg2Ljg4Yy0wLjA5Ni0wLjM1Ni0wLjMwNy0wLjYxNy0wLjYzOC0wLjc5LTAuMzg5LTAuMjAzLTAuOC0wLjIxLTAuODA1LTAuMjEtMC4yNzYgMC0wLjQ5Ny0wLjIyNC0wLjQ5Ny0wLjUgMC0wLjgyNy0wLjY3My0xLjUtMS41LTEuNXMtMS41IDAuNjczLTEuNSAxLjVjMCAwLjI3Ni0wLjIyNCAwLjUtMC41IDAuNS0wLjAwMSAwLTAuNDEzIDAuMDA3LTAuODAyIDAuMjEtMC4zMzEgMC4xNzMtMC41NDIgMC40MzMtMC42MzggMC43OXoiIGZpbGw9IiMwOTU3OTciPjwvcGF0aD4KPHBhdGggZD0iTTkuNSAzYy0wLjEzMiAwLTAuMjYxLTAuMDUzLTAuMzUzLTAuMTQ3cy0wLjE0Ny0wLjIyMi0wLjE0Ny0wLjM1MyAwLjA1My0wLjI2MSAwLjE0Ny0wLjM1M2MwLjA5My0wLjA5MyAwLjIyMi0wLjE0NyAwLjM1My0wLjE0N3MwLjI2MSAwLjA1MyAwLjM1MyAwLjE0N2MwLjA5MyAwLjA5MyAwLjE0NyAwLjIyMiAwLjE0NyAwLjM1M3MtMC4wNTMgMC4yNi0wLjE0NyAwLjM1M2MtMC4wOTMgMC4wOTMtMC4yMjIgMC4xNDctMC4zNTMgMC4xNDd6IiBmaWxsPSIjMDk1Nzk3Ij48L3BhdGg+Cjwvc3ZnPgo=") no-repeat;
977
+ mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTE2LjUgMjBoLTE0Yy0wLjgyNyAwLTEuNS0wLjY3My0xLjUtMS41di0xNGMwLTAuODI3IDAuNjczLTEuNSAxLjUtMS41aDFjMC4yNzYgMCAwLjUgMC4yMjQgMC41IDAuNXMtMC4yMjQgMC41LTAuNSAwLjVoLTFjLTAuMjc2IDAtMC41IDAuMjI0LTAuNSAwLjV2MTRjMCAwLjI3NiAwLjIyNCAwLjUgMC41IDAuNWgxNGMwLjI3NiAwIDAuNS0wLjIyNCAwLjUtMC41di0xNGMwLTAuMjc2LTAuMjI0LTAuNS0wLjUtMC41aC0xYy0wLjI3NiAwLTAuNS0wLjIyNC0wLjUtMC41czAuMjI0LTAuNSAwLjUtMC41aDFjMC44MjcgMCAxLjUgMC42NzMgMS41IDEuNXYxNGMwIDAuODI3LTAuNjczIDEuNS0xLjUgMS41eiIgZmlsbD0iIzA5NTc5NyI+PC9wYXRoPgo8cGF0aCBkPSJNMTMuNTAxIDVjLTAgMC0wIDAtMC4wMDEgMGgtOGMtMC4yNzYgMC0wLjUtMC4yMjQtMC41LTAuNSAwLTEuMDA1IDAuNDUzLTEuNzg2IDEuMjc2LTIuMTk3IDAuMjc1LTAuMTM4IDAuNTQ3LTAuMjEzIDAuNzY0LTAuMjU0IDAuMjEzLTEuMTY0IDEuMjM1LTIuMDQ5IDIuNDU5LTIuMDQ5czIuMjQ2IDAuODg1IDIuNDU5IDIuMDQ5YzAuMjE4IDAuMDQxIDAuNDg5IDAuMTE2IDAuNzY0IDAuMjU0IDAuODE2IDAuNDA4IDEuMjY4IDEuMTc4IDEuMjc2IDIuMTcgMC4wMDEgMC4wMDkgMC4wMDEgMC4wMTggMC4wMDEgMC4wMjcgMCAwLjI3Ni0wLjIyNCAwLjUtMC41IDAuNXpNNi4wNjAgNGg2Ljg4Yy0wLjA5Ni0wLjM1Ni0wLjMwNy0wLjYxNy0wLjYzOC0wLjc5LTAuMzg5LTAuMjAzLTAuOC0wLjIxLTAuODA1LTAuMjEtMC4yNzYgMC0wLjQ5Ny0wLjIyNC0wLjQ5Ny0wLjUgMC0wLjgyNy0wLjY3My0xLjUtMS41LTEuNXMtMS41IDAuNjczLTEuNSAxLjVjMCAwLjI3Ni0wLjIyNCAwLjUtMC41IDAuNS0wLjAwMSAwLTAuNDEzIDAuMDA3LTAuODAyIDAuMjEtMC4zMzEgMC4xNzMtMC41NDIgMC40MzMtMC42MzggMC43OXoiIGZpbGw9IiMwOTU3OTciPjwvcGF0aD4KPHBhdGggZD0iTTkuNSAzYy0wLjEzMiAwLTAuMjYxLTAuMDUzLTAuMzUzLTAuMTQ3cy0wLjE0Ny0wLjIyMi0wLjE0Ny0wLjM1MyAwLjA1My0wLjI2MSAwLjE0Ny0wLjM1M2MwLjA5My0wLjA5MyAwLjIyMi0wLjE0NyAwLjM1My0wLjE0N3MwLjI2MSAwLjA1MyAwLjM1MyAwLjE0N2MwLjA5MyAwLjA5MyAwLjE0NyAwLjIyMiAwLjE0NyAwLjM1M3MtMC4wNTMgMC4yNi0wLjE0NyAwLjM1M2MtMC4wOTMgMC4wOTMtMC4yMjIgMC4xNDctMC4zNTMgMC4xNDd6IiBmaWxsPSIjMDk1Nzk3Ij48L3BhdGg+Cjwvc3ZnPgo=") no-repeat;
978
+ -webkit-mask-size: 100% 100%;
979
+ mask-size: 100% 100%;
980
+ }
981
+ .qc-icon[data-img-type=error] {
982
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojY2IzODFmO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTgwLjAwMiAtMjU0Ni4wMDEpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTE5Ni40NzYsMjU2MS42NzVsLTQuOTY5LTQuNzYyLDQuOTY5LTQuNzYzYS43LjcsMCwwLDAsLjA1MS0uOTI4LjU3OS41NzksMCwwLDAtLjg2LS4wNTVsLTUuMDc2LDQuODY3LTUuMDc2LTQuODY3YS41NzkuNTc5LDAsMCwwLS44Ni4wNTUuNjkzLjY5MywwLDAsMCwuMDUxLjkyOGw0Ljk2OSw0Ljc2My00Ljk2OSw0Ljc2MmEuNy43LDAsMCwwLS4wNTEuOTI4LjU3OC41NzgsMCwwLDAsLjg2LjA1NWw1LjA3Ni00Ljg2Nyw1LjA3Niw0Ljg2N2EuNTc5LjU3OSwwLDAsMCwuNC4xNjYuNTkuNTksMCwwLDAsLjQ1NS0uMjIxQS42OTQuNjk0LDAsMCwwLDE5Ni40NzYsMjU2MS42NzVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjQxMSAxLjA4OSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTE5MiwyNTcwYTEyLDEyLDAsMSwxLDguNDg2LTMuNTE0QTExLjkyNiwxMS45MjYsMCwwLDEsMTkyLDI1NzBabTAtMjIuNzM3QTEwLjczNywxMC43MzcsMCwxLDAsMjAyLjczOSwyNTU4LDEwLjc0OSwxMC43NDksMCwwLDAsMTkyLDI1NDcuMjY0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L3N2Zz4=") no-repeat;
983
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojY2IzODFmO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTgwLjAwMiAtMjU0Ni4wMDEpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTE5Ni40NzYsMjU2MS42NzVsLTQuOTY5LTQuNzYyLDQuOTY5LTQuNzYzYS43LjcsMCwwLDAsLjA1MS0uOTI4LjU3OS41NzksMCwwLDAtLjg2LS4wNTVsLTUuMDc2LDQuODY3LTUuMDc2LTQuODY3YS41NzkuNTc5LDAsMCwwLS44Ni4wNTUuNjkzLjY5MywwLDAsMCwuMDUxLjkyOGw0Ljk2OSw0Ljc2My00Ljk2OSw0Ljc2MmEuNy43LDAsMCwwLS4wNTEuOTI4LjU3OC41NzgsMCwwLDAsLjg2LjA1NWw1LjA3Ni00Ljg2Nyw1LjA3Niw0Ljg2N2EuNTc5LjU3OSwwLDAsMCwuNC4xNjYuNTkuNTksMCwwLDAsLjQ1NS0uMjIxQS42OTQuNjk0LDAsMCwwLDE5Ni40NzYsMjU2MS42NzVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjQxMSAxLjA4OSkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTE5MiwyNTcwYTEyLDEyLDAsMSwxLDguNDg2LTMuNTE0QTExLjkyNiwxMS45MjYsMCwwLDEsMTkyLDI1NzBabTAtMjIuNzM3QTEwLjczNywxMC43MzcsMCwxLDAsMjAyLjczOSwyNTU4LDEwLjc0OSwxMC43NDksMCwwLDAsMTkyLDI1NDcuMjY0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjwvZz48L3N2Zz4=") no-repeat;
984
+ -webkit-mask-size: 100% 100%;
985
+ mask-size: 100% 100%;
986
+ }
987
+ .qc-icon[data-img-type=error-white] {
988
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4yNSAxOS4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjAuMjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnhfcm9uZF8wXzI1PC90aXRsZT48ZyBpZD0iQ2FscXVlXzIiIGRhdGEtbmFtZT0iQ2FscXVlIDIiPjxnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0LjQ2LDEzLjI1LDEwLjM4LDkuNjMsMTQuNDYsNmEuNS41LDAsMSwwLS42Ny0uNzVMOS42Myw5LDUuNDYsNS4yNUEuNS41LDAsMSwwLDQuNzksNkw4Ljg3LDkuNjMsNC43OSwxMy4yNWEuNS41LDAsMCwwLC4zNC44OEEuNTUuNTUsMCwwLDAsNS40NiwxNGw0LjE3LTMuNzFMMTMuNzksMTRhLjU1LjU1LDAsMCwwLC4zNC4xMy41LjUsMCwwLDAsLjMzLS44OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LjYzLDE5LjEzYTkuNTEsOS41MSwwLDAsMS05LjUtOS41QTkuNDksOS40OSwwLDAsMSw5LjYzLjEzYTkuNTEsOS41MSwwLDAsMSw5LjUsOS41LDkuNTMsOS41MywwLDAsMS05LjUsOS41Wm0wLTE4YTguNSw4LjUsMCwxLDAsOC41LDguNUE4LjUxLDguNTEsMCwwLDAsOS42MywxLjEzWiIvPjwvZz48L2c+PC9zdmc+") no-repeat;
989
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4yNSAxOS4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjAuMjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnhfcm9uZF8wXzI1PC90aXRsZT48ZyBpZD0iQ2FscXVlXzIiIGRhdGEtbmFtZT0iQ2FscXVlIDIiPjxnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0LjQ2LDEzLjI1LDEwLjM4LDkuNjMsMTQuNDYsNmEuNS41LDAsMSwwLS42Ny0uNzVMOS42Myw5LDUuNDYsNS4yNUEuNS41LDAsMSwwLDQuNzksNkw4Ljg3LDkuNjMsNC43OSwxMy4yNWEuNS41LDAsMCwwLC4zNC44OEEuNTUuNTUsMCwwLDAsNS40NiwxNGw0LjE3LTMuNzFMMTMuNzksMTRhLjU1LjU1LDAsMCwwLC4zNC4xMy41LjUsMCwwLDAsLjMzLS44OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik05LjYzLDE5LjEzYTkuNTEsOS41MSwwLDAsMS05LjUtOS41QTkuNDksOS40OSwwLDAsMSw5LjYzLjEzYTkuNTEsOS41MSwwLDAsMSw5LjUsOS41LDkuNTMsOS41MywwLDAsMS05LjUsOS41Wm0wLTE4YTguNSw4LjUsMCwxLDAsOC41LDguNUE4LjUxLDguNTEsMCwwLDAsOS42MywxLjEzWiIvPjwvZz48L2c+PC9zdmc+") no-repeat;
990
+ -webkit-mask-size: 100% 100%;
991
+ mask-size: 100% 100%;
992
+ }
993
+ .qc-icon[data-img-type=information] {
994
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMy45OTkiIHZpZXdCb3g9IjAgMCAyNCAyMy45OTkiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiMwOTU3OTc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJhIiBkPSJNNDAuNDg4LDI1NjYuNDg1QTEyLDEyLDAsMSwxLDQ0LDI1NTgsMTEuOTIyLDExLjkyMiwwLDAsMSw0MC40ODgsMjU2Ni40ODVaTTMyLDI1NDcuMjYyQTEwLjczNywxMC43MzcsMCwxLDAsNDIuNzM5LDI1NTgsMTAuNzQ4LDEwLjc0OCwwLDAsMCwzMiwyNTQ3LjI2MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC4wMDIgLTI1NDYuMDAxKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMjkuNjQxLDI1NjFoMGEuNjQuNjQsMCwwLDAtLjYzOS42Mzl2MS4yNzhhLjY0LjY0LDAsMCwwLC42MzkuNjM5aDBhLjY0LjY0LDAsMCwwLC42MzktLjYzOXYtMS4yNzhBLjY0LjY0LDAsMCwwLDI5LjY0MSwyNTYxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjY0MSAtMjU1Ni45NzQpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yOS42NDEsMjU1MWEuNjQxLjY0MSwwLDAsMC0uNjM5LjYzOXYxMS4yNjlhLjYzOS42MzksMCwxLDAsMS4yNzgsMFYyNTUxLjY0QS42NDEuNjQxLDAsMCwwLDI5LjY0MSwyNTUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjY0MSAtMjU0My4yODgpIi8+PC9zdmc+") no-repeat;
995
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMy45OTkiIHZpZXdCb3g9IjAgMCAyNCAyMy45OTkiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiMwOTU3OTc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJhIiBkPSJNNDAuNDg4LDI1NjYuNDg1QTEyLDEyLDAsMSwxLDQ0LDI1NTgsMTEuOTIyLDExLjkyMiwwLDAsMSw0MC40ODgsMjU2Ni40ODVaTTMyLDI1NDcuMjYyQTEwLjczNywxMC43MzcsMCwxLDAsNDIuNzM5LDI1NTgsMTAuNzQ4LDEwLjc0OCwwLDAsMCwzMiwyNTQ3LjI2MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC4wMDIgLTI1NDYuMDAxKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMjkuNjQxLDI1NjFoMGEuNjQuNjQsMCwwLDAtLjYzOS42Mzl2MS4yNzhhLjY0LjY0LDAsMCwwLC42MzkuNjM5aDBhLjY0LjY0LDAsMCwwLC42MzktLjYzOXYtMS4yNzhBLjY0LjY0LDAsMCwwLDI5LjY0MSwyNTYxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjY0MSAtMjU1Ni45NzQpIi8+PHBhdGggY2xhc3M9ImEiIGQ9Ik0yOS42NDEsMjU1MWEuNjQxLjY0MSwwLDAsMC0uNjM5LjYzOXYxMS4yNjlhLjYzOS42MzksMCwxLDAsMS4yNzgsMFYyNTUxLjY0QS42NDEuNjQxLDAsMCwwLDI5LjY0MSwyNTUxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3LjY0MSAtMjU0My4yODgpIi8+PC9zdmc+") no-repeat;
996
+ -webkit-mask-size: 100% 100%;
997
+ mask-size: 100% 100%;
998
+ }
999
+ .qc-icon[data-img-type=information-white] {
1000
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4yNSAxOS4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjAuMjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmlfMF8yNTwvdGl0bGU+PGcgaWQ9IkNhbHF1ZV8yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yLjkxLDE2LjM0YTkuNSw5LjUsMCwwLDAsMTMuNDMsMCw5LjQ4LDkuNDgsMCwwLDAsMC0xMy40Myw5LjUsOS41LDAsMCwwLTEzLjQzLDAsOS41LDkuNSwwLDAsMCwwLDEzLjQzWk05LjYzLDEuMTJhOC41LDguNSwwLDEsMS04LjUsOC41QTguNTIsOC41MiwwLDAsMSw5LjYzLDEuMTJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS42Myw0LjEyaDBhLjUxLjUxLDAsMCwxLC41LjV2MWEuNS41LDAsMCwxLS41LjVoMGEuNS41LDAsMCwxLS41LS41di0xQS41LjUsMCwwLDEsOS42Myw0LjEyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkuNjMsNy4xMmEuNTEuNTEsMCwwLDEsLjUuNXY3YS41LjUsMCwwLDEtLjUuNS41LjUsMCwwLDEtLjUtLjV2LTdBLjUuNSwwLDAsMSw5LjYzLDcuMTJaIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat;
1001
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4yNSAxOS4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjAuMjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmlfMF8yNTwvdGl0bGU+PGcgaWQ9IkNhbHF1ZV8yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yLjkxLDE2LjM0YTkuNSw5LjUsMCwwLDAsMTMuNDMsMCw5LjQ4LDkuNDgsMCwwLDAsMC0xMy40Myw5LjUsOS41LDAsMCwwLTEzLjQzLDAsOS41LDkuNSwwLDAsMCwwLDEzLjQzWk05LjYzLDEuMTJhOC41LDguNSwwLDEsMS04LjUsOC41QTguNTIsOC41MiwwLDAsMSw5LjYzLDEuMTJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS42Myw0LjEyaDBhLjUxLjUxLDAsMCwxLC41LjV2MWEuNS41LDAsMCwxLS41LjVoMGEuNS41LDAsMCwxLS41LS41di0xQS41LjUsMCwwLDEsOS42Myw0LjEyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkuNjMsNy4xMmEuNTEuNTEsMCwwLDEsLjUuNXY3YS41LjUsMCwwLDEtLjUuNS41LjUsMCwwLDEtLjUtLjV2LTdBLjUuNSwwLDAsMSw5LjYzLDcuMTJaIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat;
1002
+ -webkit-mask-size: 100% 100%;
1003
+ mask-size: 100% 100%;
1004
+ }
1005
+ .qc-icon[data-img-type=minus] {
1006
+ -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTE4LjUgMTFoLTE4Yy0wLjI3NiAwLTAuNS0wLjIyNC0wLjUtMC41czAuMjI0LTAuNSAwLjUtMC41aDE4YzAuMjc2IDAgMC41IDAuMjI0IDAuNSAwLjVzLTAuMjI0IDAuNS0wLjUgMC41eiIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPgo8L3N2Zz4K") no-repeat;
1007
+ mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTE4LjUgMTFoLTE4Yy0wLjI3NiAwLTAuNS0wLjIyNC0wLjUtMC41czAuMjI0LTAuNSAwLjUtMC41aDE4YzAuMjc2IDAgMC41IDAuMjI0IDAuNSAwLjVzLTAuMjI0IDAuNS0wLjUgMC41eiIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPgo8L3N2Zz4K") no-repeat;
1008
+ -webkit-mask-size: 100% 100%;
1009
+ mask-size: 100% 100%;
1010
+ }
1011
+ .qc-icon[data-img-type=plus] {
1012
+ -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTE4LjUgMTBoLTguNXYtOC41YzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjVzLTAuNSAwLjIyNC0wLjUgMC41djguNWgtOC41Yy0wLjI3NiAwLTAuNSAwLjIyNC0wLjUgMC41czAuMjI0IDAuNSAwLjUgMC41aDguNXY4LjVjMCAwLjI3NiAwLjIyNCAwLjUgMC41IDAuNXMwLjUtMC4yMjQgMC41LTAuNXYtOC41aDguNWMwLjI3NiAwIDAuNS0wLjIyNCAwLjUtMC41cy0wLjIyNC0wLjUtMC41LTAuNXoiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KPC9zdmc+Cg==") no-repeat;
1013
+ mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTE4LjUgMTBoLTguNXYtOC41YzAtMC4yNzYtMC4yMjQtMC41LTAuNS0wLjVzLTAuNSAwLjIyNC0wLjUgMC41djguNWgtOC41Yy0wLjI3NiAwLTAuNSAwLjIyNC0wLjUgMC41czAuMjI0IDAuNSAwLjUgMC41aDguNXY4LjVjMCAwLjI3NiAwLjIyNCAwLjUgMC41IDAuNXMwLjUtMC4yMjQgMC41LTAuNXYtOC41aDguNWMwLjI3NiAwIDAuNS0wLjIyNCAwLjUtMC41cy0wLjIyNC0wLjUtMC41LTAuNXoiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KPC9zdmc+Cg==") no-repeat;
1014
+ -webkit-mask-size: 100% 100%;
1015
+ mask-size: 100% 100%;
1016
+ }
1017
+ .qc-icon[data-img-type=question-mark] {
1018
+ -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iOTczLjFweCIgaGVpZ2h0PSI5NzMuMXB4IiB2aWV3Qm94PSIwIDAgOTczLjEgOTczLjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk3My4xIDk3My4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKCT4KPGc+Cgk8cGF0aCBkPSJNNTAyLjI5LDc4OC4xOTloLTQ3Yy0zMy4xLDAtNjAsMjYuOS02MCw2MHY2NC45YzAsMzMuMSwyNi45LDYwLDYwLDYwaDQ3YzMzLjEwMSwwLDYwLTI2LjksNjAtNjB2LTY0LjkKCQlDNTYyLjI5LDgxNSw1MzUuMzkxLDc4OC4xOTksNTAyLjI5LDc4OC4xOTl6IiBmaWxsPSIjZmZmIi8+Cgk8cGF0aCBkPSJNMTcwLjg5LDI4NS44bDg2LjcsMTAuOGMyNy41LDMuNCw1My42LTEyLjQsNjMuNS0zOC4zYzEyLjUtMzIuNywyOS45LTU4LjUsNTIuMi03Ny4zYzMxLjYwMS0yNi42LDcwLjktNDAsMTE3LjktNDAKCQljNDguNywwLDg3LjUsMTIuOCwxMTYuMywzOC4zYzI4LjgsMjUuNiw0My4xLDU2LjIsNDMuMSw5Mi4xYzAsMjUuOC04LjEsNDkuNC0yNC4zLDcwLjhjLTEwLjUsMTMuNi00Mi44LDQyLjItOTYuNyw4NS45CgkJYy01NCw0My43LTg5Ljg5OSw4My4wOTktMTA3Ljg5OSwxMTguMDk5Yy0xOC40LDM1LjgwMS0yNC44LDc1LjUtMjYuNCwxMTUuMzAxYy0xLjM5OSwzNC4xLDI1LjgsNjIuNSw2MCw2Mi41aDQ5CgkJYzMxLjIsMCw1Ny0yMy45LDU5LjgtNTQuOWMyLTIyLjI5OSw1LjctMzkuMTk5LDExLjMwMS01MC42OTljOS4zOTktMTkuNzAxLDMzLjY5OS00NS43MDEsNzIuNjk5LTc4LjEKCQlDNzIzLjU5LDQ3Ny44LDc3Mi43OSw0MjguNCw3OTUuODkxLDM5MmMyMy0zNi4zLDM0LjYtNzQuOCwzNC42LTExNS41YzAtNzMuNS0zMS4zLTEzOC05NC0xOTMuNGMtNjIuNi01NS40LTE0Ny04My4xLTI1My04My4xCgkJYy0xMDAuOCwwLTE4Mi4xLDI3LjMtMjQ0LjEsODJjLTUyLjgsNDYuNi04NC45LDEwMS44LTk2LjIsMTY1LjVDMTM5LjY5LDI2Ni4xLDE1Mi4zOSwyODMuNSwxNzAuODksMjg1Ljh6IiBmaWxsPSIjZmZmIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==") no-repeat;
1019
+ mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iOTczLjFweCIgaGVpZ2h0PSI5NzMuMXB4IiB2aWV3Qm94PSIwIDAgOTczLjEgOTczLjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk3My4xIDk3My4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKCT4KPGc+Cgk8cGF0aCBkPSJNNTAyLjI5LDc4OC4xOTloLTQ3Yy0zMy4xLDAtNjAsMjYuOS02MCw2MHY2NC45YzAsMzMuMSwyNi45LDYwLDYwLDYwaDQ3YzMzLjEwMSwwLDYwLTI2LjksNjAtNjB2LTY0LjkKCQlDNTYyLjI5LDgxNSw1MzUuMzkxLDc4OC4xOTksNTAyLjI5LDc4OC4xOTl6IiBmaWxsPSIjZmZmIi8+Cgk8cGF0aCBkPSJNMTcwLjg5LDI4NS44bDg2LjcsMTAuOGMyNy41LDMuNCw1My42LTEyLjQsNjMuNS0zOC4zYzEyLjUtMzIuNywyOS45LTU4LjUsNTIuMi03Ny4zYzMxLjYwMS0yNi42LDcwLjktNDAsMTE3LjktNDAKCQljNDguNywwLDg3LjUsMTIuOCwxMTYuMywzOC4zYzI4LjgsMjUuNiw0My4xLDU2LjIsNDMuMSw5Mi4xYzAsMjUuOC04LjEsNDkuNC0yNC4zLDcwLjhjLTEwLjUsMTMuNi00Mi44LDQyLjItOTYuNyw4NS45CgkJYy01NCw0My43LTg5Ljg5OSw4My4wOTktMTA3Ljg5OSwxMTguMDk5Yy0xOC40LDM1LjgwMS0yNC44LDc1LjUtMjYuNCwxMTUuMzAxYy0xLjM5OSwzNC4xLDI1LjgsNjIuNSw2MCw2Mi41aDQ5CgkJYzMxLjIsMCw1Ny0yMy45LDU5LjgtNTQuOWMyLTIyLjI5OSw1LjctMzkuMTk5LDExLjMwMS01MC42OTljOS4zOTktMTkuNzAxLDMzLjY5OS00NS43MDEsNzIuNjk5LTc4LjEKCQlDNzIzLjU5LDQ3Ny44LDc3Mi43OSw0MjguNCw3OTUuODkxLDM5MmMyMy0zNi4zLDM0LjYtNzQuOCwzNC42LTExNS41YzAtNzMuNS0zMS4zLTEzOC05NC0xOTMuNGMtNjIuNi01NS40LTE0Ny04My4xLTI1My04My4xCgkJYy0xMDAuOCwwLTE4Mi4xLDI3LjMtMjQ0LjEsODJjLTUyLjgsNDYuNi04NC45LDEwMS44LTk2LjIsMTY1LjVDMTM5LjY5LDI2Ni4xLDE1Mi4zOSwyODMuNSwxNzAuODksMjg1Ljh6IiBmaWxsPSIjZmZmIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==") no-repeat;
1020
+ -webkit-mask-size: 100% 100%;
1021
+ mask-size: 100% 100%;
1022
+ }
1023
+ .qc-icon[data-img-type=success] {
1024
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojNGY4MTNkO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwLjAwMiAtMjU0Ni4wMDEpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTE1MiwyNTcwYTEyLDEyLDAsMSwxLDguNDg2LTMuNTE0QTExLjkyNSwxMS45MjUsMCwwLDEsMTUyLDI1NzBabTAtMjIuNzM3QTEwLjczNywxMC43MzcsMCwxLDAsMTYyLjczOSwyNTU4LDEwLjc0OSwxMC43NDksMCwwLDAsMTUyLDI1NDcuMjY0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMTQ4LjQzMywyNTYxLjU3NmEuNjMzLjYzMywwLDAsMS0uNDQ4LS4xODVsLTMuOC0zLjc3OGEuNjI4LjYyOCwwLDAsMSwwLS44OS42MzguNjM4LDAsMCwxLC45LDBsMy4zNSwzLjMzMyw4LjQxMy04LjM3MWEuNjM4LjYzOCwwLDAsMSwuOSwwLC42MjguNjI4LDAsMCwxLDAsLjg5MWwtOC44NjIsOC44MTVhLjYyOC42MjgsMCwwLDEtLjQ0OC4xODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAzNyAxLjQ2MykiLz48L2c+PC9zdmc+") no-repeat;
1025
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojNGY4MTNkO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwLjAwMiAtMjU0Ni4wMDEpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTE1MiwyNTcwYTEyLDEyLDAsMSwxLDguNDg2LTMuNTE0QTExLjkyNSwxMS45MjUsMCwwLDEsMTUyLDI1NzBabTAtMjIuNzM3QTEwLjczNywxMC43MzcsMCwxLDAsMTYyLjczOSwyNTU4LDEwLjc0OSwxMC43NDksMCwwLDAsMTUyLDI1NDcuMjY0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIvPjxwYXRoIGNsYXNzPSJhIiBkPSJNMTQ4LjQzMywyNTYxLjU3NmEuNjMzLjYzMywwLDAsMS0uNDQ4LS4xODVsLTMuOC0zLjc3OGEuNjI4LjYyOCwwLDAsMSwwLS44OS42MzguNjM4LDAsMCwxLC45LDBsMy4zNSwzLjMzMyw4LjQxMy04LjM3MWEuNjM4LjYzOCwwLDAsMSwuOSwwLC42MjguNjI4LDAsMCwxLDAsLjg5MWwtOC44NjIsOC44MTVhLjYyOC42MjgsMCwwLDEtLjQ0OC4xODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAzNyAxLjQ2MykiLz48L2c+PC9zdmc+") no-repeat;
1026
+ -webkit-mask-size: 100% 100%;
1027
+ mask-size: 100% 100%;
1028
+ }
1029
+ .qc-icon[data-img-type=success-white] {
1030
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4yNSAxOS4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjAuMjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnZfMF8yNTwvdGl0bGU+PGcgaWQ9IkNhbHF1ZV8yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iTGF5ZXJfMV8tX2NvcGllIiBkYXRhLW5hbWU9IkxheWVyIDEgLSBjb3BpZSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS42MywxOS4xMkE5LjQ5LDkuNDksMCwwLDEsLjEzLDkuNjMsOS40OSw5LjQ5LDAsMCwxLDkuNjMuMTNhOS41MSw5LjUxLDAsMCwxLDkuNSw5LjUsOS41MSw5LjUxLDAsMCwxLTkuNSw5LjQ5Wm0wLTE4YTguNSw4LjUsMCwxLDAsOC41LDguNDlBOC41LDguNSwwLDAsMCw5LjYzLDEuMTNaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy42MywxMy42MmEuNS41LDAsMCwxLS4zNi0uMTRsLTMtM0EuNS41LDAsMCwxLDUsOS43N2wyLjY0LDIuNjUsNi42NS02LjY1YS41LjUsMCwwLDEsLjcxLjcxbC03LDdhLjUuNSwwLDAsMS0uMzYuMTRaIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat;
1031
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4yNSAxOS4yNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjAuMjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnZfMF8yNTwvdGl0bGU+PGcgaWQ9IkNhbHF1ZV8yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iTGF5ZXJfMV8tX2NvcGllIiBkYXRhLW5hbWU9IkxheWVyIDEgLSBjb3BpZSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOS42MywxOS4xMkE5LjQ5LDkuNDksMCwwLDEsLjEzLDkuNjMsOS40OSw5LjQ5LDAsMCwxLDkuNjMuMTNhOS41MSw5LjUxLDAsMCwxLDkuNSw5LjUsOS41MSw5LjUxLDAsMCwxLTkuNSw5LjQ5Wm0wLTE4YTguNSw4LjUsMCwxLDAsOC41LDguNDlBOC41LDguNSwwLDAsMCw5LjYzLDEuMTNaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNy42MywxMy42MmEuNS41LDAsMCwxLS4zNi0uMTRsLTMtM0EuNS41LDAsMCwxLDUsOS43N2wyLjY0LDIuNjUsNi42NS02LjY1YS41LjUsMCwwLDEsLjcxLjcxbC03LDdhLjUuNSwwLDAsMS0uMzYuMTRaIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat;
1032
+ -webkit-mask-size: 100% 100%;
1033
+ mask-size: 100% 100%;
1034
+ }
1035
+ .qc-icon[data-img-type=xclose-white] {
1036
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC41IDIwLjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoxLjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkZpY2hpZXIgMzwvdGl0bGU+PGcgaWQ9IkNhbHF1ZV8yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMSwxMC4yNSwxOS42LDEuNmEuNDguNDgsMCwwLDAsMC0uNy40OC40OCwwLDAsMC0uNywwTDEwLjI1LDkuNTQsMS42LjlBLjQ4LjQ4LDAsMCwwLC45LjlhLjQ4LjQ4LDAsMCwwLDAsLjdsOC42NCw4LjY1TC45LDE4LjlhLjQ4LjQ4LDAsMCwwLDAsLjcuNDguNDgsMCwwLDAsLjcsMEwxMC4yNSwxMSwxOC45LDE5LjZhLjQ4LjQ4LDAsMCwwLC43LDAsLjQ4LjQ4LDAsMCwwLDAtLjdMMTEsMTAuMjVaIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat;
1037
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC41IDIwLjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO3N0cm9rZTojZmZmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoxLjVweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkZpY2hpZXIgMzwvdGl0bGU+PGcgaWQ9IkNhbHF1ZV8yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMSwxMC4yNSwxOS42LDEuNmEuNDguNDgsMCwwLDAsMC0uNy40OC40OCwwLDAsMC0uNywwTDEwLjI1LDkuNTQsMS42LjlBLjQ4LjQ4LDAsMCwwLC45LjlhLjQ4LjQ4LDAsMCwwLDAsLjdsOC42NCw4LjY1TC45LDE4LjlhLjQ4LjQ4LDAsMCwwLDAsLjcuNDguNDgsMCwwLDAsLjcsMEwxMC4yNSwxMSwxOC45LDE5LjZhLjQ4LjQ4LDAsMCwwLC43LDAsLjQ4LjQ4LDAsMCwwLDAtLjdMMTEsMTAuMjVaIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat;
1038
+ -webkit-mask-size: 100% 100%;
1039
+ mask-size: 100% 100%;
1040
+ }
1041
+ .qc-icon[data-img-type=xclose-blue] {
1042
+ -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTEwLjcwNyAxMC41bDguNjQ2LTguNjQ2YzAuMTk1LTAuMTk1IDAuMTk1LTAuNTEyIDAtMC43MDdzLTAuNTEyLTAuMTk1LTAuNzA3IDBsLTguNjQ2IDguNjQ2LTguNjQ2LTguNjQ2Yy0wLjE5NS0wLjE5NS0wLjUxMi0wLjE5NS0wLjcwNyAwcy0wLjE5NSAwLjUxMiAwIDAuNzA3bDguNjQ2IDguNjQ2LTguNjQ2IDguNjQ2Yy0wLjE5NSAwLjE5NS0wLjE5NSAwLjUxMiAwIDAuNzA3IDAuMDk4IDAuMDk4IDAuMjI2IDAuMTQ2IDAuMzU0IDAuMTQ2czAuMjU2LTAuMDQ5IDAuMzU0LTAuMTQ2bDguNjQ2LTguNjQ2IDguNjQ2IDguNjQ2YzAuMDk4IDAuMDk4IDAuMjI2IDAuMTQ2IDAuMzU0IDAuMTQ2czAuMjU2LTAuMDQ5IDAuMzU0LTAuMTQ2YzAuMTk1LTAuMTk1IDAuMTk1LTAuNTEyIDAtMC43MDdsLTguNjQ2LTguNjQ2eiIgZmlsbD0iIzIyMzY1NCI+PC9wYXRoPgo8L3N2Zz4K") no-repeat;
1043
+ mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KPHBhdGggZD0iTTEwLjcwNyAxMC41bDguNjQ2LTguNjQ2YzAuMTk1LTAuMTk1IDAuMTk1LTAuNTEyIDAtMC43MDdzLTAuNTEyLTAuMTk1LTAuNzA3IDBsLTguNjQ2IDguNjQ2LTguNjQ2LTguNjQ2Yy0wLjE5NS0wLjE5NS0wLjUxMi0wLjE5NS0wLjcwNyAwcy0wLjE5NSAwLjUxMiAwIDAuNzA3bDguNjQ2IDguNjQ2LTguNjQ2IDguNjQ2Yy0wLjE5NSAwLjE5NS0wLjE5NSAwLjUxMiAwIDAuNzA3IDAuMDk4IDAuMDk4IDAuMjI2IDAuMTQ2IDAuMzU0IDAuMTQ2czAuMjU2LTAuMDQ5IDAuMzU0LTAuMTQ2bDguNjQ2LTguNjQ2IDguNjQ2IDguNjQ2YzAuMDk4IDAuMDk4IDAuMjI2IDAuMTQ2IDAuMzU0IDAuMTQ2czAuMjU2LTAuMDQ5IDAuMzU0LTAuMTQ2YzAuMTk1LTAuMTk1IDAuMTk1LTAuNTEyIDAtMC43MDdsLTguNjQ2LTguNjQ2eiIgZmlsbD0iIzIyMzY1NCI+PC9wYXRoPgo8L3N2Zz4K") no-repeat;
1044
+ -webkit-mask-size: 100% 100%;
1045
+ mask-size: 100% 100%;
1046
+ }
1047
+ .qc-icon[data-img-type=chevron-blue] {
1048
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTMgOCI+CiAgPHBhdGggaWQ9IlRyYWPDqV83MDAiIGRhdGEtbmFtZT0iVHJhY8OpIDcwMCIgZD0iTTEzMzcuNDc0LDM2Ni4yNDdsNS44LDUuNzIyLTEuNCwxLjYxLTUuMS01LjAzLTUuMSw1LjAzLTEuNC0xLjYxLDUuOC01LjcyMi43LS42NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMzMC4yNzEgLTM2NS41OCkiIGZpbGw9IiMwOTU3OTciLz4KPC9zdmc+Cg==") no-repeat;
1049
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTMgOCI+CiAgPHBhdGggaWQ9IlRyYWPDqV83MDAiIGRhdGEtbmFtZT0iVHJhY8OpIDcwMCIgZD0iTTEzMzcuNDc0LDM2Ni4yNDdsNS44LDUuNzIyLTEuNCwxLjYxLTUuMS01LjAzLTUuMSw1LjAzLTEuNC0xLjYxLDUuOC01LjcyMi43LS42NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMzMC4yNzEgLTM2NS41OCkiIGZpbGw9IiMwOTU3OTciLz4KPC9zdmc+Cg==") no-repeat;
1050
+ -webkit-mask-size: 100% 100%;
1051
+ mask-size: 100% 100%;
1052
+ }
1053
+ .qc-icon[data-img-type=chevron-white] {
1054
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTMgOCI+CiAgPHBhdGggaWQ9IlRyYWPDqV83MDAiIGRhdGEtbmFtZT0iVHJhY8OpIDcwMCIgZD0iTTEzMzcuNDc0LDM2Ni4yNDdsNS44LDUuNzIyLTEuNCwxLjYxLTUuMS01LjAzLTUuMSw1LjAzLTEuNC0xLjYxLDUuOC01LjcyMi43LS42NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMzMC4yNzEgLTM2NS41OCkiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==") no-repeat;
1055
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTMgOCI+CiAgPHBhdGggaWQ9IlRyYWPDqV83MDAiIGRhdGEtbmFtZT0iVHJhY8OpIDcwMCIgZD0iTTEzMzcuNDc0LDM2Ni4yNDdsNS44LDUuNzIyLTEuNCwxLjYxLTUuMS01LjAzLTUuMSw1LjAzLTEuNC0xLjYxLDUuOC01LjcyMi43LS42NjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMzMC4yNzEgLTM2NS41OCkiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==") no-repeat;
1056
+ -webkit-mask-size: 100% 100%;
1057
+ mask-size: 100% 100%;
1058
+ }
1059
+ .qc-icon[data-img-type=facebook] {
1060
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzIiIGRhdGEtbmFtZT0iR3JvdXBlIDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI3LjEzMSIgaGVpZ2h0PSIyNy4xMzEiIHZpZXdCb3g9IjAgMCAyNy4xMzEgMjcuMTMxIj4KICA8ZyBpZD0iR3JvdXBlXzYiIGRhdGEtbmFtZT0iR3JvdXBlIDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMTYiIGRhdGEtbmFtZT0iVHJhY8OpIDE2IiBkPSJNMjcuMTMxLDEzLjU2NmExMy41NjYsMTMuNTY2LDAsMSwwLTE1LjY4NSwxMy40di05LjQ4SDhWMTMuNTY2aDMuNDQ0VjEwLjU3N2MwLTMuNCwyLjAyNS01LjI3OCw1LjEyNC01LjI3OGEyMC44NjEsMjAuODYxLDAsMCwxLDMuMDM3LjI2NVY4LjlIMTcuOWExLjk2MSwxLjk2MSwwLDAsMC0yLjIxMSwyLjExOXYyLjU0NWgzLjc2MmwtLjYsMy45MjFIMTUuNjg1djkuNDhBMTMuNTY5LDEzLjU2OSwwLDAsMCwyNy4xMzEsMTMuNTY2WiIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8xNyIgZGF0YS1uYW1lPSJUcmFjw6kgMTciIGQ9Ik0zMTIuODE5LDIxMi4xNTlsLjYtMy45MTJoLTMuNzU0di0yLjUzOWExLjk1NiwxLjk1NiwwLDAsMSwyLjIwNi0yLjExNGgxLjcwN3YtMy4zMzFhMjAuODEyLDIwLjgxMiwwLDAsMC0zLjAzLS4yNjRjLTMuMDkxLDAtNS4xMTIsMS44NzQtNS4xMTIsNS4yNjZ2Mi45ODJIMzAydjMuOTEyaDMuNDM2djkuNDU3YTEzLjY3NSwxMy42NzUsMCwwLDAsNC4yMjksMHYtOS40NTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkzLjk4NCAtMTk0LjY1KSIgZmlsbD0iIzIyMzY1NCIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat;
1061
+ mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzIiIGRhdGEtbmFtZT0iR3JvdXBlIDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI3LjEzMSIgaGVpZ2h0PSIyNy4xMzEiIHZpZXdCb3g9IjAgMCAyNy4xMzEgMjcuMTMxIj4KICA8ZyBpZD0iR3JvdXBlXzYiIGRhdGEtbmFtZT0iR3JvdXBlIDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIj4KICAgIDxwYXRoIGlkPSJUcmFjw6lfMTYiIGRhdGEtbmFtZT0iVHJhY8OpIDE2IiBkPSJNMjcuMTMxLDEzLjU2NmExMy41NjYsMTMuNTY2LDAsMSwwLTE1LjY4NSwxMy40di05LjQ4SDhWMTMuNTY2aDMuNDQ0VjEwLjU3N2MwLTMuNCwyLjAyNS01LjI3OCw1LjEyNC01LjI3OGEyMC44NjEsMjAuODYxLDAsMCwxLDMuMDM3LjI2NVY4LjlIMTcuOWExLjk2MSwxLjk2MSwwLDAsMC0yLjIxMSwyLjExOXYyLjU0NWgzLjc2MmwtLjYsMy45MjFIMTUuNjg1djkuNDhBMTMuNTY5LDEzLjU2OSwwLDAsMCwyNy4xMzEsMTMuNTY2WiIgZmlsbD0iI2ZmZiIvPgogICAgPHBhdGggaWQ9IlRyYWPDqV8xNyIgZGF0YS1uYW1lPSJUcmFjw6kgMTciIGQ9Ik0zMTIuODE5LDIxMi4xNTlsLjYtMy45MTJoLTMuNzU0di0yLjUzOWExLjk1NiwxLjk1NiwwLDAsMSwyLjIwNi0yLjExNGgxLjcwN3YtMy4zMzFhMjAuODEyLDIwLjgxMiwwLDAsMC0zLjAzLS4yNjRjLTMuMDkxLDAtNS4xMTIsMS44NzQtNS4xMTIsNS4yNjZ2Mi45ODJIMzAydjMuOTEyaDMuNDM2djkuNDU3YTEzLjY3NSwxMy42NzUsMCwwLDAsNC4yMjksMHYtOS40NTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjkzLjk4NCAtMTk0LjY1KSIgZmlsbD0iIzIyMzY1NCIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat;
1062
+ -webkit-mask-size: 100% 100%;
1063
+ mask-size: 100% 100%;
1064
+ }
1065
+ .qc-icon[data-img-type=linkedin] {
1066
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzM5MiIgZGF0YS1uYW1lPSJHcm91cGUgMzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIyNy4yNTQiIHZpZXdCb3g9IjAgMCAzMiAyNy4yNTQiPgogIDxnIGlkPSJHcm91cGVfMzkxIiBkYXRhLW5hbWU9Ikdyb3VwZSAzOTEiPgogICAgPHBhdGggaWQ9IlRyYWPDqV82NDYiIGRhdGEtbmFtZT0iVHJhY8OpIDY0NiIgZD0iTTIzLjgyNywwSDEuOUExLjkzMywxLjkzMywwLDAsMCwwLDEuOTY1VjI1LjI4N2ExLjkzNCwxLjkzNCwwLDAsMCwxLjksMS45NjdIMjMuODI3YTEuOTM4LDEuOTM4LDAsMCwwLDEuOS0xLjk2N1YxLjk2NUExLjkzNiwxLjkzNiwwLDAsMCwyMy44MjcsMFpNNy42MzMsMjMuMjIzSDMuODEyVjEwLjIxN2gzLjgyWk01LjcyNCw4LjQ0QTIuMjgxLDIuMjgxLDAsMCwxLDMuNTA5LDYuMSwyLjI4LDIuMjgsMCwwLDEsNS43MjQsMy43NTIsMi4yODEsMi4yODEsMCwwLDEsNy45MzUsNi4xLDIuMjgxLDIuMjgxLDAsMCwxLDUuNzI0LDguNDRabTE2LjIsMTQuNzgzSDE4LjExVjE2LjljMC0xLjUwOC0uMDI0LTMuNDQ4LTEuOTgzLTMuNDQ4LTEuOTg2LDAtMi4yODksMS42NDQtMi4yODksMy4zNDF2Ni40MzNIMTAuMDI2VjEwLjIxN2gzLjY1OFYxMmguMDUzYTMuOTc0LDMuOTc0LDAsMCwxLDMuNjExLTIuMWMzLjg2NCwwLDQuNTc4LDIuNjkzLDQuNTc4LDYuMloiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat;
1067
+ mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzM5MiIgZGF0YS1uYW1lPSJHcm91cGUgMzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIyNy4yNTQiIHZpZXdCb3g9IjAgMCAzMiAyNy4yNTQiPgogIDxnIGlkPSJHcm91cGVfMzkxIiBkYXRhLW5hbWU9Ikdyb3VwZSAzOTEiPgogICAgPHBhdGggaWQ9IlRyYWPDqV82NDYiIGRhdGEtbmFtZT0iVHJhY8OpIDY0NiIgZD0iTTIzLjgyNywwSDEuOUExLjkzMywxLjkzMywwLDAsMCwwLDEuOTY1VjI1LjI4N2ExLjkzNCwxLjkzNCwwLDAsMCwxLjksMS45NjdIMjMuODI3YTEuOTM4LDEuOTM4LDAsMCwwLDEuOS0xLjk2N1YxLjk2NUExLjkzNiwxLjkzNiwwLDAsMCwyMy44MjcsMFpNNy42MzMsMjMuMjIzSDMuODEyVjEwLjIxN2gzLjgyWk01LjcyNCw4LjQ0QTIuMjgxLDIuMjgxLDAsMCwxLDMuNTA5LDYuMSwyLjI4LDIuMjgsMCwwLDEsNS43MjQsMy43NTIsMi4yODEsMi4yODEsMCwwLDEsNy45MzUsNi4xLDIuMjgxLDIuMjgxLDAsMCwxLDUuNzI0LDguNDRabTE2LjIsMTQuNzgzSDE4LjExVjE2LjljMC0xLjUwOC0uMDI0LTMuNDQ4LTEuOTgzLTMuNDQ4LTEuOTg2LDAtMi4yODksMS42NDQtMi4yODksMy4zNDF2Ni40MzNIMTAuMDI2VjEwLjIxN2gzLjY1OFYxMmguMDUzYTMuOTc0LDMuOTc0LDAsMCwxLDMuNjExLTIuMWMzLjg2NCwwLDQuNTc4LDIuNjkzLDQuNTc4LDYuMloiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo=") no-repeat;
1068
+ -webkit-mask-size: 100% 100%;
1069
+ mask-size: 100% 100%;
1070
+ }
1071
+ .qc-icon[data-img-type=twitter] {
1072
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzEiIGRhdGEtbmFtZT0iR3JvdXBlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI3LjEzMSIgaGVpZ2h0PSIyNy4xMzEiIHZpZXdCb3g9IjAgMCAyNy4xMzEgMjcuMTMxIj4KICA8ZyBpZD0iRGFya19CbHVlIiBkYXRhLW5hbWU9IkRhcmsgQmx1ZSI+CiAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzEiIGRhdGEtbmFtZT0iRWxsaXBzZSAxIiBjeD0iMTMuNTY2IiBjeT0iMTMuNTY2IiByPSIxMy41NjYiIGZpbGw9IiNmZmYiLz4KICA8L2c+CiAgPGcgaWQ9IkxvZ29fRklYRUQiIGRhdGEtbmFtZT0iTG9nbyDigJQgRklYRUQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMDcxIDcuNzY3KSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzEzIiBkYXRhLW5hbWU9IlRyYWPDqSAxMyIgZD0iTTk0LjUxMywxMjcuNDYxYTkuMjQxLDkuMjQxLDAsMCwwLDkuMy05LjNjMC0uMTQyLDAtLjI4My0uMDA5LS40MjNhNi42NTMsNi42NTMsMCwwLDAsMS42MzEtMS42OTMsNi41MjksNi41MjksMCwwLDEtMS44NzguNTE1QTMuMjgyLDMuMjgyLDAsMCwwLDEwNSwxMTQuNzQ2YTYuNTU0LDYuNTU0LDAsMCwxLTIuMDc2Ljc5NCwzLjI3MywzLjI3MywwLDAsMC01LjU3MywyLjk4Miw5LjI4NSw5LjI4NSwwLDAsMS02Ljc0MS0zLjQxNywzLjI3MywzLjI3MywwLDAsMCwxLjAxMiw0LjM2NiwzLjI0NywzLjI0NywwLDAsMS0xLjQ4MS0uNDA5YzAsLjAxNCwwLC4wMjcsMCwuMDQyYTMuMjcyLDMuMjcyLDAsMCwwLDIuNjI0LDMuMjA2LDMuMjY1LDMuMjY1LDAsMCwxLTEuNDc3LjA1NiwzLjI3NCwzLjI3NCwwLDAsMCwzLjA1NSwyLjI3MSw2LjU2Miw2LjU2MiwwLDAsMS00LjA2MiwxLjQsNi42NTgsNi42NTgsMCwwLDEtLjc4LS4wNDUsOS4yNTgsOS4yNTgsMCwwLDAsNS4wMTMsMS40NjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04OS41IC0xMTQuNTA3KSIgZmlsbD0iIzIyMzY1NCIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat;
1073
+ mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBlXzEiIGRhdGEtbmFtZT0iR3JvdXBlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI3LjEzMSIgaGVpZ2h0PSIyNy4xMzEiIHZpZXdCb3g9IjAgMCAyNy4xMzEgMjcuMTMxIj4KICA8ZyBpZD0iRGFya19CbHVlIiBkYXRhLW5hbWU9IkRhcmsgQmx1ZSI+CiAgICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzEiIGRhdGEtbmFtZT0iRWxsaXBzZSAxIiBjeD0iMTMuNTY2IiBjeT0iMTMuNTY2IiByPSIxMy41NjYiIGZpbGw9IiNmZmYiLz4KICA8L2c+CiAgPGcgaWQ9IkxvZ29fRklYRUQiIGRhdGEtbmFtZT0iTG9nbyDigJQgRklYRUQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuMDcxIDcuNzY3KSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzEzIiBkYXRhLW5hbWU9IlRyYWPDqSAxMyIgZD0iTTk0LjUxMywxMjcuNDYxYTkuMjQxLDkuMjQxLDAsMCwwLDkuMy05LjNjMC0uMTQyLDAtLjI4My0uMDA5LS40MjNhNi42NTMsNi42NTMsMCwwLDAsMS42MzEtMS42OTMsNi41MjksNi41MjksMCwwLDEtMS44NzguNTE1QTMuMjgyLDMuMjgyLDAsMCwwLDEwNSwxMTQuNzQ2YTYuNTU0LDYuNTU0LDAsMCwxLTIuMDc2Ljc5NCwzLjI3MywzLjI3MywwLDAsMC01LjU3MywyLjk4Miw5LjI4NSw5LjI4NSwwLDAsMS02Ljc0MS0zLjQxNywzLjI3MywzLjI3MywwLDAsMCwxLjAxMiw0LjM2NiwzLjI0NywzLjI0NywwLDAsMS0xLjQ4MS0uNDA5YzAsLjAxNCwwLC4wMjcsMCwuMDQyYTMuMjcyLDMuMjcyLDAsMCwwLDIuNjI0LDMuMjA2LDMuMjY1LDMuMjY1LDAsMCwxLTEuNDc3LjA1NiwzLjI3NCwzLjI3NCwwLDAsMCwzLjA1NSwyLjI3MSw2LjU2Miw2LjU2MiwwLDAsMS00LjA2MiwxLjQsNi42NTgsNi42NTgsMCwwLDEtLjc4LS4wNDUsOS4yNTgsOS4yNTgsMCwwLDAsNS4wMTMsMS40NjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04OS41IC0xMTQuNTA3KSIgZmlsbD0iIzIyMzY1NCIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat;
1074
+ -webkit-mask-size: 100% 100%;
1075
+ mask-size: 100% 100%;
1076
+ }
1077
+ .qc-icon[data-img-type=youtube] {
1078
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzUuNTUyIiBoZWlnaHQ9IjM1LjU1MiIgdmlld0JveD0iMCAwIDM1LjU1MiAzNS41NTIiPgogIDxpbWFnZSBpZD0iSW1hZ2VfNDEiIGRhdGEtbmFtZT0iSW1hZ2UgNDEiIHdpZHRoPSIzNS41NTIiIGhlaWdodD0iMzUuNTUyIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUpZQUFBQ1dDQVlBQUFBOEFYSGlBQUFNUm1sRFExQkpRME1nVUhKdlptbHNaUUFBU0ltVlZ3ZFVVOGthbmx0U1NXaUJDRWdKdllsU3BFc0pvVVVRa0NyWUNFa2dvY1NZRUVUc3lxS0NheGNSc0tHcklvcXVCWkMxWWkrTFl1OFBDeXJLdWxpd29mSW1CWFQxdlBmTys4K1plNy83enovZlgrN2N1VE1BNkZUenBOSmNWQmVBUEVtK0xENGloRFVtTlkxRmVnaW93QncySTJEQzQ4dWw3TGk0YUFDbC8vNVBlWGNkSU1yN0ZSY2wxOC85LzFYMEJFSTVId0FrRHVJTWdaeWZCL0UrQVBCaXZsU1dEd0RSQitxdHArUkxsWGdjeEFZeUdDREVVaVhPVXVOaUpjNVE0d3FWVFdJOEIrSWRBSkJwUEo0c0N3RHRKcWhuRmZDeklJLzJUWWhkSlFLeEJBQWRNc1NCZkJGUEFIRWt4RVB5OGlZcE1iUUREaG5mOFdUOWd6TmpnSlBIeXhyQTZseFVRZzRWeTZXNXZLbi9aem4rdCtUbEt2cDkyTUZHRThraTQ1VTV3N3JkekprVXBjUTBpTHNrR1RHeEVPdEQvRUVzVU5sRGpGSkZpc2drdFQxcXlwZHpZTTBBRTJKWEFTODBDbUpUaU1NbHVUSFJHbjFHcGppY0N6R2NJV2loT0orYnFCbTdRQ2dQUzlCd1Zzc214Y2YyNDB3Wmg2MFpXOCtUcWZ3cTdVOG9jcExZR3Y2YklpRzNuLzl0a1NneFJSMHpSaTBRSjhkQXJBMHhVNTZURUtXMndXeUtSSnlZZmh1WklsNFp2dzNFZmtKSlJJaWFINXVRS1F1UDE5akw4dVQ5K1dJTFJHSnVqQVpYNW9zU0l6VThPL2c4VmZ4R0VEY0pKZXlrZmg2aGZFeDBmeTRDWVdpWU9uZnNrbENTcE1rWGE1Zm1oOFJyeHI2VzVzWnA3SEdxTURkQ3FiZUMyRlJla0tBWml3Zm13d21wNXNkanBQbHhpZW80OFl4czNzZzRkVHg0SVlnR0hCQUtXRUFCV3dhWUJMS0J1TFdyc1FzK3FYdkNBUS9JUUJZUUFoZU5wbjlFaXFwSEFxOEpvQWo4QlpFUXlBZkdoYWg2aGFBQTZyOE1hTlZYRjVDcDZpMVFqY2dCVHlET0ExRWdGejRyVktNa0E5NlN3V09vRWYva25ROWp6WVZOMmZlempnMDEwUnFOb3ArWHBkTnZTUXdqaGhJamllRkVSOXdFRDhUOThXaDREWWJOSGZmQmZmdWovV1pQZUVKb0l6d2tYQ08wRTI1TkZNK1YvWkFQQzR3QzdkQkR1Q2Juak85enh1MGdxeWNlZ2dkQWZzaU5NM0VUNElJUGg1N1llQkQwN1FtMUhFM2t5dXgvNVA1SER0OVZYV05IY2FXZ2xFR1VZSXJEanlPMW5iUTlCMWlVTmYyK1F1cFlNd2JxeWhubytkRS81N3RLQytBOTZrZExiQUcyRnp1TkhjUE9ZZ2V4UnNEQ2ptQk4yQVhza0JJUHpLTEhxbG5VN3kxZUZVOE81QkgvNUkrbjhhbXNwTnkxenJYVDliTzZMMTlZcUZ3ZkFXZVNkS3BNbkNYS1o3SGh5aTlrY1NYOG9VTlk3cTV1Y05WVy9rZlV5OVFicHVyL2dERFBmZFBOZyt0T3dNcSt2cjZEMzNUUnZnRHNhd0NBMnZsTlp3L1hYRHJVblZuSVY4Z0sxRHBjZVNIQXY1TU8vS0tNNFgvS0dqakFmTnlCRi9BSHdTQU1qQVN4SUJHa2dnbXd5aUk0bjJWZ0NwZ081b0FTVUFhV2dsV2dFcXdIbThBMnNCUHNBWTNnSURnR1RvSHo0Qks0QnU3QTJkTUJYb0J1OEE3MElnaENRdWdJQXpGR0xCQmJ4Qmx4UjN5UVFDUU1pVWJpa1ZRa0hjbENKSWdDbVk3TVE4cVE1VWdsc2hHcFJYNUhEaURIa0xOSUczSUxlWUIwSXErUlR5aUcwbEFEMUF5MVE0ZWhQaWdialVJVDBmRm9Gam9aTFVLTDBjVm9CVnFEN2tBYjBHUG9lZlFhMm82K1FIc3dnR2xoVE13U2M4RjhNQTRXaTZWaG1aZ01tNG1WWXVWWURWYVBOY1AzZkFWcng3cXdqemdSWitBczNBWE80RWc4Q2VmamsvR1orQ0s4RXQrR04rQW44Q3Y0QTd3Yi8wcWdFMHdKemdRL0FwY3docEJGbUVJb0laUVR0aEQyRTA3Q3I2bUQ4STVJSkRLSjlrUnYrRFdtRXJPSjA0aUxpR3VKdTRoSGlXM0VSOFFlRW9sa1RISW1CWkJpU1R4U1BxbUV0SWEwZzNTRWRKblVRZnBBMWlKYmtOM0o0ZVEwc29ROGwxeE8zazQrVEw1TWZrcnVwZWhTYkNsK2xGaUtnREtWc29TeW1kSk11VWpwb1BSUzlhajIxQUJxSWpXYk9vZGFRYTJubnFUZXBiN1IwdEt5MHZMVkdxMGwxcHF0VmFHMVcrdU0xZ090anpSOW1oT05ReHRIVTlBVzA3YlNqdEp1MGQ3UTZYUTdlakE5alo1UFgweXZwUituMzZkLzBHWm9EOVhtYWd1MFoybFhhVGRvWDlaK3FVUFJzZFZoNjB6UUtkSXAxOW1yYzFHblM1ZWlhNmZMMGVYcHp0U3QwajJnZTBPM1I0K2g1NllYcTVlbnQwaHZ1OTVadldmNkpIMDcvVEI5Z1g2eC9pYjk0L3FQR0JqRG1zRmg4Qm56R0pzWkp4a2RCa1FEZXdPdVFiWkJtY0ZPZzFhRGJrTjl3K0dHeVlhRmhsV0dod3pibVJqVGpzbGw1aktYTVBjd3J6TS9EVElieEI0a0hMUndVUDJneTRQZUd3MDJDallTR3BVYTdUSzZadlRKbUdVY1pweGp2TXk0MGZpZUNXN2laRExhWklySk9wT1RKbDJERFFiN0QrWVBMaDI4Wi9CdFU5VFV5VFRlZEpycEp0TUxwajFtNW1ZUlpsS3pOV2JIemJyTW1lYkI1dG5tSzgwUG0zZGFNQ3dDTGNRV0t5Mk9XRHhuR2JMWXJGeFdCZXNFcTl2UzFETFNVbUc1MGJMVnN0ZkszaXJKYXE3VkxxdDcxbFJySCt0TTY1WFdMZGJkTmhZMm8yeW0yOVRaM0xhbDJQcllpbXhYMjU2MmZXOW5iNWRpTjkrdTBlNlp2WkU5MTc3SXZzNytyZ1BkSWNoaHNrT053MVZIb3FPUFk0N2pXc2RMVHFpVHA1UElxY3Jwb2pQcTdPVXNkbDdyM0RhRU1NUjNpR1JJelpBYkxqUVh0a3VCUzUzTGc2SE1vZEZENXc1dEhQcHltTTJ3dEdITGhwMGU5dFhWMHpYWGRiUHJIVGQ5dDVGdWM5MmEzVjY3TzduejNhdmNyM3JRUGNJOVpuazBlYndhN2p4Y09IemQ4SnVlRE05Um52TTlXenkvZUhsN3lienF2VHE5YmJ6VHZhdTliL2dZK01UNUxQSTU0MHZ3RGZHZDVYdlE5Nk9mbDErKzN4Ni92LzFkL0hQOHQvcy9HMkUvUWpoaTg0aEhBVllCdklDTkFlMkJyTUQwd0EyQjdVR1dRYnlnbXFDSHdkYkJndUF0d1UvWmp1eHM5ZzcyeXhEWEVGbkkvcEQzSEQvT0RNN1JVQ3cwSXJRMHREVk1QeXdwckRMc2ZyaFZlRlo0WFhoM2hHZkV0SWlqa1lUSXFNaGxrVGU0Wmx3K3Q1YmJQZEo3NUl5Uko2Sm9VUWxSbFZFUG81MmlaZEhObzlCUkkwZXRHSFUzeGpaR0V0TVlDMks1c1N0aTc4WFp4MDJPKzJNMGNYVGM2S3JSVCtMZDRxZkhuMDVnSkV4TTJKN3dMakVrY1VuaW5TU0hKRVZTUzdKTzhyamsydVQzS2FFcHkxUGF4d3diTTJQTStWU1RWSEZxVXhvcExUbHRTMXJQMkxDeHE4WjJqUE1jVnpMdStuajc4WVhqejA0d21aQTc0ZEJFblltOGlYdlRDZWtwNmR2VFAvTmllVFc4bmd4dVJuVkdONS9EWDgxL0lRZ1dyQlIwQ2dPRXk0VlBNd015bDJjK3l3cklXcEhWS1FvU2xZdTZ4Qnh4cGZoVmRtVDIrdXozT2JFNVczUDZjbE55ZCtXUjg5THpEa2owSlRtU0U1UE1KeFZPYXBNNlMwdWs3WlA5SnErYTNDMkxrbTJSSS9MeDhxWjhBN2hodjZCd1VQeWllRkFRV0ZCVjhHRks4cFM5aFhxRmtzSUxVNTJtTHB6NnRDaTg2TGRwK0RUK3RKYnBsdFBuVEg4d2d6MWo0MHhrWnNiTWxsbldzNHBuZGN5T21MMXREblZPenB3LzU3ck9YVDczN2J5VWVjM0Zac1d6aXgvOUV2RkxYWWwyaWF6a3huei8rZXNYNEF2RUMxb1hlaXhjcy9CcnFhRDBYSmxyV1huWjUwWDhSZWQrZGZ1MTR0ZSt4Wm1MVzVkNExWbTNsTGhVc3ZUNnNxQmwyNWJyTFM5YS9takZxQlVOSzFrclMxZStYVFZ4MWRueTRlWHJWMU5YSzFhM1YwUlhOSzJ4V2JOMHplZEtVZVcxcXBDcVhkV20xUXVyMzY4VnJMMjhMbmhkL1hxejlXWHJQMjBRYjdpNU1XSmpRNDFkVGZrbTRxYUNUVTgySjI4Ky9adlBiN1ZiVExhVWJmbXlWYksxZlZ2OHRoTzEzclcxMjAyM0w2bEQ2eFIxblR2RzdiaTBNM1JuVTcxTC9jWmR6RjFsdThGdXhlN252NmYvZm4xUDFKNld2VDU3Ni9mWjdxdmV6OWhmMm9BMFRHM29iaFExdGplbE5yVWRHSG1ncGRtL2VmOGZRLy9ZZXREeVlOVWh3ME5MRGxNUEZ4L3VPMUowcE9lbzlHalhzYXhqajFvbXR0dzVQdWI0MVJPalQ3U2VqRHA1NWxUNHFlT24yYWVQbkFrNGMvQ3MzOWtENTN6T05aNzNPdDl3d2ZQQy9qODkvOXpmNnRYYWNOSDdZdE1sMzB2TmJTUGFEbDhPdW56c1N1aVZVMWU1Vjg5Zmk3bldkajNwK3MwYjQyNjAzeFRjZkhZcjk5YXIyd1czZSsvTXZrdTRXM3BQOTE3NWZkUDdOZjl5L05ldWRxLzJRdzlDSDF4NG1QRHd6aVArb3hlUDVZOC9keFEvb1Q4cGYycnh0UGFaKzdPRG5lR2RsNTZQZmQ3eFF2cWl0NnZrTDcyL3FsODZ2TnozZC9EZkY3ckhkSGU4a3IzcWU3M29qZkdiclcrSHYyM3BpZXU1L3k3dlhlLzcwZy9HSDdaOTlQbDQrbFBLcDZlOVV6NlRQbGQ4Y2Z6Uy9EWHE2OTIrdkw0K0tVL0dVMjBGTU5qUXpFd0FYbStGKzRSVUFCaVg0UDVoclBxY3B4SkVmVFpWSWZDZnNQb3NxQkl2QU9yaFRibGQ1eHdGWURkc2RzR1FHejRydCtxSndRRDE4QmhvR3BGbmVyaXJ1V2p3eEVQNDBOZjN4Z3dBVWpNQVgyUjlmYjFyKy9xK2JJYkIzZ0xnNkdUMStWSXBSSGcyMk9DcVJKY3Q5b0lmNWQ4NWRuN0RaMjMxbGdBQURaWkpSRUZVZUFIdG5RdDBGY1VaeDc5QUNIbUhJQkFJQ1NHQklBZ0NnZ1ZzcXlCUXBVamxFUWljU3BFM2xVZXdJQS9MUS9CNFd0dnlFRVU0dGJTMlBhMUhGS2tjeXVOVVNrVnFxeFFWME1oRElvRWtKQUVDU1c1dVhoRFMrZTRCVHRpWjNidTcyYjNaTy92Tk9YdjIzdG1aMlpuLy9PN3UzTm1kN3d0Skc1QlJEeFJJQVlzVmFHWnhlVlFjS2VCVGdNQWlFR3hSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJnTUN5UlZZcWxNQWlCbXhSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJnTUN5UlZZcWxNQWlCbXhSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJnTUN5UlZZcWxNQWlCbXhSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJJTlNXVWdOVWFFUjRTNGlLaklEb3FJZzcrNUFRL3llUGlZNkMyQmkyc1QzbWJkWk1SeWIveGQ2Vm9yS3FCandWWGlqM2VLR01iWFYxZFhjZEYzMnBxcTZCQ20vVm5jMWJXU1ZLRmhSeFRRSVdBb0VkR3hNVkNURzRqMlo3MXNHNGoyWnhVWkhoZHo1angyTmNSSGdZeE1WRTN3RUk4N3NoSUZ3TllhdndWc0x0T0EvNzdQR3c3MVhWTEEzN1hGSHBTNHY3Y2dhMWI4K2diZ3BBYlFNTE96NDlMUm02ZGs2Q3pzbnQyZFlCa2pzbVFFcFNlNGlNQ0hjREU1YTBFYS9JdUNXMGJWeHhPYmtGY0tHZ0NNNWRLSVR6K1VWdzlsdys1T1RtdytXUzBzWVZySkk3eENyYkRYaTFHVFBpRVJqWXZ5ZjB1UzhkRXR1M1VUa2xSVHRKZ2F2WHl1R3JVemx3TFBzYjJMbjNFT1FWRkZ0U3ZVYUROWWlCTk9GSHcyREUwRUVRM2pMTWtrcFJJVTJqUUgxOVBYejZlVFpzMy9WUDJQK3ZUNkMyOXJycGlwZ0c2NEZlM1dEZG1nVytXNXpwczFOR3h5cUE0N3IxVzkrQ1A3Kzd6MVFkVFlFMWJkSW9XTDdnSnhBYTJ0elVTU2xUOENpdzcrQi9ZZkdhMTZDbXB0WlFwUTJCaGYvV05xeGRDTU1mK1k2aGsxRGk0RllBQi9xemw3d001L09LZERmRTBBVHBtNitzSktoMFN5dFB3cTZwU2JCajJ5K2dUZXRXdWh1bEc2d0ZNeVpBL3o3ZGRSZE1DZVZTb0hXcldIajlsNHNoUk04TU5HdTZMckQ2OWI0WHNtWk9rRXNwYW8xaEJSN3Myd01XekJpdks1OWZzRnJGUnNQV2w1ZXd4eDUraytvNklTVUtiZ1gwM3JuODBqSm55bGhvYzQvK2UydHd5MGExOTZjQVhtQlcvV3lhdjJUYXQwSzhuMmFNR3VLM0VFcmdMZ1h1NzlFRjBsSVNOUnV0ZWNWNmVHQWZ1Q2MrVHJNQU91aE9CVEtmSEtiWmNFMnd4ajB4UkRNekhYU3ZBc2lHMWo5RVZiQXcwOUR2OTNldmN0UnlUUVh3VHRhM1o3cHFHbFd3dW5kTjhiMnVvWnFURHJoZUFaeUdVZ3VxWVBWbEQ1a3BrQUphQ21neG9ncFd6M3RUdGNxa1k2UUE5RWhQVVZWQkZhenVHcGxVUzZNRHJsSWd0Vk1pdEF4cklXeXpLbGgweFJMcVJaRUtCYnF3Vjg5RlFRaFdZa0liQ0dzaEpsRlVDTVc1VjRFdW5Uc0tHeThFSzlYUHJLcXdKSXAwcFFJcGJLR01LQWpCU3VyUVRwU1c0a2dCVG9Ga0ZWWlV3R3JrV2lQdTlCUWhxd0tKN2NXc0NNSHF3TVpZRkVnQlBRb2t0RzB0VENZRXExMmJlR0ZpaWlRRmxBcTBWWG1sU2d4V1d3SkxLU0I5Rnl1QUs5NURtL09ydFlSZ3RUWHcwcno0ZE02TnhRV1p1Rkd3VG9GMmdndVJFS3hXY1RIV25kVmhKZUVTOGg4Lzh3TE1XNzRPOGk1ZWNsanRnck02b25mMk9MRFVCbVBCMldTKzF2VzNvbkFKK1pDeGMySGRscmNBelFkUk1LOUE2L2hZTGpNSEZpN3prVGtvWDA3YitxZWRNSGpNWE5peCt5Q2c3UUlLeGhXSUY5emhPTEJFaVl5ZktyaHlsRndyZzJVdmJZRlJrNStEejQ2ZkNxN0tPNkMyYUxkTUdUaXc0dGh5TDZtRHhsWHAxTm56a0RsN0pXU3QzQWpGbDY5S0xZT1ZqUk1ad2VQQUVpV3lzaEpOWHBhT2xieDdQdmdZSGgwM0R6Yis5bTFBazQ4VXRCV0lqWW5rRXJnUExFNENjVVFOc3cyMStRODdZTmo0K2N3ZzJZYzAvaExMNUl1TmllTE5kbkpnUlRPemhESUhvd1AwUzFldXdaSzFtMkhNMUdYd3haZW5aWmJHZE5zaW1SVWlaZURBaW1MR1pHVU95bitGZXR2NjFhbHZZZnpNRmZEc3FsZWdzUGlLM215dVNCY1owWkpySncrV2dENHVsNHNqZHYvajMrejJ1QUEyL2U0ZG12KzZ4VUY0U3gxZ2lSSzVtQ05oMDNIODllcTJkMkJveG56WXRmK3c2OGRmNGN4VXVqSndWeXkwcDA1Qm53STQvbHIwd2liSW1QRThmSGt5UjE4bUNWT0pGbFJ3WUlVejQvNVNCNDE1TExQdFBwNTkxamU0WC9MaVp0dnNwcHV0V3lEeWhRbFc2dkJneVc1U1c4YzhsdG5PMkxublE5LzgxK2JmNzRCcWc4Wmd6WjdUQ2ZuQ3cvaTdIQWVXNkxMbWhNcGJWUWVqMHcxR3o0c1B0RGUrOFRZTW41QUZPTkhxaHRDaUJlL2doQWRMOGl1VzJla0dvNERnbEFRK0dobzNmYm4wNHk5ZFlJVUo2RE1xcXFQVDJ6REcwbXB2dy9FWHVoZVJNZWg2Z3pRMGxMK3NTU1dHaldNc0xaMXcvRFY0N0RPdzVZODdBYWNyWkFvaSs3VGNyYkM1NUVaczdSNWphUUdERDdUUmpjZ1BjUHgxNEQ5YVNZUCtHQWNXdVRHeHYwOExpaTVEMW9vTk1ISDJLc0JYZFdRTUhGaGw1UlV5dHRPUmJUcDYvQ1E4OGRSaStQaklDVWZXVDIrbDBGbXBNbkJnWGI5K1E1bEdxdS9XTytrMUx3KzY1TnZ6MS9Yd3ZRRzl6UmZpa0p6S0I5SGNTTDBlNUg3djJ3bXQ2OFM4eks1WStMUlVmb21VTDBSeVlOMjg2UVRwN2ZzWkJtb2VTOVFDOUVLTG5oMmV6aHdwblVzKzFMWGhIeU1PckxxYk4wV2FTQlBYc1BHQmJOU1VDVCtFaGJNeVFkWTFtMHBkZWJEcTVBWXIwRmVzSWQvdEI4OHZuT0p6dWg1SWtBTjVMcEdUVEE2c0d6ZmtIcndyZjFsMmRRQmF1bHUxYURxZ2R3L1pnMmpDbHdPcnRsWnVzT3krWXNXekJiK0w1a3lDaVdPR2creVR6YmQvTUxyQXFxazE1dnYzZHVGQnM3ZnhXZUdzeWFOOWZoMGpJL2pGQlVHamo0bUtpbDRSNHE5WTErVjZqc1hwWk1PendoR1BEdkk1WDAvdW1NQ2R6ZzBSMVRYODJrc09ySm9heWNHeXNLZlJMY3lMUzJlNTNxVnhkVFYvbCtQQUlzc3Ivc2xEaTRkTDVqNEZZMGNPMXZTQTViOGtPVkpVVmxWekRTR3dPRW5VSXlMWWVnQWNSK0dtZklTaG5rditJOTdLS3E2UkhGZ2krcmhjd1J4aGN2Q08vdm1XenBzTWFqWTNnMW1TeHRiZFc2bmppdVdwcUd6c2VaeWQzK0RnSFYybnJXYnpVZWl1bG9KWWdYSUJNOXdWUzNxd3hOcHdzUjJaL2ZMbFdWTmc1TENIdUdNVWNiY0NIby8zN2dqMmpRT3JYSkNJeXhYRUVmNW0zcU9ZVVpSNTB6Smd6cFF4UWR6S3dGYTlWUEFPSHc5V0JVOWZZS3RwNzluVVp0NmJOUXVCekNlSHc2S2ZUaUlINndhN29MVGN3K1hnd0hMakc2UVBQWGcvckY0OEhicWxKWE1DVVlSL0JVckwrTGVPT2JCRWx6WC9SUWRuaXM3SkhXREZzMVBKcVhvanUrOWFLYitzalFOTGxLaVI1M1ZXZGpiZDBJclpXYzJhbVFtVHh6OE96UVZlRlp4VlllZlhwa1N3WHBJREMxOHh4YWZWc2k2MTc5ZTdPeHpjK1RyRU1WY2RGS3hSNENxek9xME0zR0lLVEhDbHBGU1pUcHJ2YWN6SkowRmxYWGZldUZFSFpZS1pCQ0ZZeFZmSUZMVjEwc3RkMGtVVnM1bGlzTWpHdWR3MFdOZzZOWHVzUXJDS2lrc3NQRFVWSmJNQ2hTcXNDTUhDSmVBVVNBRTlDdVFYaWoyb0NjSEtMeVN3OUloS2FVRFZOWjhRckF2NVJhUVpLYUJMZ2R5OFFtRTZJVmpuTGx3VUpxWklVa0NwZ0JvclFyQnFtV0dRaTBYa2ZVRXBJbjIvV3dHY3Z5cTV5aytPWWlvaFdIamdkSTZjZHB1d2JSU3NVZURrbVZ6VmdsVEJ5ajUxVGpVVEhTQUZVSUd2ejZnem9nclc0VStQa1hxa2dLWUM2TGhLTGFpQ2RaUzVzTDBzOFRORE5VRW9YcjhDeDdPL1VVMnNDaGJtK052ZVE2b1o2WUM3RlRqemJSNm9UVFdnTXBwZ2JkOTF3TjNxVWV0VkZmakxqdjJxeC9DQUpsaEk1SkV2dnRZc2dBNjZUd0Y4WDIvWHZvODBHNjRKRnVha3E1YW1mcTQ4K0hmbUk2aENzUHE1b1JoK3dVS1BvdG1uMWY5V05peU1Qc3V2UUlXM0NqWXdKd2orZ2wrdzZwanB5TG5MZmdQU0w3MzNweFFkOXludzNOclhvRWpIKzNwK3djTFM4TldJVmI5Nmc2UjF1UUx2TVg5QUh4dzZva3NGWFdCaFNlK3p3ZHIrZzUvb0twUVN5YWRBL3NWTHNOckF4YVY1Zk1mNzF1aVY0Y0RoL3dIYUt1L2JNMTF2RmtvbmdRSkhqNTJFcVF0ZkFpUG1GMExTQm1RWTloaUFKcVkzck0yQ09MWStqNEs4Q3FBemlTMXZ2Z2VidG0wSG80NGxUSUdGVXFLZHFLMi9YZ29QOU9vbXI3SXVidG1sSzlkZy9zL1h3MmZzMFo2WllCb3NQQmthMkJqVXZ4ZE1IRDBNSGhzeVVOcEZybWFFRGRZOE9DSCs3dTZEc0pmNVV4UlpROWJicmthQjFmQWtzV3hsOGVqSEg0WUIvWHI2akpRbEo3WnJlSmcrTzFTQjBqSVBuRGlaQTUrZk9BM3Y3LzhJOGdxS0xhbXBaV0FwYTRNKzdOSlRrNkZyYWhLa2Rrb0VOTURSS1NrQlVwam5LN2ZaUVZkcTB4VGZjM0lMMk1LSFlzQlhpUy9rRjhQWjNIekF1R0lkYzFKbTZtc2JXRnFWUVNPeGVJWERmNWd4MGJmMzdET0RFZVBRK0ZsTVZDUWduTkhzTys1YkNIeFZJNkI0RE5OSHMvUXlHcHpGbVc0MEh1dnhWb0xYV3cwVmJOOHd6dU5oOGN4cU1jYWpOVVk4aHZ0eVp1Zk10MmV2RDR1TXoycjFqeFhIT0tNZ1ZoVHFyd3cwK1kyYlhiK1dodWRIMkJBNkg2UzM5ckVNWmdRYnQ2aEllN3hJb01GWC9IdnUyMWduMzFSNFZjTjFCUWpCYlZDTS9KVnYyRDZuZm00U3NBSXBCbHJQd1EzLzVWQUluQUs2Wjk0RFZ5VTZrd3dLRUZneTlLSUQyMEJnT2JCVFpLZ1NnU1ZETHpxd0RRU1dBenRGaGlvUldETDBvZ1BiUUdBNXNGTmtxQktCSlVNdk9yQU5CSllETzBXR0toRllNdlNpQTl0QVlEbXdVMlNvRW9FbFF5ODZzQTBFbGdNN1JZWXFFVmd5OUtJRDIwQmdPYkJUWktnU2dTVkRMenF3RFFTV0F6dEZoaW9SV0RMMG9nUGJRR0E1c0ZOa3FCS0JKVU12T3JBTkJKWURPMFdHS2hGWU12U2lBOXRBWURtd1UyU28wdjhCbkRHa0lwNzFna1VBQUFBQVNVVk9SSzVDWUlJPSIvPgo8L3N2Zz4K") no-repeat;
1079
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzUuNTUyIiBoZWlnaHQ9IjM1LjU1MiIgdmlld0JveD0iMCAwIDM1LjU1MiAzNS41NTIiPgogIDxpbWFnZSBpZD0iSW1hZ2VfNDEiIGRhdGEtbmFtZT0iSW1hZ2UgNDEiIHdpZHRoPSIzNS41NTIiIGhlaWdodD0iMzUuNTUyIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUpZQUFBQ1dDQVlBQUFBOEFYSGlBQUFNUm1sRFExQkpRME1nVUhKdlptbHNaUUFBU0ltVlZ3ZFVVOGthbmx0U1NXaUJDRWdKdllsU3BFc0pvVVVRa0NyWUNFa2dvY1NZRUVUc3lxS0NheGNSc0tHcklvcXVCWkMxWWkrTFl1OFBDeXJLdWxpd29mSW1CWFQxdlBmTys4K1plNy83enovZlgrN2N1VE1BNkZUenBOSmNWQmVBUEVtK0xENGloRFVtTlkxRmVnaW93QncySTJEQzQ4dWw3TGk0YUFDbC8vNVBlWGNkSU1yN0ZSY2wxOC85LzFYMEJFSTVId0FrRHVJTWdaeWZCL0UrQVBCaXZsU1dEd0RSQitxdHArUkxsWGdjeEFZeUdDREVVaVhPVXVOaUpjNVE0d3FWVFdJOEIrSWRBSkJwUEo0c0N3RHRKcWhuRmZDeklJLzJUWWhkSlFLeEJBQWRNc1NCZkJGUEFIRWt4RVB5OGlZcE1iUUREaG5mOFdUOWd6TmpnSlBIeXhyQTZseFVRZzRWeTZXNXZLbi9aem4rdCtUbEt2cDkyTUZHRThraTQ1VTV3N3JkekprVXBjUTBpTHNrR1RHeEVPdEQvRUVzVU5sRGpGSkZpc2drdFQxcXlwZHpZTTBBRTJKWEFTODBDbUpUaU1NbHVUSFJHbjFHcGppY0N6R2NJV2loT0orYnFCbTdRQ2dQUzlCd1Zzc214Y2YyNDB3Wmg2MFpXOCtUcWZ3cTdVOG9jcExZR3Y2YklpRzNuLzl0a1NneFJSMHpSaTBRSjhkQXJBMHhVNTZURUtXMndXeUtSSnlZZmh1WklsNFp2dzNFZmtKSlJJaWFINXVRS1F1UDE5akw4dVQ5K1dJTFJHSnVqQVpYNW9zU0l6VThPL2c4VmZ4R0VEY0pKZXlrZmg2aGZFeDBmeTRDWVdpWU9uZnNrbENTcE1rWGE1Zm1oOFJyeHI2VzVzWnA3SEdxTURkQ3FiZUMyRlJla0tBWml3Zm13d21wNXNkanBQbHhpZW80OFl4czNzZzRkVHg0SVlnR0hCQUtXRUFCV3dhWUJMS0J1TFdyc1FzK3FYdkNBUS9JUUJZUUFoZU5wbjlFaXFwSEFxOEpvQWo4QlpFUXlBZkdoYWg2aGFBQTZyOE1hTlZYRjVDcDZpMVFqY2dCVHlET0ExRWdGejRyVktNa0E5NlN3V09vRWYva25ROWp6WVZOMmZlempnMDEwUnFOb3ArWHBkTnZTUXdqaGhJamllRkVSOXdFRDhUOThXaDREWWJOSGZmQmZmdWovV1pQZUVKb0l6d2tYQ08wRTI1TkZNK1YvWkFQQzR3QzdkQkR1Q2Juak85enh1MGdxeWNlZ2dkQWZzaU5NM0VUNElJUGg1N1llQkQwN1FtMUhFM2t5dXgvNVA1SER0OVZYV05IY2FXZ2xFR1VZSXJEanlPMW5iUTlCMWlVTmYyK1F1cFlNd2JxeWhubytkRS81N3RLQytBOTZrZExiQUcyRnp1TkhjUE9ZZ2V4UnNEQ2ptQk4yQVhza0JJUHpLTEhxbG5VN3kxZUZVOE81QkgvNUkrbjhhbXNwTnkxenJYVDliTzZMMTlZcUZ3ZkFXZVNkS3BNbkNYS1o3SGh5aTlrY1NYOG9VTlk3cTV1Y05WVy9rZlV5OVFicHVyL2dERFBmZFBOZyt0T3dNcSt2cjZEMzNUUnZnRHNhd0NBMnZsTlp3L1hYRHJVblZuSVY4Z0sxRHBjZVNIQXY1TU8vS0tNNFgvS0dqakFmTnlCRi9BSHdTQU1qQVN4SUJHa2dnbXd5aUk0bjJWZ0NwZ081b0FTVUFhV2dsV2dFcXdIbThBMnNCUHNBWTNnSURnR1RvSHo0Qks0QnU3QTJkTUJYb0J1OEE3MElnaENRdWdJQXpGR0xCQmJ4Qmx4UjN5UVFDUU1pVWJpa1ZRa0hjbENKSWdDbVk3TVE4cVE1VWdsc2hHcFJYNUhEaURIa0xOSUczSUxlWUIwSXErUlR5aUcwbEFEMUF5MVE0ZWhQaWdialVJVDBmRm9Gam9aTFVLTDBjVm9CVnFEN2tBYjBHUG9lZlFhMm82K1FIc3dnR2xoVE13U2M4RjhNQTRXaTZWaG1aZ01tNG1WWXVWWURWYVBOY1AzZkFWcng3cXdqemdSWitBczNBWE80RWc4Q2VmamsvR1orQ0s4RXQrR04rQW44Q3Y0QTd3Yi8wcWdFMHdKemdRL0FwY3docEJGbUVJb0laUVR0aEQyRTA3Q3I2bUQ4STVJSkRLSjlrUnYrRFdtRXJPSjA0aUxpR3VKdTRoSGlXM0VSOFFlRW9sa1RISW1CWkJpU1R4U1BxbUV0SWEwZzNTRWRKblVRZnBBMWlKYmtOM0o0ZVEwc29ROGwxeE8zazQrVEw1TWZrcnVwZWhTYkNsK2xGaUtnREtWc29TeW1kSk11VWpwb1BSUzlhajIxQUJxSWpXYk9vZGFRYTJubnFUZXBiN1IwdEt5MHZMVkdxMGwxcHF0VmFHMVcrdU0xZ090anpSOW1oT05ReHRIVTlBVzA3YlNqdEp1MGQ3UTZYUTdlakE5alo1UFgweXZwUituMzZkLzBHWm9EOVhtYWd1MFoybFhhVGRvWDlaK3FVUFJzZFZoNjB6UUtkSXAxOW1yYzFHblM1ZWlhNmZMMGVYcHp0U3QwajJnZTBPM1I0K2g1NllYcTVlbnQwaHZ1OTVadldmNkpIMDcvVEI5Z1g2eC9pYjk0L3FQR0JqRG1zRmg4Qm56R0pzWkp4a2RCa1FEZXdPdVFiWkJtY0ZPZzFhRGJrTjl3K0dHeVlhRmhsV0dod3pibVJqVGpzbGw1aktYTVBjd3J6TS9EVElieEI0a0hMUndVUDJneTRQZUd3MDJDallTR3BVYTdUSzZadlRKbUdVY1pweGp2TXk0MGZpZUNXN2laRExhWklySk9wT1RKbDJERFFiN0QrWVBMaDI4Wi9CdFU5VFV5VFRlZEpycEp0TUxwajFtNW1ZUlpsS3pOV2JIemJyTW1lYkI1dG5tSzgwUG0zZGFNQ3dDTGNRV0t5Mk9XRHhuR2JMWXJGeFdCZXNFcTl2UzFETFNVbUc1MGJMVnN0ZkszaXJKYXE3VkxxdDcxbFJySCt0TTY1WFdMZGJkTmhZMm8yeW0yOVRaM0xhbDJQcllpbXhYMjU2MmZXOW5iNWRpTjkrdTBlNlp2WkU5MTc3SXZzNytyZ1BkSWNoaHNrT053MVZIb3FPUFk0N2pXc2RMVHFpVHA1UElxY3Jwb2pQcTdPVXNkbDdyM0RhRU1NUjNpR1JJelpBYkxqUVh0a3VCUzUzTGc2SE1vZEZENXc1dEhQcHltTTJ3dEdITGhwMGU5dFhWMHpYWGRiUHJIVGQ5dDVGdWM5MmEzVjY3TzduejNhdmNyM3JRUGNJOVpuazBlYndhN2p4Y09IemQ4SnVlRE05Um52TTlXenkvZUhsN3lienF2VHE5YmJ6VHZhdTliL2dZK01UNUxQSTU0MHZ3RGZHZDVYdlE5Nk9mbDErKzN4Ni92LzFkL0hQOHQvcy9HMkUvUWpoaTg0aEhBVllCdklDTkFlMkJyTUQwd0EyQjdVR1dRYnlnbXFDSHdkYkJndUF0d1UvWmp1eHM5ZzcyeXhEWEVGbkkvcEQzSEQvT0RNN1JVQ3cwSXJRMHREVk1QeXdwckRMc2ZyaFZlRlo0WFhoM2hHZkV0SWlqa1lUSXFNaGxrVGU0Wmx3K3Q1YmJQZEo3NUl5Uko2Sm9VUWxSbFZFUG81MmlaZEhObzlCUkkwZXRHSFUzeGpaR0V0TVlDMks1c1N0aTc4WFp4MDJPKzJNMGNYVGM2S3JSVCtMZDRxZkhuMDVnSkV4TTJKN3dMakVrY1VuaW5TU0hKRVZTUzdKTzhyamsydVQzS2FFcHkxUGF4d3diTTJQTStWU1RWSEZxVXhvcExUbHRTMXJQMkxDeHE4WjJqUE1jVnpMdStuajc4WVhqejA0d21aQTc0ZEJFblltOGlYdlRDZWtwNmR2VFAvTmllVFc4bmd4dVJuVkdONS9EWDgxL0lRZ1dyQlIwQ2dPRXk0VlBNd015bDJjK3l3cklXcEhWS1FvU2xZdTZ4Qnh4cGZoVmRtVDIrdXozT2JFNVczUDZjbE55ZCtXUjg5THpEa2owSlRtU0U1UE1KeFZPYXBNNlMwdWs3WlA5SnErYTNDMkxrbTJSSS9MeDhxWjhBN2hodjZCd1VQeWllRkFRV0ZCVjhHRks4cFM5aFhxRmtzSUxVNTJtTHB6NnRDaTg2TGRwK0RUK3RKYnBsdFBuVEg4d2d6MWo0MHhrWnNiTWxsbldzNHBuZGN5T21MMXREblZPenB3LzU3ck9YVDczN2J5VWVjM0Zac1d6aXgvOUV2RkxYWWwyaWF6a3huei8rZXNYNEF2RUMxb1hlaXhjcy9CcnFhRDBYSmxyV1huWjUwWDhSZWQrZGZ1MTR0ZSt4Wm1MVzVkNExWbTNsTGhVc3ZUNnNxQmwyNWJyTFM5YS9takZxQlVOSzFrclMxZStYVFZ4MWRueTRlWHJWMU5YSzFhM1YwUlhOSzJ4V2JOMHplZEtVZVcxcXBDcVhkV20xUXVyMzY4VnJMMjhMbmhkL1hxejlXWHJQMjBRYjdpNU1XSmpRNDFkVGZrbTRxYUNUVTgySjI4Ky9adlBiN1ZiVExhVWJmbXlWYksxZlZ2OHRoTzEzclcxMjAyM0w2bEQ2eFIxblR2RzdiaTBNM1JuVTcxTC9jWmR6RjFsdThGdXhlN252NmYvZm4xUDFKNld2VDU3Ni9mWjdxdmV6OWhmMm9BMFRHM29iaFExdGplbE5yVWRHSG1ncGRtL2VmOGZRLy9ZZXREeVlOVWh3ME5MRGxNUEZ4L3VPMUowcE9lbzlHalhzYXhqajFvbXR0dzVQdWI0MVJPalQ3U2VqRHA1NWxUNHFlT24yYWVQbkFrNGMvQ3MzOWtENTN6T05aNzNPdDl3d2ZQQy9qODkvOXpmNnRYYWNOSDdZdE1sMzB2TmJTUGFEbDhPdW56c1N1aVZVMWU1Vjg5Zmk3bldkajNwK3MwYjQyNjAzeFRjZkhZcjk5YXIyd1czZSsvTXZrdTRXM3BQOTE3NWZkUDdOZjl5L05ldWRxLzJRdzlDSDF4NG1QRHd6aVArb3hlUDVZOC9keFEvb1Q4cGYycnh0UGFaKzdPRG5lR2RsNTZQZmQ3eFF2cWl0NnZrTDcyL3FsODZ2TnozZC9EZkY3ckhkSGU4a3IzcWU3M29qZkdiclcrSHYyM3BpZXU1L3k3dlhlLzcwZy9HSDdaOTlQbDQrbFBLcDZlOVV6NlRQbGQ4Y2Z6Uy9EWHE2OTIrdkw0K0tVL0dVMjBGTU5qUXpFd0FYbStGKzRSVUFCaVg0UDVoclBxY3B4SkVmVFpWSWZDZnNQb3NxQkl2QU9yaFRibGQ1eHdGWURkc2RzR1FHejRydCtxSndRRDE4QmhvR3BGbmVyaXJ1V2p3eEVQNDBOZjN4Z3dBVWpNQVgyUjlmYjFyKy9xK2JJYkIzZ0xnNkdUMStWSXBSSGcyMk9DcVJKY3Q5b0lmNWQ4NWRuN0RaMjMxbGdBQURaWkpSRUZVZUFIdG5RdDBGY1VaeDc5QUNIbUhJQkFJQ1NHQklBZ0NnZ1ZzcXlCUXBVamxFUWljU3BFM2xVZXdJQS9MUS9CNFd0dnlFRVU0dGJTMlBhMUhGS2tjeXVOVVNrVnFxeFFWME1oRElvRWtKQUVDU1c1dVhoRFMrZTRCVHRpWjNidTcyYjNaTy92Tk9YdjIzdG1aMlpuLy9PN3UzTm1kN3d0Skc1QlJEeFJJQVlzVmFHWnhlVlFjS2VCVGdNQWlFR3hSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJnTUN5UlZZcWxNQWlCbXhSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJnTUN5UlZZcWxNQWlCbXhSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJnTUN5UlZZcWxNQWlCbXhSZ01DeVJWWXFsTUFpQm14UmdNQ3lSVllxbE1BaUJteFJJTlNXVWdOVWFFUjRTNGlLaklEb3FJZzcrNUFRL3llUGlZNkMyQmkyc1QzbWJkWk1SeWIveGQ2Vm9yS3FCandWWGlqM2VLR01iWFYxZFhjZEYzMnBxcTZCQ20vVm5jMWJXU1ZLRmhSeFRRSVdBb0VkR3hNVkNURzRqMlo3MXNHNGoyWnhVWkhoZHo1angyTmNSSGdZeE1WRTN3RUk4N3NoSUZ3TllhdndWc0x0T0EvNzdQR3c3MVhWTEEzN1hGSHBTNHY3Y2dhMWI4K2diZ3BBYlFNTE96NDlMUm02ZGs2Q3pzbnQyZFlCa2pzbVFFcFNlNGlNQ0hjREU1YTBFYS9JdUNXMGJWeHhPYmtGY0tHZ0NNNWRLSVR6K1VWdzlsdys1T1RtdytXUzBzWVZySkk3eENyYkRYaTFHVFBpRVJqWXZ5ZjB1UzhkRXR1M1VUa2xSVHRKZ2F2WHl1R3JVemx3TFBzYjJMbjNFT1FWRkZ0U3ZVYUROWWlCTk9GSHcyREUwRUVRM2pMTWtrcFJJVTJqUUgxOVBYejZlVFpzMy9WUDJQK3ZUNkMyOXJycGlwZ0c2NEZlM1dEZG1nVytXNXpwczFOR3h5cUE0N3IxVzkrQ1A3Kzd6MVFkVFlFMWJkSW9XTDdnSnhBYTJ0elVTU2xUOENpdzcrQi9ZZkdhMTZDbXB0WlFwUTJCaGYvV05xeGRDTU1mK1k2aGsxRGk0RllBQi9xemw3d001L09LZERmRTBBVHBtNitzSktoMFN5dFB3cTZwU2JCajJ5K2dUZXRXdWh1bEc2d0ZNeVpBL3o3ZGRSZE1DZVZTb0hXcldIajlsNHNoUk04TU5HdTZMckQ2OWI0WHNtWk9rRXNwYW8xaEJSN3Myd01XekJpdks1OWZzRnJGUnNQV2w1ZXd4eDUraytvNklTVUtiZ1gwM3JuODBqSm55bGhvYzQvK2UydHd5MGExOTZjQVhtQlcvV3lhdjJUYXQwSzhuMmFNR3VLM0VFcmdMZ1h1NzlFRjBsSVNOUnV0ZWNWNmVHQWZ1Q2MrVHJNQU91aE9CVEtmSEtiWmNFMnd4ajB4UkRNekhYU3ZBc2lHMWo5RVZiQXcwOUR2OTNldmN0UnlUUVh3VHRhM1o3cHFHbFd3dW5kTjhiMnVvWnFURHJoZUFaeUdVZ3VxWVBWbEQ1a3BrQUphQ21neG9ncFd6M3RUdGNxa1k2UUE5RWhQVVZWQkZhenVHcGxVUzZNRHJsSWd0Vk1pdEF4cklXeXpLbGgweFJMcVJaRUtCYnF3Vjg5RlFRaFdZa0liQ0dzaEpsRlVDTVc1VjRFdW5Uc0tHeThFSzlYUHJLcXdKSXAwcFFJcGJLR01LQWpCU3VyUVRwU1c0a2dCVG9Ga0ZWWlV3R3JrV2lQdTlCUWhxd0tKN2NXc0NNSHF3TVpZRkVnQlBRb2t0RzB0VENZRXExMmJlR0ZpaWlRRmxBcTBWWG1sU2d4V1d3SkxLU0I5Rnl1QUs5NURtL09ydFlSZ3RUWHcwcno0ZE02TnhRV1p1Rkd3VG9GMmdndVJFS3hXY1RIV25kVmhKZUVTOGg4Lzh3TE1XNzRPOGk1ZWNsanRnck02b25mMk9MRFVCbVBCMldTKzF2VzNvbkFKK1pDeGMySGRscmNBelFkUk1LOUE2L2hZTGpNSEZpN3prVGtvWDA3YitxZWRNSGpNWE5peCt5Q2c3UUlLeGhXSUY5emhPTEJFaVl5ZktyaHlsRndyZzJVdmJZRlJrNStEejQ2ZkNxN0tPNkMyYUxkTUdUaXc0dGh5TDZtRHhsWHAxTm56a0RsN0pXU3QzQWpGbDY5S0xZT1ZqUk1ad2VQQUVpV3lzaEpOWHBhT2xieDdQdmdZSGgwM0R6Yis5bTFBazQ4VXRCV0lqWW5rRXJnUExFNENjVVFOc3cyMStRODdZTmo0K2N3ZzJZYzAvaExMNUl1TmllTE5kbkpnUlRPemhESUhvd1AwUzFldXdaSzFtMkhNMUdYd3haZW5aWmJHZE5zaW1SVWlaZURBaW1MR1pHVU95bitGZXR2NjFhbHZZZnpNRmZEc3FsZWdzUGlLM215dVNCY1owWkpySncrV2dENHVsNHNqZHYvajMrejJ1QUEyL2U0ZG12KzZ4VUY0U3gxZ2lSSzVtQ05oMDNIODllcTJkMkJveG56WXRmK3c2OGRmNGN4VXVqSndWeXkwcDA1Qm53STQvbHIwd2liSW1QRThmSGt5UjE4bUNWT0pGbFJ3WUlVejQvNVNCNDE1TExQdFBwNTkxamU0WC9MaVp0dnNwcHV0V3lEeWhRbFc2dkJneVc1U1c4YzhsdG5PMkxublE5LzgxK2JmNzRCcWc4Wmd6WjdUQ2ZuQ3cvaTdIQWVXNkxMbWhNcGJWUWVqMHcxR3o0c1B0RGUrOFRZTW41QUZPTkhxaHRDaUJlL2doQWRMOGl1VzJla0dvNERnbEFRK0dobzNmYm4wNHk5ZFlJVUo2RE1xcXFQVDJ6REcwbXB2dy9FWHVoZVJNZWg2Z3pRMGxMK3NTU1dHaldNc0xaMXcvRFY0N0RPdzVZODdBYWNyWkFvaSs3VGNyYkM1NUVaczdSNWphUUdERDdUUmpjZ1BjUHgxNEQ5YVNZUCtHQWNXdVRHeHYwOExpaTVEMW9vTk1ISDJLc0JYZFdRTUhGaGw1UlV5dHRPUmJUcDYvQ1E4OGRSaStQaklDVWZXVDIrbDBGbXBNbkJnWGI5K1E1bEdxdS9XTytrMUx3KzY1TnZ6MS9Yd3ZRRzl6UmZpa0p6S0I5SGNTTDBlNUg3djJ3bXQ2OFM4eks1WStMUlVmb21VTDBSeVlOMjg2UVRwN2ZzWkJtb2VTOVFDOUVLTG5oMmV6aHdwblVzKzFMWGhIeU1PckxxYk4wV2FTQlBYc1BHQmJOU1VDVCtFaGJNeVFkWTFtMHBkZWJEcTVBWXIwRmVzSWQvdEI4OHZuT0p6dWg1SWtBTjVMcEdUVEE2c0d6ZmtIcndyZjFsMmRRQmF1bHUxYURxZ2R3L1pnMmpDbHdPcnRsWnVzT3krWXNXekJiK0w1a3lDaVdPR2creVR6YmQvTUxyQXFxazE1dnYzZHVGQnM3ZnhXZUdzeWFOOWZoMGpJL2pGQlVHamo0bUtpbDRSNHE5WTErVjZqc1hwWk1PendoR1BEdkk1WDAvdW1NQ2R6ZzBSMVRYODJrc09ySm9heWNHeXNLZlJMY3lMUzJlNTNxVnhkVFYvbCtQQUlzc3Ivc2xEaTRkTDVqNEZZMGNPMXZTQTViOGtPVkpVVmxWekRTR3dPRW5VSXlMWWVnQWNSK0dtZklTaG5rditJOTdLS3E2UkhGZ2krcmhjd1J4aGN2Q08vdm1XenBzTWFqWTNnMW1TeHRiZFc2bmppdVdwcUd6c2VaeWQzK0RnSFYybnJXYnpVZWl1bG9KWWdYSUJNOXdWUzNxd3hOcHdzUjJaL2ZMbFdWTmc1TENIdUdNVWNiY0NIby8zN2dqMmpRT3JYSkNJeXhYRUVmNW0zcU9ZVVpSNTB6Smd6cFF4UWR6S3dGYTlWUEFPSHc5V0JVOWZZS3RwNzluVVp0NmJOUXVCekNlSHc2S2ZUaUlINndhN29MVGN3K1hnd0hMakc2UVBQWGcvckY0OEhicWxKWE1DVVlSL0JVckwrTGVPT2JCRWx6WC9SUWRuaXM3SkhXREZzMVBKcVhvanUrOWFLYitzalFOTGxLaVI1M1ZXZGpiZDBJclpXYzJhbVFtVHh6OE96UVZlRlp4VlllZlhwa1N3WHBJREMxOHh4YWZWc2k2MTc5ZTdPeHpjK1RyRU1WY2RGS3hSNENxek9xME0zR0lLVEhDbHBGU1pUcHJ2YWN6SkowRmxYWGZldUZFSFpZS1pCQ0ZZeFZmSUZMVjEwc3RkMGtVVnM1bGlzTWpHdWR3MFdOZzZOWHVzUXJDS2lrc3NQRFVWSmJNQ2hTcXNDTUhDSmVBVVNBRTlDdVFYaWoyb0NjSEtMeVN3OUloS2FVRFZOWjhRckF2NVJhUVpLYUJMZ2R5OFFtRTZJVmpuTGx3VUpxWklVa0NwZ0JvclFyQnFtV0dRaTBYa2ZVRXBJbjIvV3dHY3Z5cTV5aytPWWlvaFdIamdkSTZjZHB1d2JSU3NVZURrbVZ6VmdsVEJ5ajUxVGpVVEhTQUZVSUd2ejZnem9nclc0VStQa1hxa2dLWUM2TGhLTGFpQ2RaUzVzTDBzOFRORE5VRW9YcjhDeDdPL1VVMnNDaGJtK052ZVE2b1o2WUM3RlRqemJSNm9UVFdnTXBwZ2JkOTF3TjNxVWV0VkZmakxqdjJxeC9DQUpsaEk1SkV2dnRZc2dBNjZUd0Y4WDIvWHZvODBHNjRKRnVha3E1YW1mcTQ4K0hmbUk2aENzUHE1b1JoK3dVS1BvdG1uMWY5V05peU1Qc3V2UUlXM0NqWXdKd2orZ2wrdzZwanB5TG5MZmdQU0w3MzNweFFkOXludzNOclhvRWpIKzNwK3djTFM4TldJVmI5Nmc2UjF1UUx2TVg5QUh4dzZva3NGWFdCaFNlK3p3ZHIrZzUvb0twUVN5YWRBL3NWTHNOckF4YVY1Zk1mNzF1aVY0Y0RoL3dIYUt1L2JNMTF2RmtvbmdRSkhqNTJFcVF0ZkFpUG1GMExTQm1RWTloaUFKcVkzck0yQ09MWStqNEs4Q3FBemlTMXZ2Z2VidG0wSG80NGxUSUdGVXFLZHFLMi9YZ29QOU9vbXI3SXVidG1sSzlkZy9zL1h3MmZzMFo2WllCb3NQQmthMkJqVXZ4ZE1IRDBNSGhzeVVOcEZybWFFRGRZOE9DSCs3dTZEc0pmNVV4UlpROWJicmthQjFmQWtzV3hsOGVqSEg0WUIvWHI2akpRbEo3WnJlSmcrTzFTQjBqSVBuRGlaQTUrZk9BM3Y3LzhJOGdxS0xhbXBaV0FwYTRNKzdOSlRrNkZyYWhLa2Rrb0VOTURSS1NrQlVwam5LN2ZaUVZkcTB4VGZjM0lMMk1LSFlzQlhpUy9rRjhQWjNIekF1R0lkYzFKbTZtc2JXRnFWUVNPeGVJWERmNWd4MGJmMzdET0RFZVBRK0ZsTVZDUWduTkhzTys1YkNIeFZJNkI0RE5OSHMvUXlHcHpGbVc0MEh1dnhWb0xYV3cwVmJOOHd6dU5oOGN4cU1jYWpOVVk4aHZ0eVp1Zk10MmV2RDR1TXoycjFqeFhIT0tNZ1ZoVHFyd3cwK1kyYlhiK1dodWRIMkJBNkg2UzM5ckVNWmdRYnQ2aEllN3hJb01GWC9IdnUyMWduMzFSNFZjTjFCUWpCYlZDTS9KVnYyRDZuZm00U3NBSXBCbHJQd1EzLzVWQUluQUs2Wjk0RFZ5VTZrd3dLRUZneTlLSUQyMEJnT2JCVFpLZ1NnU1ZETHpxd0RRU1dBenRGaGlvUldETDBvZ1BiUUdBNXNGTmtxQktCSlVNdk9yQU5CSllETzBXR0toRllNdlNpQTl0QVlEbXdVMlNvRW9FbFF5ODZzQTBFbGdNN1JZWXFFVmd5OUtJRDIwQmdPYkJUWktnU2dTVkRMenF3RFFTV0F6dEZoaW9SV0RMMG9nUGJRR0E1c0ZOa3FCS0JKVU12T3JBTkJKWURPMFdHS2hGWU12U2lBOXRBWURtd1UyU28wdjhCbkRHa0lwNzFna1VBQUFBQVNVVk9SSzVDWUlJPSIvPgo8L3N2Zz4K") no-repeat;
1080
+ -webkit-mask-size: 100% 100%;
1081
+ mask-size: 100% 100%;
1082
+ }
1083
+ .qc-icon[data-img-type=warning] {
1084
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDI0IDIxIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojQUQ3ODFDO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQwLjAwMSAtMjUwNykiPjxwYXRoIGNsYXNzPSJhIiBkPSJNNTYzLjM2OSwyNTI4SDU0MC42MzRhLjYzMy42MzMsMCwwLDEtLjU0Ni0uMzA2LjYuNiwwLDAsMS0uMDA1LS42MTVsMTEuMzY4LTE5Ljc2NGEuNjM4LjYzOCwwLDAsMSwxLjEsMGwxMS4zNjgsMTkuNzY0YS42MDYuNjA2LDAsMCwxLDAsLjYxNUEuNjMyLjYzMiwwLDAsMSw1NjMuMzY5LDI1MjhabS0yMS42NTYtMS4yMzVoMjAuNTc0TDU1MiwyNTA4Ljg3OFoiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTU0OS42NCwyNTIwLjY1NGEuNjM4LjYzOCwwLDAsMS0uNjM4LS42Mzh2LTYuMzc3YS42MzguNjM4LDAsMCwxLDEuMjc1LDB2Ni4zNzdBLjYzOC42MzgsMCwwLDEsNTQ5LjY0LDI1MjAuNjU0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4zNjIgMS4yOCkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTU0OS42NCwyNTIyLjU1MmEuNjM4LjYzOCwwLDAsMS0uNjM4LS42Mzd2LTEuMjc2YS42MzguNjM4LDAsMCwxLDEuMjc1LDB2MS4yNzZBLjYzOC42MzgsMCwwLDEsNTQ5LjY0LDI1MjIuNTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4zNjIgMi44OTcpIi8+PC9nPjwvc3ZnPg==") no-repeat;
1085
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDI0IDIxIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojQUQ3ODFDO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQwLjAwMSAtMjUwNykiPjxwYXRoIGNsYXNzPSJhIiBkPSJNNTYzLjM2OSwyNTI4SDU0MC42MzRhLjYzMy42MzMsMCwwLDEtLjU0Ni0uMzA2LjYuNiwwLDAsMS0uMDA1LS42MTVsMTEuMzY4LTE5Ljc2NGEuNjM4LjYzOCwwLDAsMSwxLjEsMGwxMS4zNjgsMTkuNzY0YS42MDYuNjA2LDAsMCwxLDAsLjYxNUEuNjMyLjYzMiwwLDAsMSw1NjMuMzY5LDI1MjhabS0yMS42NTYtMS4yMzVoMjAuNTc0TDU1MiwyNTA4Ljg3OFoiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTU0OS42NCwyNTIwLjY1NGEuNjM4LjYzOCwwLDAsMS0uNjM4LS42Mzh2LTYuMzc3YS42MzguNjM4LDAsMCwxLDEuMjc1LDB2Ni4zNzdBLjYzOC42MzgsMCwwLDEsNTQ5LjY0LDI1MjAuNjU0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4zNjIgMS4yOCkiLz48cGF0aCBjbGFzcz0iYSIgZD0iTTU0OS42NCwyNTIyLjU1MmEuNjM4LjYzOCwwLDAsMS0uNjM4LS42Mzd2LTEuMjc2YS42MzguNjM4LDAsMCwxLDEuMjc1LDB2MS4yNzZBLjYzOC42MzgsMCwwLDEsNTQ5LjY0LDI1MjIuNTUyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4zNjIgMi44OTcpIi8+PC9nPjwvc3ZnPg==") no-repeat;
1086
+ -webkit-mask-size: 100% 100%;
1087
+ mask-size: 100% 100%;
1088
+ }
1089
+ .qc-icon[data-img-type=loupe-piv-droite] {
1090
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Mi42NyA1Mi4yMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5GaWNoaWVyIDE8L3RpdGxlPjxnIGlkPSJDYWxxdWVfMiIgZGF0YS1uYW1lPSJDYWxxdWUgMiI+PGcgaWQ9IkNhbHF1ZV8xLTIiIGRhdGEtbmFtZT0iQ2FscXVlIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUyLjY3LDQ3LjgxbC0xNS0xNWEyMC43NywyMC43NywwLDEsMC00LjMyLDQuNDZMNDguMjgsNTIuMjFaTTIwLjc4LDM1LjM2QTE0LjQxLDE0LjQxLDAsMSwxLDM1LjE5LDIxaDBBMTQuNDMsMTQuNDMsMCwwLDEsMjAuNzgsMzUuMzZaIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat;
1091
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Mi42NyA1Mi4yMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5GaWNoaWVyIDE8L3RpdGxlPjxnIGlkPSJDYWxxdWVfMiIgZGF0YS1uYW1lPSJDYWxxdWUgMiI+PGcgaWQ9IkNhbHF1ZV8xLTIiIGRhdGEtbmFtZT0iQ2FscXVlIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUyLjY3LDQ3LjgxbC0xNS0xNWEyMC43NywyMC43NywwLDEsMC00LjMyLDQuNDZMNDguMjgsNTIuMjFaTTIwLjc4LDM1LjM2QTE0LjQxLDE0LjQxLDAsMSwxLDM1LjE5LDIxaDBBMTQuNDMsMTQuNDMsMCwwLDEsMjAuNzgsMzUuMzZaIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat;
1092
+ -webkit-mask-size: 100% 100%;
1093
+ mask-size: 100% 100%;
1094
+ }
1095
+ .qc-icon[data-img-type=loupe-piv-fonce] {
1096
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Mi42OCA1Mi4yMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyMjM2NTQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5GaWNoaWVyIDE8L3RpdGxlPjxnIGlkPSJDYWxxdWVfMiIgZGF0YS1uYW1lPSJDYWxxdWUgMiI+PGcgaWQ9IkNhbHF1ZV8xLTIiIGRhdGEtbmFtZT0iQ2FscXVlIDEiPjxnIGlkPSJDYWxxdWVfMi0yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iQ2FscXVlXzEtMi0yIiBkYXRhLW5hbWU9IkNhbHF1ZSAxLTIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUyLjY4LDQ3LjgzbC0xNS0xNWEyMC43NywyMC43NywwLDEsMC00LjMyLDQuNDZMNDguMjksNTIuMjNaTTIwLjc5LDM1LjM4QTE0LjQxLDE0LjQxLDAsMSwxLDM1LjIsMjFWMjFoMEExNC40MywxNC40MywwLDAsMSwyMC43OSwzNS4zOFoiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+") no-repeat;
1097
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Mi42OCA1Mi4yMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyMjM2NTQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5GaWNoaWVyIDE8L3RpdGxlPjxnIGlkPSJDYWxxdWVfMiIgZGF0YS1uYW1lPSJDYWxxdWUgMiI+PGcgaWQ9IkNhbHF1ZV8xLTIiIGRhdGEtbmFtZT0iQ2FscXVlIDEiPjxnIGlkPSJDYWxxdWVfMi0yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iQ2FscXVlXzEtMi0yIiBkYXRhLW5hbWU9IkNhbHF1ZSAxLTIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUyLjY4LDQ3LjgzbC0xNS0xNWEyMC43NywyMC43NywwLDEsMC00LjMyLDQuNDZMNDguMjksNTIuMjNaTTIwLjc5LDM1LjM4QTE0LjQxLDE0LjQxLDAsMSwxLDM1LjIsMjFWMjFoMEExNC40MywxNC40MywwLDAsMSwyMC43OSwzNS4zOFoiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+") no-repeat;
1098
+ -webkit-mask-size: 100% 100%;
1099
+ mask-size: 100% 100%;
1100
+ }
1101
+ .qc-icon[data-img-type=loupe-piv-fine] {
1102
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjA4MDMtbWFnbmlmaWVyIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfODk5XzE4OTUpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE4Ljg2OSAxOS4xNjJMMTIuOTI2IDEyLjY3OEMxNC4yNjUgMTEuMjc3IDE1LjAwMSA5LjQ0NSAxNS4wMDEgNy41QzE1LjAwMSA1LjQ5NyAxNC4yMjEgMy42MTMgMTIuODA0IDIuMTk3QzExLjM4NyAwLjc4MSA5LjUwMzk4IDAgNy41MDA5OCAwQzUuNDk3OTggMCAzLjYxMzk4IDAuNzggMi4xOTc5OCAyLjE5N0MwLjc4MTk3NyAzLjYxNCAwLjAwMDk3NjU2MiA1LjQ5NyAwLjAwMDk3NjU2MiA3LjVDMC4wMDA5NzY1NjIgOS41MDMgMC43ODA5NzcgMTEuMzg3IDIuMTk3OTggMTIuODAzQzMuNjE0OTggMTQuMjE5IDUuNDk3OTggMTUgNy41MDA5OCAxNUM5LjIyNjk4IDE1IDEwLjg2MyAxNC40MjEgMTIuMTg5IDEzLjM1NUwxOC4xMzIgMTkuODM4QzE4LjIzMSAxOS45NDYgMTguMzY1IDIwIDE4LjUwMSAyMEMxOC42MjIgMjAgMTguNzQzIDE5Ljk1NyAxOC44MzkgMTkuODY5QzE5LjA0MyAxOS42ODIgMTkuMDU2IDE5LjM2NiAxOC44NyAxOS4xNjNMMTguODY5IDE5LjE2MlpNMC45OTk5NzcgNy41QzAuOTk5OTc3IDMuOTE2IDMuOTE1OTggMSA3LjQ5OTk4IDFDMTEuMDg0IDEgMTQgMy45MTYgMTQgNy41QzE0IDExLjA4NCAxMS4wODQgMTQgNy40OTk5OCAxNEMzLjkxNTk4IDE0IDAuOTk5OTc3IDExLjA4NCAwLjk5OTk3NyA3LjVaIiBmaWxsPSIjMDk1Nzk3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODk5XzE4OTUiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") no-repeat;
1103
+ mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IjA4MDMtbWFnbmlmaWVyIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfODk5XzE4OTUpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE4Ljg2OSAxOS4xNjJMMTIuOTI2IDEyLjY3OEMxNC4yNjUgMTEuMjc3IDE1LjAwMSA5LjQ0NSAxNS4wMDEgNy41QzE1LjAwMSA1LjQ5NyAxNC4yMjEgMy42MTMgMTIuODA0IDIuMTk3QzExLjM4NyAwLjc4MSA5LjUwMzk4IDAgNy41MDA5OCAwQzUuNDk3OTggMCAzLjYxMzk4IDAuNzggMi4xOTc5OCAyLjE5N0MwLjc4MTk3NyAzLjYxNCAwLjAwMDk3NjU2MiA1LjQ5NyAwLjAwMDk3NjU2MiA3LjVDMC4wMDA5NzY1NjIgOS41MDMgMC43ODA5NzcgMTEuMzg3IDIuMTk3OTggMTIuODAzQzMuNjE0OTggMTQuMjE5IDUuNDk3OTggMTUgNy41MDA5OCAxNUM5LjIyNjk4IDE1IDEwLjg2MyAxNC40MjEgMTIuMTg5IDEzLjM1NUwxOC4xMzIgMTkuODM4QzE4LjIzMSAxOS45NDYgMTguMzY1IDIwIDE4LjUwMSAyMEMxOC42MjIgMjAgMTguNzQzIDE5Ljk1NyAxOC44MzkgMTkuODY5QzE5LjA0MyAxOS42ODIgMTkuMDU2IDE5LjM2NiAxOC44NyAxOS4xNjNMMTguODY5IDE5LjE2MlpNMC45OTk5NzcgNy41QzAuOTk5OTc3IDMuOTE2IDMuOTE1OTggMSA3LjQ5OTk4IDFDMTEuMDg0IDEgMTQgMy45MTYgMTQgNy41QzE0IDExLjA4NCAxMS4wODQgMTQgNy40OTk5OCAxNEMzLjkxNTk4IDE0IDAuOTk5OTc3IDExLjA4NCAwLjk5OTk3NyA3LjVaIiBmaWxsPSIjMDk1Nzk3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfODk5XzE4OTUiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") no-repeat;
1104
+ -webkit-mask-size: 100% 100%;
1105
+ mask-size: 100% 100%;
1106
+ }
1107
+ .qc-icon[data-img-type=clear-input] {
1108
+ -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNS45OTkiIHZpZXdCb3g9IjAgMCAxNiAxNS45OTkiPgogIDxnIGlkPSJHcm91cGVfMzk2IiBkYXRhLW5hbWU9Ikdyb3VwZSAzOTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODAuNTAzIC0yNDI2LjAwMSkiPgogICAgPHBhdGggaWQ9IlRyYWPDqV80NzAiIGRhdGEtbmFtZT0iVHJhY8OpIDQ3MCIgZD0iTTM4OS4xLDI0MzRsNy4yOC03LjI4MWEuNDIxLjQyMSwwLDAsMC0uNTk0LS42bC03LjI4MSw3LjI4MS03LjI4MS03LjI4MWEuNDIxLjQyMSwwLDAsMC0uNTk1LjZsNy4yODEsNy4yODEtNy4yODEsNy4yODFhLjQyMS40MjEsMCwwLDAsLjYuNmw3LjI4MS03LjI4MSw3LjI4MSw3LjI4MWEuNDIxLjQyMSwwLDAsMCwuNi0uNkwzODkuMSwyNDM0WiIgZmlsbD0iIzA5NTc5NyIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat;
1109
+ mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNS45OTkiIHZpZXdCb3g9IjAgMCAxNiAxNS45OTkiPgogIDxnIGlkPSJHcm91cGVfMzk2IiBkYXRhLW5hbWU9Ikdyb3VwZSAzOTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODAuNTAzIC0yNDI2LjAwMSkiPgogICAgPHBhdGggaWQ9IlRyYWPDqV80NzAiIGRhdGEtbmFtZT0iVHJhY8OpIDQ3MCIgZD0iTTM4OS4xLDI0MzRsNy4yOC03LjI4MWEuNDIxLjQyMSwwLDAsMC0uNTk0LS42bC03LjI4MSw3LjI4MS03LjI4MS03LjI4MWEuNDIxLjQyMSwwLDAsMC0uNTk1LjZsNy4yODEsNy4yODEtNy4yODEsNy4yODFhLjQyMS40MjEsMCwwLDAsLjYuNmw3LjI4MS03LjI4MSw3LjI4MSw3LjI4MWEuNDIxLjQyMSwwLDAsMCwuNi0uNkwzODkuMSwyNDM0WiIgZmlsbD0iIzA5NTc5NyIvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat;
1110
+ -webkit-mask-size: 100% 100%;
1111
+ mask-size: 100% 100%;
1112
+ }
1113
+ .qc-icon[data-img-type=ampoule] {
1114
+ -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYWxxdWVfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMjIzNjU0O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMSI+PGc+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNi41LDIwaC0xYy0uMjgsMC0uNS0uMjItLjUtLjVzLjIyLS41LC41LS41aDFjLjI4LDAsLjUsLjIyLC41LC41cy0uMjIsLjUtLjUsLjVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNiwwQzIuNjksMCwwLDIuNjksMCw2YzAsMi4xMSwxLjAxLDMuODMsMS4wNiwzLjksLjI3LC40NCwuNjUsMS4yMywuODMsMS43MWwuOCwyLjEzYy4xMiwuMzIsLjM1LC42MSwuNjQsLjgzLS4yLC4yNS0uMzIsLjU4LS4zMiwuOTMsMCwuMzgsLjE0LC43MywuMzgsMS0uMjQsLjI3LS4zOCwuNjItLjM4LDEsMCwuODMsLjY3LDEuNSwxLjUsMS41aDNjLjgzLDAsMS41LS42NywxLjUtMS41LDAtLjM4LS4xNC0uNzMtLjM4LTEsLjI0LS4yNywuMzgtLjYyLC4zOC0xLDAtLjM1LS4xMi0uNjctLjMyLS45MywuMjktLjIyLC41Mi0uNTEsLjY0LS44M2wuOC0yLjEzYy4xOC0uNDgsLjU2LTEuMjcsLjgzLTEuNzEsLjA0LS4wNywxLjA2LTEuNzksMS4wNi0zLjlDMTIsMi42OSw5LjMxLDAsNiwwWm0xLjUsMThoLTNjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVoM2MuMjgsMCwuNSwuMjIsLjUsLjVzLS4yMiwuNS0uNSwuNVptLjUtMi41YzAsLjI4LS4yMiwuNS0uNSwuNWgtM2MtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNWgzYy4yOCwwLC41LC4yMiwuNSwuNVptMi4wOC02LjEyYy0uMywuNDktLjcsMS4zNC0uOTEsMS44OGwtLjgsMi4xM2MtLjEyLC4zMi0uNTQsLjYxLS44OCwuNjFoLTNjLS4zNCwwLS43Ni0uMjktLjg4LS42MWwtLjgtMi4xM2MtLjItLjU0LS42MS0xLjM4LS45MS0xLjg4LDAtLjAxLS45MS0xLjU0LS45MS0zLjM4QzEsMy4yNCwzLjI0LDEsNiwxczUsMi4yNCw1LDVjMCwxLjgzLS45MSwzLjM3LS45MiwzLjM4WiIvPjwvZz48L2c+PC9zdmc+") no-repeat;
1115
+ mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYWxxdWVfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMjIzNjU0O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMSI+PGc+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNi41LDIwaC0xYy0uMjgsMC0uNS0uMjItLjUtLjVzLjIyLS41LC41LS41aDFjLjI4LDAsLjUsLjIyLC41LC41cy0uMjIsLjUtLjUsLjVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNiwwQzIuNjksMCwwLDIuNjksMCw2YzAsMi4xMSwxLjAxLDMuODMsMS4wNiwzLjksLjI3LC40NCwuNjUsMS4yMywuODMsMS43MWwuOCwyLjEzYy4xMiwuMzIsLjM1LC42MSwuNjQsLjgzLS4yLC4yNS0uMzIsLjU4LS4zMiwuOTMsMCwuMzgsLjE0LC43MywuMzgsMS0uMjQsLjI3LS4zOCwuNjItLjM4LDEsMCwuODMsLjY3LDEuNSwxLjUsMS41aDNjLjgzLDAsMS41LS42NywxLjUtMS41LDAtLjM4LS4xNC0uNzMtLjM4LTEsLjI0LS4yNywuMzgtLjYyLC4zOC0xLDAtLjM1LS4xMi0uNjctLjMyLS45MywuMjktLjIyLC41Mi0uNTEsLjY0LS44M2wuOC0yLjEzYy4xOC0uNDgsLjU2LTEuMjcsLjgzLTEuNzEsLjA0LS4wNywxLjA2LTEuNzksMS4wNi0zLjlDMTIsMi42OSw5LjMxLDAsNiwwWm0xLjUsMThoLTNjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVoM2MuMjgsMCwuNSwuMjIsLjUsLjVzLS4yMiwuNS0uNSwuNVptLjUtMi41YzAsLjI4LS4yMiwuNS0uNSwuNWgtM2MtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNWgzYy4yOCwwLC41LC4yMiwuNSwuNVptMi4wOC02LjEyYy0uMywuNDktLjcsMS4zNC0uOTEsMS44OGwtLjgsMi4xM2MtLjEyLC4zMi0uNTQsLjYxLS44OCwuNjFoLTNjLS4zNCwwLS43Ni0uMjktLjg4LS42MWwtLjgtMi4xM2MtLjItLjU0LS42MS0xLjM4LS45MS0xLjg4LDAtLjAxLS45MS0xLjU0LS45MS0zLjM4QzEsMy4yNCwzLjI0LDEsNiwxczUsMi4yNCw1LDVjMCwxLjgzLS45MSwzLjM3LS45MiwzLjM4WiIvPjwvZz48L2c+PC9zdmc+") no-repeat;
1116
+ -webkit-mask-size: 100% 100%;
1117
+ mask-size: 100% 100%;
1118
+ }
1119
+ .qc-icon[data-img-type=note] {
1120
+ -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYWxxdWVfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTcgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMjIzNjU0O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMSI+PGc+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUuNSwyMEgxLjVjLS44MywwLTEuNS0uNjctMS41LTEuNVY0LjVjMC0uODMsLjY3LTEuNSwxLjUtMS41aDFjLjI4LDAsLjUsLjIyLC41LC41cy0uMjIsLjUtLjUsLjVIMS41Yy0uMjgsMC0uNSwuMjItLjUsLjV2MTRjMCwuMjgsLjIyLC41LC41LC41SDE1LjVjLjI4LDAsLjUtLjIyLC41LS41VjQuNWMwLS4yOC0uMjItLjUtLjUtLjVoLTFjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVoMWMuODMsMCwxLjUsLjY3LDEuNSwxLjV2MTRjMCwuODMtLjY3LDEuNS0xLjUsMS41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLjUsNUg0LjVjLS4yOCwwLS41LS4yMi0uNS0uNSwwLTEsLjQ1LTEuNzksMS4yOC0yLjIsLjI4LS4xNCwuNTUtLjIxLC43Ni0uMjUsLjIxLTEuMTYsMS4yNC0yLjA1LDIuNDYtMi4wNXMyLjI1LC44OCwyLjQ2LDIuMDVjLjIyLC4wNCwuNDksLjEyLC43NiwuMjUsLjgyLC40MSwxLjI3LDEuMTgsMS4yOCwyLjE3LDAsMCwwLC4wMiwwLC4wMywwLC4yOC0uMjIsLjUtLjUsLjVoMFptLTcuNDQtMWg2Ljg4Yy0uMS0uMzYtLjMxLS42Mi0uNjQtLjc5LS4zOS0uMi0uOC0uMjEtLjgtLjIxLS4yOCwwLS41LS4yMi0uNS0uNSwwLS44My0uNjctMS41LTEuNS0xLjVzLTEuNSwuNjctMS41LDEuNWMwLC4yOC0uMjIsLjUtLjUsLjUsMCwwLS40MSwwLS44LC4yMS0uMzMsLjE3LS41NCwuNDMtLjY0LC43OVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjUsM2MtLjEzLDAtLjI2LS4wNS0uMzUtLjE1LS4wOS0uMDktLjE1LS4yMi0uMTUtLjM1cy4wNS0uMjYsLjE1LS4zNWMuMDktLjA5LC4yMi0uMTUsLjM1LS4xNXMuMjYsLjA1LC4zNSwuMTVjLjA5LC4wOSwuMTUsLjIyLC4xNSwuMzVzLS4wNSwuMjYtLjE1LC4zNWMtLjA5LC4wOS0uMjIsLjE1LS4zNSwuMTVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNSw4SDMuNWMtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNUgxMy41Yy4yOCwwLC41LC4yMiwuNSwuNXMtLjIyLC41LS41LC41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExLjUsMTFIMy41Yy0uMjgsMC0uNS0uMjItLjUtLjVzLjIyLS41LC41LS41SDExLjVjLjI4LDAsLjUsLjIyLC41LC41cy0uMjIsLjUtLjUsLjVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNSwxM0gzLjVjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVIMTMuNWMuMjgsMCwuNSwuMjIsLjUsLjVzLS4yMiwuNS0uNSwuNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMy41LDE1SDMuNWMtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNUgxMy41Yy4yOCwwLC41LC4yMiwuNSwuNXMtLjIyLC41LS41LC41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTguNSwxN0gzLjVjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVoNWMuMjgsMCwuNSwuMjIsLjUsLjVzLS4yMiwuNS0uNSwuNVoiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat;
1121
+ mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJDYWxxdWVfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTcgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMjIzNjU0O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMSI+PGc+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTUuNSwyMEgxLjVjLS44MywwLTEuNS0uNjctMS41LTEuNVY0LjVjMC0uODMsLjY3LTEuNSwxLjUtMS41aDFjLjI4LDAsLjUsLjIyLC41LC41cy0uMjIsLjUtLjUsLjVIMS41Yy0uMjgsMC0uNSwuMjItLjUsLjV2MTRjMCwuMjgsLjIyLC41LC41LC41SDE1LjVjLjI4LDAsLjUtLjIyLC41LS41VjQuNWMwLS4yOC0uMjItLjUtLjUtLjVoLTFjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVoMWMuODMsMCwxLjUsLjY3LDEuNSwxLjV2MTRjMCwuODMtLjY3LDEuNS0xLjUsMS41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLjUsNUg0LjVjLS4yOCwwLS41LS4yMi0uNS0uNSwwLTEsLjQ1LTEuNzksMS4yOC0yLjIsLjI4LS4xNCwuNTUtLjIxLC43Ni0uMjUsLjIxLTEuMTYsMS4yNC0yLjA1LDIuNDYtMi4wNXMyLjI1LC44OCwyLjQ2LDIuMDVjLjIyLC4wNCwuNDksLjEyLC43NiwuMjUsLjgyLC40MSwxLjI3LDEuMTgsMS4yOCwyLjE3LDAsMCwwLC4wMiwwLC4wMywwLC4yOC0uMjIsLjUtLjUsLjVoMFptLTcuNDQtMWg2Ljg4Yy0uMS0uMzYtLjMxLS42Mi0uNjQtLjc5LS4zOS0uMi0uOC0uMjEtLjgtLjIxLS4yOCwwLS41LS4yMi0uNS0uNSwwLS44My0uNjctMS41LTEuNS0xLjVzLTEuNSwuNjctMS41LDEuNWMwLC4yOC0uMjIsLjUtLjUsLjUsMCwwLS40MSwwLS44LC4yMS0uMzMsLjE3LS41NCwuNDMtLjY0LC43OVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjUsM2MtLjEzLDAtLjI2LS4wNS0uMzUtLjE1LS4wOS0uMDktLjE1LS4yMi0uMTUtLjM1cy4wNS0uMjYsLjE1LS4zNWMuMDktLjA5LC4yMi0uMTUsLjM1LS4xNXMuMjYsLjA1LC4zNSwuMTVjLjA5LC4wOSwuMTUsLjIyLC4xNSwuMzVzLS4wNSwuMjYtLjE1LC4zNWMtLjA5LC4wOS0uMjIsLjE1LS4zNSwuMTVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNSw4SDMuNWMtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNUgxMy41Yy4yOCwwLC41LC4yMiwuNSwuNXMtLjIyLC41LS41LC41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExLjUsMTFIMy41Yy0uMjgsMC0uNS0uMjItLjUtLjVzLjIyLS41LC41LS41SDExLjVjLjI4LDAsLjUsLjIyLC41LC41cy0uMjIsLjUtLjUsLjVaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNSwxM0gzLjVjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVIMTMuNWMuMjgsMCwuNSwuMjIsLjUsLjVzLS4yMiwuNS0uNSwuNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMy41LDE1SDMuNWMtLjI4LDAtLjUtLjIyLS41LS41cy4yMi0uNSwuNS0uNUgxMy41Yy4yOCwwLC41LC4yMiwuNSwuNXMtLjIyLC41LS41LC41WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTguNSwxN0gzLjVjLS4yOCwwLS41LS4yMi0uNS0uNXMuMjItLjUsLjUtLjVoNWMuMjgsMCwuNSwuMjIsLjUsLjVzLS4yMiwuNS0uNSwuNVoiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat;
1122
+ -webkit-mask-size: 100% 100%;
1123
+ mask-size: 100% 100%;
783
1124
  }
784
1125
  .qc-icon.qc-icon-sm {
785
1126
  min-width: 12px;
@@ -881,6 +1222,33 @@ Always use this function for rem values
881
1222
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Mi42OCA1Mi4yMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyMjM2NTQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5GaWNoaWVyIDE8L3RpdGxlPjxnIGlkPSJDYWxxdWVfMiIgZGF0YS1uYW1lPSJDYWxxdWUgMiI+PGcgaWQ9IkNhbHF1ZV8xLTIiIGRhdGEtbmFtZT0iQ2FscXVlIDEiPjxnIGlkPSJDYWxxdWVfMi0yIiBkYXRhLW5hbWU9IkNhbHF1ZSAyIj48ZyBpZD0iQ2FscXVlXzEtMi0yIiBkYXRhLW5hbWU9IkNhbHF1ZSAxLTIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUyLjY4LDQ3LjgzbC0xNS0xNWEyMC43NywyMC43NywwLDEsMC00LjMyLDQuNDZMNDguMjksNTIuMjNaTTIwLjc5LDM1LjM4QTE0LjQxLDE0LjQxLDAsMSwxLDM1LjIsMjFWMjFoMEExNC40MywxNC40MywwLDAsMSwyMC43OSwzNS4zOFoiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
882
1223
  }
883
1224
 
1225
+ .qc-icon-button {
1226
+ display: flex;
1227
+ align-items: center;
1228
+ justify-content: center;
1229
+ flex-shrink: 0;
1230
+ }
1231
+ .qc-icon-button[data-button-size=sm] {
1232
+ height: 1.6rem;
1233
+ width: 1.6rem;
1234
+ }
1235
+ .qc-icon-button[data-button-size=md] {
1236
+ height: 2rem;
1237
+ width: 2rem;
1238
+ }
1239
+ .qc-icon-button[data-button-size=nm] {
1240
+ height: 2.4rem;
1241
+ width: 2.4rem;
1242
+ }
1243
+ .qc-icon-button[data-button-size=lg] {
1244
+ height: 3.2rem;
1245
+ width: 3.2rem;
1246
+ }
1247
+ .qc-icon-button[data-button-size=xl] {
1248
+ height: 4rem;
1249
+ width: 4rem;
1250
+ }
1251
+
884
1252
  .qc-notice {
885
1253
  max-inline-size: var(--qc-max-content-width);
886
1254
  display: flex;
@@ -891,7 +1259,6 @@ Always use this function for rem values
891
1259
  line-height: var(--qc-line-height-sm);
892
1260
  font-weight: var(--qc-font-weight-regular);
893
1261
  margin-bottom: 3.2rem;
894
- /*TODO Quelle est la marge entre le titre et le texte? Rien de spécifié dans le SDG. */
895
1262
  }
896
1263
  .qc-notice .icon-container {
897
1264
  display: flex;
@@ -906,19 +1273,67 @@ Always use this function for rem values
906
1273
  .qc-notice .content-container {
907
1274
  width: 100%;
908
1275
  }
1276
+ .qc-notice h1, .qc-notice h2, .qc-notice h3, .qc-notice h4, .qc-notice h5, .qc-notice h6, .qc-notice [role=heading] {
1277
+ margin: 0;
1278
+ padding: 0;
1279
+ font-size: var(--qc-font-size-sm);
1280
+ line-height: var(--qc-line-height-sm);
1281
+ font-weight: var(--qc-font-weight-bold);
1282
+ font-family: var(--qc-font-family-content);
1283
+ }
1284
+ .qc-notice .content {
1285
+ margin: var(--qc-spacer-md) var(--qc-spacer-md) var(--qc-spacer-md) var(--qc-spacer-sm);
1286
+ }
909
1287
  .qc-notice.qc-information .icon-container {
910
1288
  background-color: var(--qc-color-blue-pale);
911
1289
  }
1290
+ .qc-notice.qc-information .icon-container [role=img] {
1291
+ background-color: var(--qc-color-blue-dark);
1292
+ }
1293
+ .qc-notice.qc-information .icon-container [role=img][data-img-type=success], .qc-notice.qc-information .icon-container [role=img][data-img-type=error] {
1294
+ background-color: var(--qc-color-blue-regular);
1295
+ }
912
1296
  .qc-notice.qc-warning .icon-container {
913
1297
  background-color: var(--qc-color-yellow-pale);
914
1298
  }
1299
+ .qc-notice.qc-warning .icon-container [role=img] {
1300
+ background-color: var(--qc-color-yellow-dark);
1301
+ }
1302
+ .qc-notice.qc-warning .icon-container [role=img][data-img-type=success], .qc-notice.qc-warning .icon-container [role=img][data-img-type=error] {
1303
+ background-color: var(--qc-color-yellow-regular);
1304
+ }
1305
+ .qc-notice.qc-neutral .icon-container {
1306
+ background-color: var(--qc-color-grey-pale);
1307
+ }
1308
+ .qc-notice.qc-neutral .icon-container [role=img] {
1309
+ background-color: var(--qc-color-grey-dark);
1310
+ }
1311
+ .qc-notice.qc-neutral .icon-container [role=img][data-img-type=success], .qc-notice.qc-neutral .icon-container [role=img][data-img-type=error] {
1312
+ background-color: var(--qc-color-grey-regular);
1313
+ }
1314
+ .qc-notice.qc-error .icon-container {
1315
+ background-color: var(--qc-color-red-pale);
1316
+ }
1317
+ .qc-notice.qc-error .icon-container [role=img] {
1318
+ background-color: var(--qc-color-red-dark);
1319
+ }
1320
+ .qc-notice.qc-error .icon-container [role=img][data-img-type=success], .qc-notice.qc-error .icon-container [role=img][data-img-type=error] {
1321
+ background-color: var(--qc-color-red-regular);
1322
+ }
915
1323
  .qc-notice.qc-success .icon-container {
916
1324
  background-color: var(--qc-color-green-pale);
917
1325
  }
918
- .qc-notice.qc-error .icon-container {
919
- background-color: var(--qc-color-pink-pale);
1326
+ .qc-notice.qc-success .icon-container [role=img] {
1327
+ background-color: var(--qc-color-green-dark);
920
1328
  }
921
- .qc-notice .title {
1329
+ .qc-notice.qc-success .icon-container [role=img][data-img-type=success], .qc-notice.qc-success .icon-container [role=img][data-img-type=error] {
1330
+ background-color: var(--qc-color-green-regular);
1331
+ }
1332
+
1333
+ qc-notice {
1334
+ display: block;
1335
+ }
1336
+ qc-notice h1, qc-notice h2, qc-notice h3, qc-notice h4, qc-notice h5, qc-notice h6, qc-notice [role=heading] {
922
1337
  margin: 0;
923
1338
  padding: 0;
924
1339
  font-size: var(--qc-font-size-sm);
@@ -926,98 +1341,116 @@ Always use this function for rem values
926
1341
  font-weight: var(--qc-font-weight-bold);
927
1342
  font-family: var(--qc-font-family-content);
928
1343
  }
929
- .qc-notice .content {
930
- margin: var(--qc-spacer-notice-my) var(--qc-spacer-notice-mx) var(--qc-spacer-notice-my) var(--qc-spacer-sm);
931
- }
932
- .qc-notice .content .text ::slotted(ul) {
1344
+ qc-notice ul {
933
1345
  padding-left: var(--qc-spacer-sm) !important;
934
- margin-top: var(--qc-spacer-sm) !important;
935
1346
  }
936
-
937
- /* Links in a error notice (eg. error summary) */
938
- qc-notice[type=error] ul li a {
1347
+ qc-notice[type=error] ul li {
939
1348
  color: var(--qc-color-red-regular);
940
1349
  }
1350
+ qc-notice[type=error] ul li::marker {
1351
+ color: var(--qc-color-text-primary);
1352
+ }
1353
+ qc-notice[type=error] ul li a {
1354
+ color: inherit;
1355
+ }
941
1356
  qc-notice[type=error] ul li a:hover, qc-notice[type=error] ul li a:focus {
942
1357
  text-decoration: none;
943
1358
  }
944
1359
 
945
- @media (max-width: 575.98px) {
946
- .qc-notice .content {
947
- margin-right: var(--qc-spacer-notice-my);
948
- }
1360
+ .qc-piv-header .piv-top .right-section .links ul, qc-piv-header [slot=links], qc-piv-header [slot=links] ul {
1361
+ list-style: none;
1362
+ padding: 0;
1363
+ margin: 0;
1364
+ height: 100%;
1365
+ }
1366
+ .qc-piv-header .piv-top .right-section .links ul li, qc-piv-header [slot=links] li {
1367
+ padding: 0;
1368
+ margin: 0;
1369
+ font-size: var(--qc-font-size-sm);
1370
+ line-height: var(--qc-line-height-sm);
1371
+ font-weight: var(--qc-font-weight-regular);
949
1372
  }
1373
+ .qc-piv-header .piv-top .right-section .links ul a, qc-piv-header [slot=links] a {
1374
+ font-size: 1.28rem;
1375
+ }
1376
+
950
1377
  qc-piv-header {
1378
+ --qc-piv-header-bg: 1;
951
1379
  display: block;
952
- min-height: 7.2rem;
953
- background-color: var(--qc-color-blue-piv);
1380
+ background-color: #095797;
954
1381
  width: 100%;
955
1382
  }
956
1383
  .qc-piv-header {
957
- color: var(--qc-color-white);
958
- }
959
- .qc-piv-header a {
960
- color: var(--qc-color-white);
961
- text-decoration: none;
1384
+ color: #ffffff;
962
1385
  }
963
- .qc-piv-header a:hover, .qc-piv-header a:focus {
964
- color: var(--qc-color-white);
965
- text-decoration: underline;
1386
+ .qc-piv-header .go-to-content {
1387
+ position: relative;
966
1388
  }
967
1389
  .qc-piv-header .piv-top {
968
1390
  display: flex;
969
- justify-content: space-between;
970
- align-items: center;
1391
+ flex-wrap: wrap;
1392
+ align-items: start;
971
1393
  }
972
- .qc-piv-header .piv-top .logo {
973
- margin-right: 6.4rem;
1394
+ .qc-piv-header .piv-top > * {
1395
+ min-height: 7.2rem;
974
1396
  }
975
- @media (max-width: 575.98px) {
976
- .qc-piv-header .piv-top .logo {
977
- margin: 0;
978
- }
1397
+ .qc-piv-header .piv-top .signature-group {
1398
+ display: flex;
1399
+ flex-grow: 1;
1400
+ flex-wrap: wrap;
1401
+ align-items: start;
1402
+ margin-right: auto;
979
1403
  }
980
- .qc-piv-header .piv-top .logo a {
981
- display: block;
1404
+ .qc-piv-header .piv-top .signature-group * {
1405
+ min-height: 7.2rem;
982
1406
  }
983
- .qc-piv-header .piv-top .logo img {
984
- height: 7.2rem;
985
- min-width: 20rem;
1407
+ .qc-piv-header .piv-top .signature-group .logo {
1408
+ display: flex;
1409
+ flex-basis: 25.6rem;
986
1410
  }
987
- .qc-piv-header .piv-top .title {
1411
+ .qc-piv-header .piv-top .signature-group .logo [role=img] {
1412
+ background-image: var(--logo-src);
1413
+ background-repeat: no-repeat;
1414
+ background-size: 100%;
1415
+ background-position: center;
1416
+ margin-right: 16px;
1417
+ min-width: 150px;
988
1418
  width: 100%;
989
- padding: var(--qc-spacer-sm) 0;
1419
+ max-width: 20rem;
990
1420
  min-height: 7.2rem;
991
- align-items: center;
992
- display: flex;
993
- margin-right: 4rem;
994
1421
  }
995
- .qc-piv-header .piv-top .title a {
1422
+ .qc-piv-header .piv-top .signature-group .title {
1423
+ display: flex;
1424
+ flex-grow: 1;
1425
+ align-items: center;
996
1426
  font-size: var(--qc-font-size-100);
997
1427
  line-height: var(--qc-line-height-100);
998
1428
  font-weight: var(--qc-font-weight-regular);
999
- font-family: var(--qc-font-family-header);
1000
- }
1001
- .qc-piv-header .piv-top .title a:hover, .qc-piv-header .piv-top .title a:focus {
1002
- text-decoration: underline;
1003
- }
1004
- .qc-piv-header .piv-top .title a .description {
1005
- font-size: var(--qc-font-size-sm);
1429
+ flex-basis: fit-content;
1006
1430
  }
1007
1431
  .qc-piv-header .piv-top .right-section {
1008
1432
  min-width: -moz-fit-content;
1009
1433
  min-width: fit-content;
1010
1434
  display: flex;
1011
1435
  align-items: center;
1436
+ flex-basis: fit-content;
1012
1437
  }
1013
- @media (max-width: 575.98px) {
1438
+ @media (max-width: 767.98px) {
1014
1439
  .qc-piv-header .piv-top .right-section {
1015
1440
  min-width: auto;
1016
1441
  }
1017
1442
  }
1018
1443
  .qc-piv-header .piv-top .qc-search {
1444
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Mi42NyA1Mi4yMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5GaWNoaWVyIDE8L3RpdGxlPjxnIGlkPSJDYWxxdWVfMiIgZGF0YS1uYW1lPSJDYWxxdWUgMiI+PGcgaWQ9IkNhbHF1ZV8xLTIiIGRhdGEtbmFtZT0iQ2FscXVlIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUyLjY3LDQ3LjgxbC0xNS0xNWEyMC43NywyMC43NywwLDEsMC00LjMyLDQuNDZMNDguMjgsNTIuMjFaTTIwLjc4LDM1LjM2QTE0LjQxLDE0LjQxLDAsMSwxLDM1LjE5LDIxaDBBMTQuNDMsMTQuNDMsMCwwLDEsMjAuNzgsMzUuMzZaIi8+PC9nPjwvZz48L3N2Zz4=");
1445
+ background-repeat: no-repeat;
1019
1446
  min-width: 2.4rem;
1020
1447
  height: 2.4rem;
1448
+ margin-right: var(--qc-spacer-md);
1449
+ }
1450
+ @media (max-width: 767.98px) {
1451
+ .qc-piv-header .piv-top .qc-search {
1452
+ margin-right: var(--qc-spacer-sm);
1453
+ }
1021
1454
  }
1022
1455
  .qc-piv-header .piv-top .qc-search span {
1023
1456
  position: absolute;
@@ -1030,88 +1463,29 @@ qc-piv-header {
1030
1463
  white-space: nowrap;
1031
1464
  border: 0;
1032
1465
  }
1033
- .qc-piv-header .piv-bottom .title {
1034
- display: none;
1035
- }
1036
1466
  .qc-piv-header .piv-bottom .search-zone {
1037
1467
  padding-bottom: var(--qc-spacer-md);
1038
1468
  }
1039
- .qc-piv-header .piv-bottom .search-zone form .input-group {
1040
- width: 100%;
1041
- display: flex;
1042
- justify-content: space-between;
1043
- align-items: stretch;
1044
- }
1045
- .qc-piv-header .piv-bottom .search-zone form .input-group input {
1046
- width: 100%;
1047
- padding: 0.6rem 1.2rem;
1048
- border: 1px solid var(--qc-color-blue-dark);
1049
- border-right: none;
1050
- }
1051
- .qc-piv-header .piv-bottom .search-zone form .input-group input:focus {
1052
- outline: 0.2rem solid var(--qc-color-blue-light);
1053
- border-right: 1px solid black;
1054
- z-index: 1;
1055
- }
1056
- .qc-piv-header .piv-bottom .search-zone form .input-group input::-moz-placeholder {
1057
- font-size: var(--qc-font-size-sm);
1058
- }
1059
- .qc-piv-header .piv-bottom .search-zone form .input-group input::placeholder {
1060
- font-size: var(--qc-font-size-sm);
1061
- }
1062
- .qc-piv-header .piv-bottom .search-zone form .input-group button {
1063
- display: flex;
1064
- justify-content: center;
1065
- border: 1px solid var(--qc-color-blue-dark);
1066
- border-left: none;
1067
- background-color: white;
1068
- width: 4.16rem;
1069
- }
1070
- .qc-piv-header .piv-bottom .search-zone form .input-group button:focus {
1071
- outline: 0.2rem solid var(--qc-color-blue-light);
1072
- border-left: 1px solid black;
1073
- }
1074
- .qc-piv-header .piv-bottom .search-zone form .input-group button .qc-search-submit {
1075
- min-width: 2.4rem;
1076
- height: 2.4rem;
1077
- align-self: center;
1078
- }
1079
- .qc-piv-header .piv-bottom .search-zone form .input-group button .sr-description {
1080
- position: absolute;
1081
- width: 1px;
1082
- height: 1px;
1083
- clip: rect(0 0 0 0);
1084
- }
1085
1469
 
1086
- qc-piv-header [slot=links], .qc-piv-header .piv-top .right-section .links ul, qc-piv-header [slot=links] ul {
1087
- list-style: none;
1088
- padding: 0;
1089
- margin: 0;
1090
- height: 100%;
1091
- margin-left: var(--qc-spacer-md);
1092
- }
1093
- @media (max-width: 575.98px) {
1094
- qc-piv-header [slot=links], .qc-piv-header .piv-top .right-section .links ul, qc-piv-header [slot=links] ul {
1095
- margin-left: var(--qc-spacer-sm);
1096
- }
1097
- }
1098
- qc-piv-header [slot=links] li, .qc-piv-header .piv-top .right-section .links ul li {
1099
- padding: 0;
1100
- margin: 0;
1101
- font-size: var(--qc-font-size-sm);
1102
- line-height: var(--qc-line-height-sm);
1103
- font-weight: var(--qc-font-weight-regular);
1104
- }
1105
- qc-piv-header [slot=links] a, .qc-piv-header .piv-top .right-section .links ul a {
1470
+ qc-piv-header a,
1471
+ .qc-piv-header a {
1472
+ --qc-color-link-focus-outline: white;
1473
+ --qc-color-link-hover: white;
1474
+ --qc-color-link-text: white;
1475
+ --qc-color-link-visited: white;
1476
+ --qc-color-link-active: white;
1106
1477
  font-family: var(--qc-font-family-header);
1107
1478
  text-decoration: none;
1108
- font-size: 1.2rem;
1109
- color: var(--qc-color-white);
1110
1479
  font-weight: var(--qc-font-weight-regular);
1111
1480
  }
1112
- qc-piv-header [slot=links] a:focus, .qc-piv-header .piv-top .right-section .links ul a:focus, qc-piv-header [slot=links] a:hover, .qc-piv-header .piv-top .right-section .links ul a:hover {
1481
+ qc-piv-header a:hover,
1482
+ .qc-piv-header a:hover {
1113
1483
  text-decoration: underline;
1114
- color: var(--qc-color-white);
1484
+ }
1485
+ qc-piv-header a:focus-visible:has(img), qc-piv-header a:focus:has(img),
1486
+ .qc-piv-header a:focus-visible:has(img),
1487
+ .qc-piv-header a:focus:has(img) {
1488
+ outline-offset: -2px;
1115
1489
  }
1116
1490
 
1117
1491
  .go-to-content {
@@ -1130,56 +1504,61 @@ qc-piv-header [slot=links] a:focus, .qc-piv-header .piv-top .right-section .link
1130
1504
  border: 0;
1131
1505
  }
1132
1506
  .go-to-content a:focus {
1507
+ top: 2px;
1133
1508
  width: inherit;
1134
- height: inherit;
1509
+ height: 24px;
1135
1510
  overflow: inherit;
1136
1511
  clip: inherit;
1137
1512
  white-space: inherit;
1138
- color: var(--qc-color-white);
1139
- background-color: var(--qc-color-blue-piv);
1513
+ color: #ffffff;
1514
+ background-color: #095797;
1515
+ margin: 0;
1140
1516
  }
1141
1517
 
1142
1518
  @media (max-width: 767.98px) {
1143
- .qc-piv-header .piv-top .logo img {
1144
- min-width: 17.5rem;
1145
- width: 17.5rem;
1519
+ .qc-piv-header .piv-top {
1520
+ flex-wrap: wrap;
1146
1521
  }
1147
- .qc-piv-header .piv-top .title {
1148
- display: none;
1522
+ .qc-piv-header .piv-top .logo {
1523
+ flex-shrink: 1;
1524
+ margin-right: auto;
1525
+ min-width: 0;
1149
1526
  }
1150
- .qc-piv-header .piv-top .right-section {
1151
- min-width: 13rem;
1527
+ .qc-piv-header .piv-top .logo img {
1528
+ width: 100%;
1529
+ margin-right: 1.6rem;
1152
1530
  }
1153
- .qc-piv-header .piv-bottom .title {
1154
- margin: 0;
1531
+ .qc-piv-header .piv-top .title {
1532
+ min-width: 100%;
1533
+ padding: 0;
1534
+ height: -moz-fit-content;
1535
+ height: fit-content;
1536
+ max-height: -moz-fit-content;
1537
+ max-height: fit-content;
1538
+ order: 2;
1539
+ margin-left: 0;
1540
+ margin-right: 0;
1155
1541
  display: flex;
1156
- padding-bottom: var(--qc-spacer-sm);
1157
- }
1158
- }
1159
- @media (max-width: 575.98px) {
1160
- .qc-piv-header .piv-top {
1161
- height: 7.2rem;
1542
+ align-items: center;
1162
1543
  }
1163
1544
  .qc-piv-header .piv-top .right-section {
1164
- min-width: -moz-fit-content;
1165
- min-width: fit-content;
1545
+ min-width: 0;
1546
+ margin-right: 0;
1547
+ margin-left: 0;
1166
1548
  }
1167
1549
  }
1168
1550
  qc-piv-footer {
1169
- display: block;
1170
1551
  margin-top: 4rem;
1171
- padding-bottom: 3.2rem;
1552
+ padding-bottom: 4rem;
1553
+ display: flex;
1554
+ flex-direction: column;
1555
+ align-items: center;
1172
1556
  font-size: var(--qc-font-size-sm);
1173
1557
  line-height: var(--qc-line-height-sm);
1174
1558
  font-weight: var(--qc-font-weight-regular);
1175
1559
  }
1176
- qc-piv-footer a {
1177
- text-decoration: none;
1178
- }
1179
- qc-piv-footer a:hover {
1180
- text-decoration: underline;
1181
- }
1182
1560
  qc-piv-footer ul {
1561
+ max-inline-size: none;
1183
1562
  margin: 0 0 var(--qc-spacer-sm) 0;
1184
1563
  padding: 0;
1185
1564
  width: 100%;
@@ -1193,34 +1572,47 @@ qc-piv-footer ul li {
1193
1572
  margin: 0;
1194
1573
  text-align: center;
1195
1574
  }
1196
- qc-piv-footer ul li:hover {
1575
+ qc-piv-footer a {
1576
+ text-decoration: none;
1577
+ }
1578
+ qc-piv-footer a:hover {
1197
1579
  text-decoration: underline;
1198
1580
  }
1199
1581
 
1582
+ .qc-piv-footer {
1583
+ display: flex;
1584
+ flex-direction: column;
1585
+ align-items: center;
1586
+ }
1200
1587
  .qc-piv-footer a {
1201
1588
  text-decoration: none;
1202
1589
  }
1203
1590
  .qc-piv-footer a:hover {
1204
1591
  text-decoration: underline;
1205
1592
  }
1206
- .qc-piv-footer .qc-container {
1207
- display: flex;
1208
- flex-direction: column;
1209
- align-items: center;
1593
+ .qc-piv-footer .logo {
1594
+ display: block;
1595
+ width: calc(var(--logo-width) * 0.1rem);
1596
+ height: calc(var(--logo-height) * 0.1rem);
1597
+ }
1598
+ .qc-piv-footer .logo img {
1599
+ width: 100%;
1600
+ height: 100%;
1601
+ }
1602
+ .qc-piv-footer .copyright {
1603
+ margin-top: 0.8rem;
1210
1604
  }
1211
1605
 
1212
1606
  .qc-general-alert {
1213
- max-inline-size: var(--qc-max-content-width);
1214
- padding: var(--qc-spacer-md) var(--qc-spacer-sm);
1607
+ padding: var(--qc-spacer-md) 0;
1215
1608
  }
1216
- @media (max-width: 575.98px) {
1609
+ @media (max-width: 767.98px) {
1217
1610
  .qc-general-alert {
1218
- padding: var(--qc-spacer-sm);
1611
+ padding: var(--qc-spacer-sm) 0;
1219
1612
  }
1220
1613
  }
1221
1614
  .qc-general-alert .qc-general-alert-elements {
1222
1615
  display: flex;
1223
- padding: 0;
1224
1616
  }
1225
1617
  .qc-general-alert.warning {
1226
1618
  background-color: var(--qc-color-yellow-pale);
@@ -1228,10 +1620,6 @@ qc-piv-footer ul li:hover {
1228
1620
  .qc-general-alert.general {
1229
1621
  background-color: var(--qc-color-blue-pale);
1230
1622
  }
1231
- .qc-general-alert .qc-icon {
1232
- min-width: var(--qc-spacer-md);
1233
- height: var(--qc-spacer-md);
1234
- }
1235
1623
  .qc-general-alert .qc-alert-content {
1236
1624
  font-size: var(--qc-font-size-md);
1237
1625
  line-height: var(--qc-line-height-md);
@@ -1239,42 +1627,47 @@ qc-piv-footer ul li:hover {
1239
1627
  margin: 0 var(--qc-spacer-md);
1240
1628
  width: 100%;
1241
1629
  }
1242
- @media (max-width: 575.98px) {
1630
+ @media (max-width: 767.98px) {
1243
1631
  .qc-general-alert .qc-alert-content {
1244
1632
  font-size: var(--qc-font-size-sm);
1245
1633
  line-height: var(--qc-line-height-sm);
1246
1634
  font-weight: var(--qc-font-weight-semi-bold);
1247
1635
  }
1248
1636
  }
1249
- .qc-general-alert .qc-alert-close {
1250
- display: flex;
1251
- align-items: center;
1637
+ .qc-general-alert button {
1638
+ position: relative;
1639
+ z-index: 10;
1640
+ background: transparent;
1641
+ border: 0;
1642
+ flex-shrink: 0;
1643
+ cursor: pointer;
1252
1644
  }
1253
- @media (max-width: 575.98px) {
1254
- .qc-general-alert .qc-alert-close {
1255
- align-items: inherit;
1256
- }
1645
+ .qc-general-alert button::before {
1646
+ position: absolute;
1647
+ display: block;
1648
+ content: "";
1649
+ background-color: var(--qc-color-background);
1650
+ inset: 0;
1651
+ z-index: -5;
1257
1652
  }
1258
- .qc-general-alert .qc-close {
1259
- padding: 0;
1260
- background-color: transparent;
1261
- border: 0;
1262
- display: inline-flex;
1263
- justify-content: center;
1653
+ .qc-general-alert button:has(input:focus), .qc-general-alert button:focus {
1654
+ outline: 2px solid var(--qc-color-formfield-focus-outline);
1264
1655
  }
1265
- .qc-general-alert .qc-close .qc-close-alert-icon {
1266
- display: inline-block;
1267
- min-width: var(--qc-spacer-sm);
1268
- height: var(--qc-spacer-sm);
1269
- vertical-align: middle;
1270
- cursor: pointer;
1656
+ .qc-general-alert button:has(input:focus)::before, .qc-general-alert button:focus::before {
1657
+ border: 2px solid var(--qc-color-formfield-focus-border);
1658
+ }
1659
+ .qc-general-alert button::before {
1660
+ background: transparent;
1271
1661
  }
1272
1662
 
1663
+ qc-alert {
1664
+ display: block;
1665
+ }
1273
1666
  qc-alert [slot] *, qc-alert:not([slot=content]) * {
1274
1667
  margin-bottom: 0;
1275
1668
  }
1276
1669
  qc-alert [slot] a, qc-alert:not([slot=content]) a {
1277
- color: var(--qc-color-blue-dark);
1670
+ color: var(--qc-color-blue-piv);
1278
1671
  }
1279
1672
 
1280
1673
  .qc-to-top {
@@ -1289,6 +1682,7 @@ qc-alert [slot] a, qc-alert:not([slot=content]) a {
1289
1682
  transition: opacity 0.4s linear;
1290
1683
  opacity: 0;
1291
1684
  background-size: 1.6rem 2rem;
1685
+ box-shadow: 0 var(--qc-box_shadow-1-offset) var(--qc-box_shadow-1-blur) var(--qc-color-box_shadow);
1292
1686
  }
1293
1687
  .qc-to-top[demo=false] {
1294
1688
  position: fixed;
@@ -1305,6 +1699,7 @@ qc-alert [slot] a, qc-alert:not([slot=content]) a {
1305
1699
  background-color: var(--qc-color-blue-regular);
1306
1700
  outline: 2px solid var(--qc-color-blue-light);
1307
1701
  border: 2px solid var(--qc-color-blue-dark);
1702
+ box-shadow: 0 var(--qc-box_shadow-2-offset) var(--qc-box_shadow-2-blur) var(--qc-color-box_shadow);
1308
1703
  }
1309
1704
  .qc-to-top:active {
1310
1705
  background-color: var(--qc-color-blue-light);
@@ -1331,36 +1726,139 @@ hr {
1331
1726
  border-bottom: 1px solid var(--qc-color-grey-light);
1332
1727
  }
1333
1728
 
1729
+ qc-search-input {
1730
+ display: block;
1731
+ width: 100%;
1732
+ max-width: 54.8rem;
1733
+ }
1734
+
1735
+ .qc-search-bar, .qc-search-input {
1736
+ display: flex;
1737
+ align-items: stretch;
1738
+ }
1739
+ .qc-search-bar::before, .qc-search-input::before {
1740
+ border: 1px solid var(--qc-color-formfield-border);
1741
+ }
1742
+ .qc-search-bar button, .qc-search-input button {
1743
+ width: 4rem;
1744
+ flex-shrink: 0;
1745
+ }
1746
+ .qc-search-bar button::before, .qc-search-input button::before {
1747
+ background: transparent;
1748
+ }
1749
+
1750
+ .qc-search-input input[type=search] {
1751
+ display: block;
1752
+ position: relative;
1753
+ color: var(--qc-color-text-primary);
1754
+ width: 100%;
1755
+ background: transparent;
1756
+ margin-right: 0;
1757
+ padding: 0.8rem 0rem 0.8rem 0.8rem;
1758
+ border: 0;
1759
+ }
1760
+ .qc-search-input input[type=search]::-webkit-search-decoration, .qc-search-input input[type=search]::-webkit-search-cancel-button, .qc-search-input input[type=search]::-webkit-search-results-button, .qc-search-input input[type=search]::-webkit-search-results-decoration {
1761
+ display: none;
1762
+ }
1763
+ .qc-search-input input[type=search]::-moz-placeholder {
1764
+ color: var(--qc-color-grey-medium);
1765
+ font-weight: normal;
1766
+ }
1767
+ .qc-search-input input[type=search]::placeholder {
1768
+ color: var(--qc-color-grey-medium);
1769
+ font-weight: normal;
1770
+ }
1771
+ .qc-search-input input[type=search]:focus, .qc-search-input input[type=search]:focus-visible {
1772
+ outline: none;
1773
+ }
1774
+ .qc-search-input button {
1775
+ cursor: pointer;
1776
+ }
1777
+ .qc-search-input button::before {
1778
+ background: transparent;
1779
+ }
1780
+
1781
+ qc-search-bar {
1782
+ position: relative;
1783
+ display: block;
1784
+ max-width: 64rem;
1785
+ }
1786
+
1787
+ .qc-search-bar {
1788
+ width: 100%;
1789
+ border: 0;
1790
+ }
1791
+ .qc-search-bar:has(input:focus) [type=submit]::before {
1792
+ inset: 2px 2px 2px 0;
1793
+ border: 0;
1794
+ }
1795
+ .qc-search-bar .qc-search-input {
1796
+ margin: 0;
1797
+ width: 100%;
1798
+ outline: none !important;
1799
+ }
1800
+ .qc-search-bar .qc-search-input::before {
1801
+ content: none !important;
1802
+ }
1803
+ .qc-search-bar [type=submit] {
1804
+ z-index: 1;
1805
+ background-color: transparent;
1806
+ }
1807
+ .qc-search-bar [type=submit]::before {
1808
+ z-index: -1;
1809
+ background: var(--qc-color-blue-piv);
1810
+ border: 1px solid var(--qc-color-formfield-border);
1811
+ transition: background-color 0.15s;
1812
+ }
1813
+ .qc-search-bar [type=submit]:hover::before {
1814
+ background-color: var(--qc-color-blue-regular);
1815
+ }
1816
+ .qc-search-bar [type=submit]:active::before {
1817
+ background-color: var(--qc-color-blue-regular_light);
1818
+ }
1819
+
1820
+ .qc-search-bar.piv-background {
1821
+ --qc-color-formfield-focus-outline: var(--qc-color-blue-pale);
1822
+ }
1823
+ .qc-search-bar.piv-background [type=submit]::before {
1824
+ background: var(--qc-color-background);
1825
+ border-left-width: 0;
1826
+ }
1827
+ .qc-search-bar.piv-background [type=submit]:focus::before {
1828
+ border-left-width: 2px;
1829
+ background-color: rgba(var(--qc-color-grey-light-rgb), 0.24);
1830
+ }
1831
+ .qc-search-bar.piv-background [type=submit]:hover::before {
1832
+ background-color: rgba(var(--qc-color-grey-light-rgb), 0.24);
1833
+ }
1834
+ .qc-search-bar.piv-background [type=submit]:active::before {
1835
+ background-color: rgba(var(--qc-color-grey-light-rgb), 0.16);
1836
+ }
1837
+
1334
1838
  .qc-container,
1335
1839
  .qc-container-fluid,
1336
- .qc-container-xl,
1337
1840
  .qc-container-lg,
1338
1841
  .qc-container-md,
1339
1842
  .qc-container-sm {
1340
1843
  width: 100%;
1341
- padding-right: calc(1 * var(--qc-grid-gutter) / 2);
1342
- padding-left: calc(1 * var(--qc-grid-gutter) / 2);
1844
+ padding-right: var(--qc-grid-gutter);
1845
+ padding-left: var(--qc-grid-gutter);
1343
1846
  margin-right: auto;
1344
1847
  margin-left: auto;
1345
1848
  }
1346
1849
 
1347
- @media (min-width: 576px) {
1348
- .qc-container-sm, .qc-container {
1349
- max-width: 576px;
1350
- }
1351
- }
1352
1850
  @media (min-width: 768px) {
1353
- .qc-container-md, .qc-container-sm, .qc-container {
1851
+ .qc-container-sm, .qc-container {
1354
1852
  max-width: 768px;
1355
1853
  }
1356
1854
  }
1357
1855
  @media (min-width: 992px) {
1358
- .qc-container-lg, .qc-container-md, .qc-container-sm, .qc-container {
1856
+ .qc-container-md, .qc-container-sm, .qc-container {
1359
1857
  max-width: 992px;
1360
1858
  }
1361
1859
  }
1362
1860
  @media (min-width: 1200px) {
1363
- .qc-container-xl, .qc-container-lg, .qc-container-md, .qc-container-sm, .qc-container {
1861
+ .qc-container-lg, .qc-container-md, .qc-container-sm, .qc-container {
1364
1862
  max-width: 1200px;
1365
1863
  }
1366
1864
  }
@@ -1381,8 +1879,7 @@ hr {
1381
1879
  padding-left: 0;
1382
1880
  }
1383
1881
 
1384
- .qc-col-xl,
1385
- .qc-col-xl-auto, .qc-col-xl-12, .qc-col-xl-11, .qc-col-xl-10, .qc-col-xl-9, .qc-col-xl-8, .qc-col-xl-7, .qc-col-xl-6, .qc-col-xl-5, .qc-col-xl-4, .qc-col-xl-3, .qc-col-xl-2, .qc-col-xl-1, .qc-col-lg,
1882
+ .qc-col-lg,
1386
1883
  .qc-col-lg-auto, .qc-col-lg-12, .qc-col-lg-11, .qc-col-lg-10, .qc-col-lg-9, .qc-col-lg-8, .qc-col-lg-7, .qc-col-lg-6, .qc-col-lg-5, .qc-col-lg-4, .qc-col-lg-3, .qc-col-lg-2, .qc-col-lg-1, .qc-col-md,
1387
1884
  .qc-col-md-auto, .qc-col-md-12, .qc-col-md-11, .qc-col-md-10, .qc-col-md-9, .qc-col-md-8, .qc-col-md-7, .qc-col-md-6, .qc-col-md-5, .qc-col-md-4, .qc-col-md-3, .qc-col-md-2, .qc-col-md-1, .qc-col-sm,
1388
1885
  .qc-col-sm-auto, .qc-col-sm-12, .qc-col-sm-11, .qc-col-sm-10, .qc-col-sm-9, .qc-col-sm-8, .qc-col-sm-7, .qc-col-sm-6, .qc-col-sm-5, .qc-col-sm-4, .qc-col-sm-3, .qc-col-sm-2, .qc-col-sm-1, .qc-col,
@@ -1599,7 +2096,7 @@ hr {
1599
2096
  margin-left: 91.66666667%;
1600
2097
  }
1601
2098
 
1602
- @media (min-width: 576px) {
2099
+ @media (min-width: 768px) {
1603
2100
  .qc-col-sm {
1604
2101
  flex-basis: 0;
1605
2102
  flex-grow: 1;
@@ -1764,7 +2261,7 @@ hr {
1764
2261
  margin-left: 91.66666667%;
1765
2262
  }
1766
2263
  }
1767
- @media (min-width: 768px) {
2264
+ @media (min-width: 992px) {
1768
2265
  .qc-col-md {
1769
2266
  flex-basis: 0;
1770
2267
  flex-grow: 1;
@@ -1929,7 +2426,7 @@ hr {
1929
2426
  margin-left: 91.66666667%;
1930
2427
  }
1931
2428
  }
1932
- @media (min-width: 992px) {
2429
+ @media (min-width: 1200px) {
1933
2430
  .qc-col-lg {
1934
2431
  flex-basis: 0;
1935
2432
  flex-grow: 1;
@@ -2093,169 +2590,4 @@ hr {
2093
2590
  .qc-offset-lg-11 {
2094
2591
  margin-left: 91.66666667%;
2095
2592
  }
2096
- }
2097
- @media (min-width: 1200px) {
2098
- .qc-col-xl {
2099
- flex-basis: 0;
2100
- flex-grow: 1;
2101
- max-width: 100%;
2102
- }
2103
- .qc-row-cols-xl-1 > * {
2104
- flex: 0 0 100%;
2105
- max-width: 100%;
2106
- }
2107
- .qc-row-cols-xl-2 > * {
2108
- flex: 0 0 50%;
2109
- max-width: 50%;
2110
- }
2111
- .qc-row-cols-xl-3 > * {
2112
- flex: 0 0 33.3333333333%;
2113
- max-width: 33.3333333333%;
2114
- }
2115
- .qc-row-cols-xl-4 > * {
2116
- flex: 0 0 25%;
2117
- max-width: 25%;
2118
- }
2119
- .qc-row-cols-xl-5 > * {
2120
- flex: 0 0 20%;
2121
- max-width: 20%;
2122
- }
2123
- .qc-row-cols-xl-6 > * {
2124
- flex: 0 0 16.6666666667%;
2125
- max-width: 16.6666666667%;
2126
- }
2127
- .qc-col-xl-auto {
2128
- flex: 0 0 auto;
2129
- width: auto;
2130
- max-width: 100%;
2131
- }
2132
- .qc-col-xl-1 {
2133
- flex: 0 0 8.33333333%;
2134
- max-width: 8.33333333%;
2135
- }
2136
- .qc-col-xl-2 {
2137
- flex: 0 0 16.66666667%;
2138
- max-width: 16.66666667%;
2139
- }
2140
- .qc-col-xl-3 {
2141
- flex: 0 0 25%;
2142
- max-width: 25%;
2143
- }
2144
- .qc-col-xl-4 {
2145
- flex: 0 0 33.33333333%;
2146
- max-width: 33.33333333%;
2147
- }
2148
- .qc-col-xl-5 {
2149
- flex: 0 0 41.66666667%;
2150
- max-width: 41.66666667%;
2151
- }
2152
- .qc-col-xl-6 {
2153
- flex: 0 0 50%;
2154
- max-width: 50%;
2155
- }
2156
- .qc-col-xl-7 {
2157
- flex: 0 0 58.33333333%;
2158
- max-width: 58.33333333%;
2159
- }
2160
- .qc-col-xl-8 {
2161
- flex: 0 0 66.66666667%;
2162
- max-width: 66.66666667%;
2163
- }
2164
- .qc-col-xl-9 {
2165
- flex: 0 0 75%;
2166
- max-width: 75%;
2167
- }
2168
- .qc-col-xl-10 {
2169
- flex: 0 0 83.33333333%;
2170
- max-width: 83.33333333%;
2171
- }
2172
- .qc-col-xl-11 {
2173
- flex: 0 0 91.66666667%;
2174
- max-width: 91.66666667%;
2175
- }
2176
- .qc-col-xl-12 {
2177
- flex: 0 0 100%;
2178
- max-width: 100%;
2179
- }
2180
- .qc-order-xl-first {
2181
- order: -1;
2182
- }
2183
- .qc-order-xl-last {
2184
- order: 13;
2185
- }
2186
- .qc-order-xl-0 {
2187
- order: 0;
2188
- }
2189
- .qc-order-xl-1 {
2190
- order: 1;
2191
- }
2192
- .qc-order-xl-2 {
2193
- order: 2;
2194
- }
2195
- .qc-order-xl-3 {
2196
- order: 3;
2197
- }
2198
- .qc-order-xl-4 {
2199
- order: 4;
2200
- }
2201
- .qc-order-xl-5 {
2202
- order: 5;
2203
- }
2204
- .qc-order-xl-6 {
2205
- order: 6;
2206
- }
2207
- .qc-order-xl-7 {
2208
- order: 7;
2209
- }
2210
- .qc-order-xl-8 {
2211
- order: 8;
2212
- }
2213
- .qc-order-xl-9 {
2214
- order: 9;
2215
- }
2216
- .qc-order-xl-10 {
2217
- order: 10;
2218
- }
2219
- .qc-order-xl-11 {
2220
- order: 11;
2221
- }
2222
- .qc-order-xl-12 {
2223
- order: 12;
2224
- }
2225
- .qc-offset-xl-0 {
2226
- margin-left: 0;
2227
- }
2228
- .qc-offset-xl-1 {
2229
- margin-left: 8.33333333%;
2230
- }
2231
- .qc-offset-xl-2 {
2232
- margin-left: 16.66666667%;
2233
- }
2234
- .qc-offset-xl-3 {
2235
- margin-left: 25%;
2236
- }
2237
- .qc-offset-xl-4 {
2238
- margin-left: 33.33333333%;
2239
- }
2240
- .qc-offset-xl-5 {
2241
- margin-left: 41.66666667%;
2242
- }
2243
- .qc-offset-xl-6 {
2244
- margin-left: 50%;
2245
- }
2246
- .qc-offset-xl-7 {
2247
- margin-left: 58.33333333%;
2248
- }
2249
- .qc-offset-xl-8 {
2250
- margin-left: 66.66666667%;
2251
- }
2252
- .qc-offset-xl-9 {
2253
- margin-left: 75%;
2254
- }
2255
- .qc-offset-xl-10 {
2256
- margin-left: 83.33333333%;
2257
- }
2258
- .qc-offset-xl-11 {
2259
- margin-left: 91.66666667%;
2260
- }
2261
2593
  }