line-md 0.0.2 → 0.2.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 (270) hide show
  1. package/.editorconfig +13 -0
  2. package/.github/FUNDING.yml +1 -0
  3. package/.prettierrc +3 -3
  4. package/README.md +8 -26
  5. package/license.txt +0 -0
  6. package/line-md.json +699 -681
  7. package/package.json +30 -9
  8. package/svg/account-add.svg +1 -1
  9. package/svg/account-alert.svg +1 -1
  10. package/svg/account-delete.svg +1 -1
  11. package/svg/account-remove.svg +1 -1
  12. package/svg/account-small.svg +1 -1
  13. package/svg/account.svg +1 -1
  14. package/svg/alert-circle-twotone.svg +1 -1
  15. package/svg/alert-circle.svg +1 -1
  16. package/svg/alert-twotone.svg +1 -1
  17. package/svg/alert.svg +1 -1
  18. package/svg/align-center.svg +1 -1
  19. package/svg/align-justify.svg +1 -1
  20. package/svg/align-left.svg +1 -1
  21. package/svg/align-right.svg +1 -0
  22. package/svg/arrow-align-bottom.svg +1 -0
  23. package/svg/arrow-align-center.svg +1 -1
  24. package/svg/arrow-align-left.svg +1 -1
  25. package/svg/arrow-align-middle.svg +1 -0
  26. package/svg/arrow-align-right.svg +1 -0
  27. package/svg/arrow-align-top.svg +1 -0
  28. package/svg/arrow-close-down.svg +1 -0
  29. package/svg/arrow-close-left.svg +1 -1
  30. package/svg/arrow-close-right.svg +1 -0
  31. package/svg/arrow-close-up.svg +1 -0
  32. package/svg/arrow-down-circle-twotone.svg +1 -0
  33. package/svg/arrow-down-circle.svg +1 -0
  34. package/svg/arrow-down.svg +1 -0
  35. package/svg/arrow-left-circle-twotone.svg +1 -1
  36. package/svg/arrow-left-circle.svg +1 -1
  37. package/svg/arrow-left.svg +1 -1
  38. package/svg/arrow-long-diagonal-rotated.svg +1 -0
  39. package/svg/arrow-long-diagonal.svg +1 -1
  40. package/svg/arrow-open-down.svg +1 -0
  41. package/svg/arrow-open-left.svg +1 -1
  42. package/svg/arrow-open-right.svg +1 -0
  43. package/svg/arrow-open-up.svg +1 -0
  44. package/svg/arrow-right-circle-twotone.svg +1 -0
  45. package/svg/arrow-right-circle.svg +1 -0
  46. package/svg/arrow-right.svg +1 -0
  47. package/svg/arrow-small-down.svg +1 -0
  48. package/svg/arrow-small-left.svg +1 -1
  49. package/svg/arrow-small-right.svg +1 -0
  50. package/svg/arrow-small-up.svg +1 -0
  51. package/svg/arrow-up-circle-twotone.svg +1 -0
  52. package/svg/arrow-up-circle.svg +1 -0
  53. package/svg/arrow-up.svg +1 -0
  54. package/svg/arrows-diagonal-rotated.svg +1 -0
  55. package/svg/arrows-diagonal.svg +1 -1
  56. package/svg/arrows-horizontal-alt.svg +1 -1
  57. package/svg/arrows-horizontal.svg +1 -1
  58. package/svg/arrows-vertical-alt.svg +1 -0
  59. package/svg/arrows-vertical.svg +1 -0
  60. package/svg/bell-twotone.svg +1 -1
  61. package/svg/bell.svg +1 -1
  62. package/svg/calendar-out.svg +1 -0
  63. package/svg/calendar.svg +1 -0
  64. package/svg/cancel-twotone.svg +1 -1
  65. package/svg/cancel.svg +1 -1
  66. package/svg/check-list-3-solid.svg +1 -0
  67. package/svg/check-list-3-twotone.svg +1 -0
  68. package/svg/check-list-3.svg +1 -0
  69. package/svg/chevron-double-down.svg +1 -0
  70. package/svg/chevron-double-left.svg +1 -1
  71. package/svg/chevron-double-right.svg +1 -0
  72. package/svg/chevron-double-up.svg +1 -0
  73. package/svg/chevron-down-circle-twotone.svg +1 -0
  74. package/svg/chevron-down-circle.svg +1 -0
  75. package/svg/chevron-down.svg +1 -0
  76. package/svg/chevron-left-circle-twotone.svg +1 -1
  77. package/svg/chevron-left-circle.svg +1 -1
  78. package/svg/chevron-left.svg +1 -1
  79. package/svg/chevron-right-circle-twotone.svg +1 -0
  80. package/svg/chevron-right-circle.svg +1 -0
  81. package/svg/chevron-right.svg +1 -0
  82. package/svg/chevron-small-double-down.svg +1 -0
  83. package/svg/chevron-small-double-left.svg +1 -1
  84. package/svg/chevron-small-double-right.svg +1 -0
  85. package/svg/chevron-small-double-up.svg +1 -0
  86. package/svg/chevron-small-down.svg +1 -0
  87. package/svg/chevron-small-left.svg +1 -1
  88. package/svg/chevron-small-right.svg +1 -0
  89. package/svg/chevron-small-triple-down.svg +1 -0
  90. package/svg/chevron-small-triple-left.svg +1 -1
  91. package/svg/chevron-small-triple-right.svg +1 -0
  92. package/svg/chevron-small-triple-up.svg +1 -0
  93. package/svg/chevron-small-up.svg +1 -0
  94. package/svg/chevron-triple-down.svg +1 -0
  95. package/svg/chevron-triple-left.svg +1 -1
  96. package/svg/chevron-triple-right.svg +1 -0
  97. package/svg/chevron-triple-up.svg +1 -0
  98. package/svg/chevron-up-circle-twotone.svg +1 -0
  99. package/svg/chevron-up-circle.svg +1 -0
  100. package/svg/chevron-up.svg +1 -0
  101. package/svg/circle-twotone.svg +1 -1
  102. package/svg/circle.svg +1 -1
  103. package/svg/clipboard-arrow-twotone.svg +1 -1
  104. package/svg/clipboard-arrow.svg +1 -1
  105. package/svg/clipboard-check-twotone.svg +1 -1
  106. package/svg/clipboard-check.svg +1 -1
  107. package/svg/clipboard-list-twotone.svg +1 -1
  108. package/svg/clipboard-list.svg +1 -1
  109. package/svg/clipboard-minus-twotone.svg +1 -1
  110. package/svg/clipboard-minus.svg +1 -1
  111. package/svg/clipboard-plus-twotone.svg +1 -1
  112. package/svg/clipboard-plus.svg +1 -1
  113. package/svg/clipboard-twotone.svg +1 -1
  114. package/svg/clipboard.svg +1 -1
  115. package/svg/close-circle-twotone.svg +1 -1
  116. package/svg/close-circle.svg +1 -1
  117. package/svg/close.svg +1 -1
  118. package/svg/cloud-down-twotone.svg +1 -1
  119. package/svg/cloud-down.svg +1 -1
  120. package/svg/cloud-filled.svg +1 -1
  121. package/svg/cloud-twotone.svg +1 -1
  122. package/svg/cloud-up-twotone.svg +1 -1
  123. package/svg/cloud-up.svg +1 -1
  124. package/svg/cloud.svg +1 -1
  125. package/svg/computer-twotone.svg +1 -1
  126. package/svg/computer.svg +1 -1
  127. package/svg/confirm-circle-twotone.svg +1 -1
  128. package/svg/confirm-circle.svg +1 -1
  129. package/svg/confirm.svg +1 -1
  130. package/svg/construction-twotone.svg +1 -1
  131. package/svg/construction.svg +1 -1
  132. package/svg/discord-twotone.svg +1 -0
  133. package/svg/discord.svg +1 -0
  134. package/svg/document-add-twotone.svg +1 -1
  135. package/svg/document-add.svg +1 -1
  136. package/svg/document-code-twotone.svg +1 -1
  137. package/svg/document-code.svg +1 -1
  138. package/svg/document-list-twotone.svg +1 -1
  139. package/svg/document-list.svg +1 -1
  140. package/svg/document-remove-twotone.svg +1 -1
  141. package/svg/document-remove.svg +1 -1
  142. package/svg/document-report-twotone.svg +1 -1
  143. package/svg/document-report.svg +1 -1
  144. package/svg/document-twotone.svg +1 -1
  145. package/svg/document.svg +1 -1
  146. package/svg/double-arrow-horizontal.svg +1 -1
  147. package/svg/double-arrow-vertical.svg +1 -0
  148. package/svg/edit-twotone-full.svg +1 -1
  149. package/svg/edit-twotone.svg +1 -1
  150. package/svg/edit.svg +1 -1
  151. package/svg/email-opened-twotone-alt.svg +1 -1
  152. package/svg/email-opened-twotone.svg +1 -1
  153. package/svg/email-opened.svg +1 -1
  154. package/svg/email-twotone-alt.svg +1 -1
  155. package/svg/email-twotone.svg +1 -1
  156. package/svg/email.svg +1 -1
  157. package/svg/emoji-angry-twotone.svg +1 -1
  158. package/svg/emoji-angry.svg +1 -1
  159. package/svg/emoji-frown-open-twotone.svg +1 -1
  160. package/svg/emoji-frown-open.svg +1 -1
  161. package/svg/emoji-frown-twotone.svg +1 -1
  162. package/svg/emoji-frown.svg +1 -1
  163. package/svg/emoji-grin-twotone.svg +1 -1
  164. package/svg/emoji-grin.svg +1 -1
  165. package/svg/emoji-neutral-twotone.svg +1 -1
  166. package/svg/emoji-neutral.svg +1 -1
  167. package/svg/emoji-smile-twotone.svg +1 -1
  168. package/svg/emoji-smile-wink-twotone.svg +1 -1
  169. package/svg/emoji-smile-wink.svg +1 -1
  170. package/svg/emoji-smile.svg +1 -1
  171. package/svg/external-link-rounded.svg +1 -1
  172. package/svg/external-link.svg +1 -1
  173. package/svg/facebook.svg +1 -1
  174. package/svg/github-loop.svg +1 -0
  175. package/svg/github-twotone.svg +1 -1
  176. package/svg/github.svg +1 -1
  177. package/svg/grid-3-solid.svg +1 -1
  178. package/svg/grid-3-twotone.svg +1 -1
  179. package/svg/grid-3.svg +1 -1
  180. package/svg/hash-small.svg +1 -1
  181. package/svg/hash.svg +1 -1
  182. package/svg/heart-filled-half.svg +1 -1
  183. package/svg/heart-filled.svg +1 -1
  184. package/svg/heart-half-filled.svg +1 -1
  185. package/svg/heart-half-twotone.svg +1 -1
  186. package/svg/heart-half.svg +1 -1
  187. package/svg/heart-twotone-half-filled.svg +1 -1
  188. package/svg/heart-twotone-half.svg +1 -1
  189. package/svg/heart-twotone.svg +1 -1
  190. package/svg/heart.svg +1 -1
  191. package/svg/home-md-twotone-alt.svg +1 -1
  192. package/svg/home-md-twotone.svg +1 -1
  193. package/svg/home-md.svg +1 -1
  194. package/svg/home-simple-filled.svg +1 -1
  195. package/svg/home-simple-twotone.svg +1 -1
  196. package/svg/home-simple.svg +1 -1
  197. package/svg/home-twotone-alt.svg +1 -1
  198. package/svg/home-twotone.svg +1 -1
  199. package/svg/home.svg +1 -1
  200. package/svg/iconify1.svg +1 -1
  201. package/svg/image-twotone.svg +1 -1
  202. package/svg/image.svg +1 -1
  203. package/svg/laptop-twotone.svg +1 -1
  204. package/svg/laptop.svg +1 -1
  205. package/svg/linkedin.svg +1 -1
  206. package/svg/list-3-solid.svg +1 -1
  207. package/svg/list-3-twotone.svg +1 -1
  208. package/svg/list-3.svg +1 -1
  209. package/svg/list-indented.svg +1 -1
  210. package/svg/list.svg +1 -1
  211. package/svg/marker-filled.svg +1 -1
  212. package/svg/marker-twotone.svg +1 -1
  213. package/svg/marker.svg +1 -1
  214. package/svg/menu-fold-left.svg +1 -1
  215. package/svg/menu-fold-right.svg +1 -0
  216. package/svg/menu-unfold-left.svg +1 -1
  217. package/svg/menu-unfold-right.svg +1 -0
  218. package/svg/menu.svg +1 -1
  219. package/svg/minus-circle-twotone.svg +1 -1
  220. package/svg/minus-circle.svg +1 -1
  221. package/svg/minus.svg +1 -1
  222. package/svg/navigation-left-down.svg +1 -0
  223. package/svg/navigation-left-up.svg +1 -1
  224. package/svg/navigation-right-down.svg +1 -0
  225. package/svg/navigation-right-up.svg +1 -0
  226. package/svg/paint-drop-filled.svg +1 -1
  227. package/svg/paint-drop-half-filled-twotone.svg +1 -1
  228. package/svg/paint-drop-half-filled.svg +1 -1
  229. package/svg/paint-drop-half-twotone.svg +1 -1
  230. package/svg/paint-drop-twotone.svg +1 -1
  231. package/svg/paint-drop.svg +1 -1
  232. package/svg/pencil-twotone-alt.svg +1 -1
  233. package/svg/pencil-twotone.svg +1 -1
  234. package/svg/pencil.svg +1 -1
  235. package/svg/plus-circle-twotone.svg +1 -1
  236. package/svg/plus-circle.svg +1 -1
  237. package/svg/plus.svg +1 -1
  238. package/svg/question-circle-twotone.svg +1 -1
  239. package/svg/question-circle.svg +1 -1
  240. package/svg/question.svg +1 -1
  241. package/svg/remove.svg +1 -1
  242. package/svg/rotate-180.svg +1 -1
  243. package/svg/rotate-270.svg +1 -1
  244. package/svg/rotate-90.svg +1 -1
  245. package/svg/search-filled.svg +1 -1
  246. package/svg/search-twotone.svg +1 -1
  247. package/svg/search.svg +1 -1
  248. package/svg/thumbs-down-twotone.svg +1 -1
  249. package/svg/thumbs-down.svg +1 -1
  250. package/svg/thumbs-up-twotone.svg +1 -1
  251. package/svg/thumbs-up.svg +1 -1
  252. package/svg/twitter-twotone.svg +1 -1
  253. package/svg/twitter.svg +1 -1
  254. package/svg/valign-baseline-twotone.svg +1 -0
  255. package/svg/valign-baseline.svg +1 -0
  256. package/svg/valign-bottom-twotone.svg +1 -0
  257. package/svg/valign-bottom.svg +1 -0
  258. package/svg/valign-middle-twotone.svg +1 -0
  259. package/svg/valign-middle.svg +1 -0
  260. package/svg/valign-top-twotone.svg +1 -0
  261. package/svg/valign-top.svg +1 -0
  262. package/export.js +0 -17
  263. package/icon-finder/iconify.min.js +0 -13
  264. package/icon-finder/iconify2.css +0 -2409
  265. package/icon-finder/iconify2.js +0 -19167
  266. package/icon-finder/iconify2.js.map +0 -1
  267. package/icon-finder/iconify2.min.js +0 -1
  268. package/index.html +0 -67
  269. package/line-md.css +0 -46
  270. package/svg/iconify2.svg +0 -1
@@ -1,2409 +0,0 @@
1
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2
- /* Document
3
- ========================================================================== */
4
- /**
5
- * 1. Correct the line height in all browsers.
6
- * 2. Prevent adjustments of font size after orientation changes in iOS.
7
- */
8
- html {
9
- line-height: 1.15;
10
- /* 1 */
11
- -webkit-text-size-adjust: 100%;
12
- /* 2 */
13
- }
14
-
15
- /* Sections
16
- ========================================================================== */
17
- /**
18
- * Remove the margin in all browsers.
19
- */
20
- body {
21
- margin: 0;
22
- }
23
-
24
- /**
25
- * Render the `main` element consistently in IE.
26
- */
27
- main {
28
- display: block;
29
- }
30
-
31
- /**
32
- * Correct the font size and margin on `h1` elements within `section` and
33
- * `article` contexts in Chrome, Firefox, and Safari.
34
- */
35
- h1 {
36
- font-size: 2em;
37
- margin: 0.67em 0;
38
- }
39
-
40
- /* Grouping content
41
- ========================================================================== */
42
- /**
43
- * 1. Add the correct box sizing in Firefox.
44
- * 2. Show the overflow in Edge and IE.
45
- */
46
- hr {
47
- box-sizing: content-box;
48
- /* 1 */
49
- height: 0;
50
- /* 1 */
51
- overflow: visible;
52
- /* 2 */
53
- }
54
-
55
- /**
56
- * 1. Correct the inheritance and scaling of font size in all browsers.
57
- * 2. Correct the odd `em` font sizing in all browsers.
58
- */
59
- pre {
60
- font-family: monospace, monospace;
61
- /* 1 */
62
- font-size: 1em;
63
- /* 2 */
64
- }
65
-
66
- /* Text-level semantics
67
- ========================================================================== */
68
- /**
69
- * Remove the gray background on active links in IE 10.
70
- */
71
- a {
72
- background-color: transparent;
73
- }
74
-
75
- /**
76
- * 1. Remove the bottom border in Chrome 57-
77
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
78
- */
79
- abbr[title] {
80
- border-bottom: none;
81
- /* 1 */
82
- text-decoration: underline;
83
- /* 2 */
84
- text-decoration: underline dotted;
85
- /* 2 */
86
- }
87
-
88
- /**
89
- * Add the correct font weight in Chrome, Edge, and Safari.
90
- */
91
- b,
92
- strong {
93
- font-weight: bolder;
94
- }
95
-
96
- /**
97
- * 1. Correct the inheritance and scaling of font size in all browsers.
98
- * 2. Correct the odd `em` font sizing in all browsers.
99
- */
100
- code,
101
- kbd,
102
- samp {
103
- font-family: monospace, monospace;
104
- /* 1 */
105
- font-size: 1em;
106
- /* 2 */
107
- }
108
-
109
- /**
110
- * Add the correct font size in all browsers.
111
- */
112
- small {
113
- font-size: 80%;
114
- }
115
-
116
- /**
117
- * Prevent `sub` and `sup` elements from affecting the line height in
118
- * all browsers.
119
- */
120
- sub,
121
- sup {
122
- font-size: 75%;
123
- line-height: 0;
124
- position: relative;
125
- vertical-align: baseline;
126
- }
127
-
128
- sub {
129
- bottom: -0.25em;
130
- }
131
-
132
- sup {
133
- top: -0.5em;
134
- }
135
-
136
- /* Embedded content
137
- ========================================================================== */
138
- /**
139
- * Remove the border on images inside links in IE 10.
140
- */
141
- img {
142
- border-style: none;
143
- }
144
-
145
- /* Forms
146
- ========================================================================== */
147
- /**
148
- * 1. Change the font styles in all browsers.
149
- * 2. Remove the margin in Firefox and Safari.
150
- */
151
- button,
152
- input,
153
- optgroup,
154
- select,
155
- textarea {
156
- font-family: inherit;
157
- /* 1 */
158
- font-size: 100%;
159
- /* 1 */
160
- line-height: 1.15;
161
- /* 1 */
162
- margin: 0;
163
- /* 2 */
164
- }
165
-
166
- /**
167
- * Show the overflow in IE.
168
- * 1. Show the overflow in Edge.
169
- */
170
- button,
171
- input {
172
- /* 1 */
173
- overflow: visible;
174
- }
175
-
176
- /**
177
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
178
- * 1. Remove the inheritance of text transform in Firefox.
179
- */
180
- button,
181
- select {
182
- /* 1 */
183
- text-transform: none;
184
- }
185
-
186
- /**
187
- * Correct the inability to style clickable types in iOS and Safari.
188
- */
189
- button,
190
- [type="button"],
191
- [type="reset"],
192
- [type="submit"] {
193
- -webkit-appearance: button;
194
- }
195
-
196
- /**
197
- * Remove the inner border and padding in Firefox.
198
- */
199
- button::-moz-focus-inner,
200
- [type="button"]::-moz-focus-inner,
201
- [type="reset"]::-moz-focus-inner,
202
- [type="submit"]::-moz-focus-inner {
203
- border-style: none;
204
- padding: 0;
205
- }
206
-
207
- /**
208
- * Restore the focus styles unset by the previous rule.
209
- */
210
- button:-moz-focusring,
211
- [type="button"]:-moz-focusring,
212
- [type="reset"]:-moz-focusring,
213
- [type="submit"]:-moz-focusring {
214
- outline: 1px dotted ButtonText;
215
- }
216
-
217
- /**
218
- * Correct the padding in Firefox.
219
- */
220
- fieldset {
221
- padding: 0.35em 0.75em 0.625em;
222
- }
223
-
224
- /**
225
- * 1. Correct the text wrapping in Edge and IE.
226
- * 2. Correct the color inheritance from `fieldset` elements in IE.
227
- * 3. Remove the padding so developers are not caught out when they zero out
228
- * `fieldset` elements in all browsers.
229
- */
230
- legend {
231
- box-sizing: border-box;
232
- /* 1 */
233
- color: inherit;
234
- /* 2 */
235
- display: table;
236
- /* 1 */
237
- max-width: 100%;
238
- /* 1 */
239
- padding: 0;
240
- /* 3 */
241
- white-space: normal;
242
- /* 1 */
243
- }
244
-
245
- /**
246
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
247
- */
248
- progress {
249
- vertical-align: baseline;
250
- }
251
-
252
- /**
253
- * Remove the default vertical scrollbar in IE 10+.
254
- */
255
- textarea {
256
- overflow: auto;
257
- }
258
-
259
- /**
260
- * 1. Add the correct box sizing in IE 10.
261
- * 2. Remove the padding in IE 10.
262
- */
263
- [type="checkbox"],
264
- [type="radio"] {
265
- box-sizing: border-box;
266
- /* 1 */
267
- padding: 0;
268
- /* 2 */
269
- }
270
-
271
- /**
272
- * Correct the cursor style of increment and decrement buttons in Chrome.
273
- */
274
- [type="number"]::-webkit-inner-spin-button,
275
- [type="number"]::-webkit-outer-spin-button {
276
- height: auto;
277
- }
278
-
279
- /**
280
- * 1. Correct the odd appearance in Chrome and Safari.
281
- * 2. Correct the outline style in Safari.
282
- */
283
- [type="search"] {
284
- -webkit-appearance: textfield;
285
- /* 1 */
286
- outline-offset: -2px;
287
- /* 2 */
288
- }
289
-
290
- /**
291
- * Remove the inner padding in Chrome and Safari on macOS.
292
- */
293
- [type="search"]::-webkit-search-decoration {
294
- -webkit-appearance: none;
295
- }
296
-
297
- /**
298
- * 1. Correct the inability to style clickable types in iOS and Safari.
299
- * 2. Change font properties to `inherit` in Safari.
300
- */
301
- ::-webkit-file-upload-button {
302
- -webkit-appearance: button;
303
- /* 1 */
304
- font: inherit;
305
- /* 2 */
306
- }
307
-
308
- /* Interactive
309
- ========================================================================== */
310
- /*
311
- * Add the correct display in Edge, IE 10+, and Firefox.
312
- */
313
- details {
314
- display: block;
315
- }
316
-
317
- /*
318
- * Add the correct display in all browsers.
319
- */
320
- summary {
321
- display: list-item;
322
- }
323
-
324
- /* Misc
325
- ========================================================================== */
326
- /**
327
- * Add the correct display in IE 10+.
328
- */
329
- template {
330
- display: none;
331
- }
332
-
333
- /**
334
- * Add the correct display in IE 10.
335
- */
336
- [hidden] {
337
- display: none;
338
- }
339
-
340
- /*
341
- Inputs and form buttons
342
- */
343
- /*
344
- Search form input and button
345
- */
346
- /*
347
- Filters
348
- */
349
- /*
350
- Collections list
351
- */
352
- /*
353
- Error
354
- */
355
- /*
356
- Parent block
357
- */
358
- /*
359
- Icon button
360
- */
361
- /*
362
- Icons container
363
- */
364
- /*
365
- Icons grid
366
- */
367
- /*
368
- Icons list
369
- */
370
- /*
371
- Pagination
372
- */
373
- /*
374
- Footer
375
- */
376
- .iif-wrapper {
377
- letter-spacing: normal;
378
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
379
- font-weight: 400;
380
- font-size: 16px;
381
- line-height: 24px;
382
- }
383
-
384
- .iif-content {
385
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
386
- font-size: 16px;
387
- line-height: 24px;
388
- font-weight: 400;
389
- color: #313131;
390
- background: #f2f2f2;
391
- padding: 16px;
392
- }
393
-
394
- .iif-content a {
395
- color: #1769aa;
396
- text-decoration: none;
397
- }
398
-
399
- .iif-content a:hover, .iif-content a:focus {
400
- color: #ba3329;
401
- text-decoration: none;
402
- }
403
-
404
- .iif-content a:focus {
405
- outline: none;
406
- }
407
-
408
- .iif-content a:focus:not(:hover) {
409
- text-decoration: underline;
410
- box-shadow: 0 0 0 2px #b0dafb;
411
- }
412
-
413
- .iif-form-button {
414
- cursor: pointer;
415
- white-space: nowrap;
416
- display: inline-block;
417
- flex-shrink: 0;
418
- position: relative;
419
- font-size: 16px;
420
- line-height: 24px;
421
- height: 36px;
422
- margin: 0 0 0 8px;
423
- padding: 4px 16px;
424
- color: #626262;
425
- background: #ffffff;
426
- border: 2px solid #e4e4e4;
427
- border-radius: 5px;
428
- text-decoration: none;
429
- outline: none;
430
- }
431
-
432
- .iif-form-button--secondary {
433
- color: #959595;
434
- background: #f8f8f8;
435
- border-color: #e4e4e4;
436
- }
437
-
438
- .iif-form-button--destructive {
439
- color: #ffffff;
440
- background: #ba3329;
441
- border-color: #ba3329;
442
- }
443
-
444
- .iif-form-button:hover {
445
- color: #ba3329;
446
- background: #ffffff;
447
- border-color: #cacaca;
448
- }
449
-
450
- .iif-form-button:focus {
451
- outline: none;
452
- }
453
-
454
- .iif-form-button:focus:not(:hover) {
455
- color: #1769aa;
456
- background: #ffffff;
457
- border-color: #b0dafb;
458
- }
459
-
460
- .iif-form-button:disabled {
461
- cursor: inherit;
462
- color: #959595;
463
- background: #f8f8f8;
464
- border-color: #f8f8f8;
465
- }
466
-
467
- .iif-form-button--with-icon {
468
- padding-left: 40px;
469
- }
470
-
471
- .iif-form-button svg {
472
- position: absolute;
473
- font-size: 24px;
474
- left: 8px;
475
- top: 50%;
476
- margin-top: -12px;
477
- opacity: 0.5;
478
- }
479
-
480
- .iif-form-button:hover svg {
481
- opacity: 1;
482
- }
483
-
484
- .iif-block--search .iif-form-button {
485
- font-size: 18px;
486
- line-height: 26px;
487
- height: 44px;
488
- margin: 0 0 0 8px;
489
- padding: 7px 16px;
490
- }
491
-
492
- .iif-icon-button {
493
- width: 24px;
494
- height: 24px;
495
- margin: 0;
496
- padding: 0px;
497
- color: #959595;
498
- background: transparent;
499
- border: 0 solid transparent;
500
- border-radius: 2px;
501
- line-height: 24px;
502
- box-sizing: border-box;
503
- cursor: pointer;
504
- }
505
-
506
- .iif-icon-button:hover, .iif-icon-button:active {
507
- color: #ba3329;
508
- background-color: transparent;
509
- }
510
-
511
- .iif-icon-button:focus {
512
- outline: none;
513
- }
514
-
515
- .iif-icon-button:focus:not(:hover) {
516
- box-shadow: 0 0 0 2px #b0dafb inset;
517
- }
518
-
519
- .iif-icon-button svg {
520
- display: block;
521
- font-size: 24px;
522
- }
523
-
524
- .iif-input-wrapper {
525
- position: relative;
526
- width: 100%;
527
- height: 36px;
528
- margin: 0;
529
- padding: 0;
530
- white-space: nowrap;
531
- box-sizing: border-box;
532
- }
533
-
534
- .iif-input {
535
- box-sizing: border-box;
536
- position: relative;
537
- width: 100%;
538
- min-width: 180px;
539
- height: 36px;
540
- margin: 0;
541
- padding: 0;
542
- color: #626262;
543
- border: 2px solid #e4e4e4;
544
- border-radius: 5px;
545
- background-color: #ffffff;
546
- outline: none;
547
- box-shadow: none;
548
- /*
549
- &:focus-within {
550
- .iif-input-placeholder {
551
- display: none;
552
- }
553
- }
554
- */
555
- }
556
-
557
- .iif-input--number {
558
- min-width: 120px;
559
- }
560
-
561
- .iif-input--color {
562
- min-width: 140px;
563
- }
564
-
565
- .iif-input .iif-input-icon {
566
- position: absolute;
567
- left: 4px;
568
- top: 4px;
569
- pointer-events: none;
570
- color: #cacaca;
571
- }
572
-
573
- .iif-input .iif-input-icon svg {
574
- display: block;
575
- font-size: 24px;
576
- width: 1em;
577
- }
578
-
579
- .iif-input:hover {
580
- color: #626262;
581
- border-color: #cacaca;
582
- background-color: #ffffff;
583
- }
584
-
585
- .iif-input:hover .iif-input-icon {
586
- color: #cacaca;
587
- }
588
-
589
- .iif-input:focus-within {
590
- color: #626262;
591
- border-color: #b0dafb;
592
- background-color: #ffffff;
593
- }
594
-
595
- .iif-input:focus-within .iif-input-icon {
596
- color: #959595;
597
- }
598
-
599
- .iif-input .iif-input-placeholder {
600
- position: absolute;
601
- font-size: 16px;
602
- line-height: 24px;
603
- left: 10px;
604
- right: 10px;
605
- top: 4px;
606
- bottom: 4px;
607
- white-space: nowrap;
608
- overflow: hidden;
609
- text-overflow: ellipsis;
610
- color: #cacaca;
611
- pointer-events: none;
612
- }
613
-
614
- .iif-input .iif-input-placeholder:hover {
615
- display: none;
616
- }
617
-
618
- .iif-input .iif-input-reset {
619
- position: absolute;
620
- display: none;
621
- right: 4px;
622
- top: 4px;
623
- width: 24px;
624
- height: 24px;
625
- text-align: center;
626
- text-decoration: none;
627
- color: #1769aa;
628
- }
629
-
630
- .iif-input .iif-input-reset:hover {
631
- color: #ba3329;
632
- }
633
-
634
- .iif-input .iif-input-reset:focus {
635
- outline: none;
636
- color: #ba3329;
637
- }
638
-
639
- .iif-input .iif-input-reset:focus:not(:hover) {
640
- box-shadow: 0 0 0 2px #b0dafb;
641
- }
642
-
643
- .iif-input .iif-input-reset svg {
644
- display: block;
645
- font-size: 24px;
646
- width: 1em;
647
- margin: 0px;
648
- padding: 0;
649
- }
650
-
651
- .iif-input:hover .iif-input-reset, .iif-input:focus-within .iif-input-reset {
652
- display: block;
653
- }
654
-
655
- .iif-input input {
656
- position: absolute;
657
- box-sizing: border-box;
658
- width: 100%;
659
- font-size: 16px;
660
- line-height: 24px;
661
- left: 0;
662
- right: 0;
663
- top: 4px;
664
- bottom: 4px;
665
- margin: 0;
666
- padding: 0;
667
- padding-left: 10px;
668
- padding-right: 42px;
669
- background: none;
670
- border: none;
671
- box-shadow: none;
672
- outline: none;
673
- /*
674
- &:focus + .iif-input-placeholder {
675
- display: none;
676
- }
677
- */
678
- }
679
-
680
- .iif-input input::selection {
681
- color: #626262;
682
- background-color: #b0dafb;
683
- }
684
-
685
- .iif-input--with-icon input {
686
- padding-left: 32px;
687
- }
688
-
689
- .iif-input--with-icon .iif-input-placeholder {
690
- padding-left: 22px;
691
- }
692
-
693
- .iif-block--search .iif-input-wrapper,
694
- .iif-block--search .iif-input {
695
- height: 44px;
696
- }
697
-
698
- .iif-block--search .iif-input .iif-input-icon {
699
- left: 8px;
700
- top: 8px;
701
- }
702
-
703
- .iif-block--search .iif-input .iif-input-placeholder {
704
- font-size: 18px;
705
- line-height: 26px;
706
- top: 7px;
707
- bottom: 7px;
708
- }
709
-
710
- .iif-block--search .iif-input .iif-input-reset {
711
- right: 8px;
712
- top: 8px;
713
- }
714
-
715
- .iif-block--search .iif-input input {
716
- font-size: 18px;
717
- line-height: 26px;
718
- top: 7px;
719
- bottom: 7px;
720
- }
721
-
722
- .iif-block--search .iif-input--with-icon input {
723
- padding-left: 36px;
724
- }
725
-
726
- .iif-block--search .iif-input--with-icon .iif-input-placeholder {
727
- padding-left: 26px;
728
- }
729
-
730
- .iif-block--search-form {
731
- margin: 8px 0;
732
- display: flex;
733
- width: 100%;
734
- flex-direction: row;
735
- }
736
-
737
- .iif-option-button {
738
- cursor: pointer;
739
- white-space: nowrap;
740
- display: inline-block;
741
- position: relative;
742
- box-sizing: border-box;
743
- text-align: center;
744
- height: 36px;
745
- min-width: 36px;
746
- margin: 0;
747
- padding: 4px 8px;
748
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
749
- font-weight: 400;
750
- font-size: 16px;
751
- line-height: 24px;
752
- color: #626262;
753
- background: #ffffff;
754
- border: 2px solid #e4e4e4;
755
- border-radius: 5px;
756
- outline: none;
757
- }
758
-
759
- .iif-option-button--with-icon {
760
- padding-left: 38px;
761
- }
762
-
763
- .iif-option-button--with-icon span {
764
- color: #959595;
765
- }
766
-
767
- .iif-option-button--without-text {
768
- padding-right: 10px;
769
- }
770
-
771
- .iif-option-button:hover span, .iif-option-button:focus:not(:hover) span {
772
- color: inherit;
773
- }
774
-
775
- .iif-option-button:hover {
776
- color: #ba3329;
777
- background: #ffffff;
778
- border-color: #cacaca;
779
- }
780
-
781
- .iif-option-button:focus {
782
- outline: none;
783
- }
784
-
785
- .iif-option-button:focus:not(:hover) {
786
- color: #1769aa;
787
- background: #ffffff;
788
- border-color: #b0dafb;
789
- }
790
-
791
- .iif-option-button--checked {
792
- color: #ffffff;
793
- background: #1769aa;
794
- border-color: #1769aa;
795
- }
796
-
797
- .iif-option-button--checked span {
798
- color: inherit;
799
- }
800
-
801
- .iif-option-button--checked:hover {
802
- color: #ffffff;
803
- background: #ba3329;
804
- border-color: #ba3329;
805
- }
806
-
807
- .iif-option-button--checked:focus:not(:hover) {
808
- color: #ffffff;
809
- background: #1c7ecc;
810
- border-color: #1769aa;
811
- }
812
-
813
- .iif-option-button svg {
814
- position: absolute;
815
- left: 8px;
816
- top: 50%;
817
- font-size: 24px;
818
- line-height: 1em;
819
- margin-top: -0.5em;
820
- }
821
-
822
- .iif-option-button + .iif-option-button {
823
- margin-left: 8px;
824
- }
825
-
826
- .iif-block--add-form {
827
- margin: 16px 0;
828
- padding: 8px;
829
- border: 2px solid #e4e4e4;
830
- border-radius: 2px;
831
- background: #f8f8f8;
832
- }
833
-
834
- .iif-block--add-form-form {
835
- margin: 8px 0 0;
836
- display: flex;
837
- width: 100%;
838
- flex-direction: row;
839
- }
840
-
841
- .iif-block--add-form-status {
842
- margin: 8px 0 0;
843
- }
844
-
845
- .iif-block--add-form-invalid {
846
- margin: 8px 0 0;
847
- color: #626262;
848
- font-size: 14px;
849
- line-height: 22px;
850
- }
851
-
852
- .iif-block--collection-info {
853
- margin: 8px 0 16px;
854
- }
855
-
856
- .iif-block--collection-info .iif-collection-info-title {
857
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
858
- font-weight: 400;
859
- font-size: 22px;
860
- line-height: 32px;
861
- margin: 8px 0;
862
- color: #626262;
863
- }
864
-
865
- .iif-block--collection-info dl {
866
- display: flex;
867
- margin: 4px 0;
868
- padding: 0;
869
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
870
- font-weight: 400;
871
- font-size: 14px;
872
- line-height: 22px;
873
- }
874
-
875
- .iif-block--collection-info dt,
876
- .iif-block--collection-info dd {
877
- display: block;
878
- text-align: left;
879
- }
880
-
881
- .iif-block--collection-info dt {
882
- color: #626262;
883
- width: 160px;
884
- padding-right: 8px;
885
- }
886
-
887
- .iif-block--collection-info dd {
888
- color: #313131;
889
- flex-grow: 1;
890
- }
891
-
892
- .iif-block--collection-info a {
893
- color: #1769aa;
894
- text-decoration: none;
895
- }
896
-
897
- .iif-block--collection-info a:hover {
898
- color: #ba3329;
899
- text-decoration: underline;
900
- }
901
-
902
- .iif-block--collection-info a:focus {
903
- text-decoration: underline;
904
- outline: none;
905
- }
906
-
907
- .iif-collections-list-category {
908
- margin: 16px 0;
909
- }
910
-
911
- .iif-collections-list-category:after {
912
- content: ' ';
913
- display: table;
914
- clear: both;
915
- }
916
-
917
- .iif-collections-list-title {
918
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
919
- font-weight: 400;
920
- font-size: 22px;
921
- line-height: 32px;
922
- margin: 0 0 8px;
923
- color: #626262;
924
- }
925
-
926
- .iif-collections-list-items {
927
- list-style: none;
928
- margin: 0 -8px;
929
- padding: 0;
930
- }
931
-
932
- .iif-collection {
933
- float: left;
934
- min-width: 200px;
935
- max-width: 320px;
936
- margin: 8px;
937
- position: relative;
938
- padding: 8px 12px 8px 90px;
939
- background: #f8f8f8;
940
- }
941
-
942
- .iif-collection:hover {
943
- background: #ffffff;
944
- box-shadow: 0 0 0 2px #e4e4e4 inset;
945
- }
946
-
947
- .iif-collection--clickable {
948
- cursor: pointer;
949
- }
950
-
951
- @supports (display: flex) {
952
- .iif-collections-list-items {
953
- display: flex;
954
- flex-wrap: wrap;
955
- }
956
- .iif-collection {
957
- flex: auto;
958
- }
959
- }
960
-
961
- .iif-collection-text {
962
- text-align: right;
963
- white-space: nowrap;
964
- overflow: hidden;
965
- text-overflow: ellipsis;
966
- }
967
-
968
- .iif-collection-text > span,
969
- .iif-collection-text > a {
970
- display: block;
971
- margin: 0;
972
- padding: 0;
973
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
974
- font-weight: 400;
975
- font-size: 18px;
976
- line-height: 26px;
977
- line-height: 28px;
978
- height: 28px;
979
- }
980
-
981
- .iif-collection-text > span {
982
- color: #626262;
983
- }
984
-
985
- .iif-collection-text a {
986
- color: #026c9c;
987
- }
988
-
989
- .iif-collection-text a:hover {
990
- color: #ba3329;
991
- text-decoration: underline;
992
- }
993
-
994
- .iif-collection-text a:focus:not(:hover) {
995
- box-shadow: none;
996
- text-decoration: none;
997
- }
998
-
999
- .iif-collection-text > small {
1000
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1001
- font-weight: 400;
1002
- font-size: 14px;
1003
- line-height: 22px;
1004
- float: right;
1005
- margin: 0;
1006
- padding: 0;
1007
- line-height: 24px;
1008
- height: 24px;
1009
- color: #959595;
1010
- max-width: 192px;
1011
- }
1012
-
1013
- .iif-collection-text > small a {
1014
- color: inherit;
1015
- }
1016
-
1017
- .iif-collection-data {
1018
- position: absolute;
1019
- left: 0;
1020
- top: 0;
1021
- bottom: 0;
1022
- width: 82px;
1023
- color: #ffffff;
1024
- background: #026c9c;
1025
- border-right: 2px solid transparent;
1026
- }
1027
-
1028
- .iif-collection-data .iif-collection-samples {
1029
- box-sizing: content-box;
1030
- margin-right: -2px;
1031
- padding: 6px 4px;
1032
- height: 24px;
1033
- white-space: nowrap;
1034
- overflow: hidden;
1035
- font-size: 16px;
1036
- line-height: 24px;
1037
- text-align: center;
1038
- background: rgba(255, 255, 255, 0.1);
1039
- }
1040
-
1041
- .iif-collection-data .iif-collection-samples .iconify {
1042
- display: inline-block;
1043
- height: 24px;
1044
- margin: 0 3px;
1045
- vertical-align: -0.125em;
1046
- }
1047
-
1048
- .iif-collection-data .iif-collection-samples--18 {
1049
- font-size: 18px;
1050
- }
1051
-
1052
- .iif-collection-data .iif-collection-samples--18 .iconify {
1053
- margin: 0 2px;
1054
- }
1055
-
1056
- .iif-collection-data .iif-collection-samples--20 {
1057
- font-size: 20px;
1058
- }
1059
-
1060
- .iif-collection-data .iif-collection-samples--20 .iconify {
1061
- margin: 0 2px;
1062
- }
1063
-
1064
- .iif-collection-data .iif-collection-samples--21 {
1065
- font-size: 21px;
1066
- }
1067
-
1068
- .iif-collection-data .iif-collection-samples--21 .iconify {
1069
- margin: 0 1px;
1070
- vertical-align: -2px;
1071
- }
1072
-
1073
- .iif-collection-data .iif-collection-samples--24 {
1074
- font-size: 24px;
1075
- }
1076
-
1077
- .iif-collection-data .iif-collection-samples--24 .iconify {
1078
- margin: 0;
1079
- vertical-align: -4px;
1080
- }
1081
-
1082
- .iif-collection-data .iif-collection-samples--25 {
1083
- font-size: 25px;
1084
- margin-bottom: -1px;
1085
- }
1086
-
1087
- .iif-collection-data .iif-collection-samples--25 .iconify {
1088
- margin: 0 0 0 -1px;
1089
- vertical-align: -4px;
1090
- }
1091
-
1092
- .iif-collection-data .iif-collection-total {
1093
- position: absolute;
1094
- left: 6px;
1095
- bottom: 4px;
1096
- height: 24px;
1097
- }
1098
-
1099
- .iif-collection-data .iif-collection-total svg {
1100
- font-size: 24px;
1101
- line-height: 24px;
1102
- transform: rotate(360deg);
1103
- }
1104
-
1105
- .iif-collection-data .iif-collection-height {
1106
- position: absolute;
1107
- right: 6px;
1108
- bottom: 4px;
1109
- height: 24px;
1110
- }
1111
-
1112
- .iif-collection-data .iif-collection-height svg {
1113
- font-size: 24px;
1114
- line-height: 24px;
1115
- transform: rotate(360deg);
1116
- }
1117
-
1118
- .iif-collection--1 .iif-collection-text a {
1119
- color: #9826ab;
1120
- }
1121
-
1122
- .iif-collection--1 .iif-collection-data {
1123
- background: #9826ab;
1124
- }
1125
-
1126
- .iif-collection--2 .iif-collection-text a {
1127
- color: #007267;
1128
- }
1129
-
1130
- .iif-collection--2 .iif-collection-data {
1131
- background: #007267;
1132
- }
1133
-
1134
- .iif-collection--3 .iif-collection-text a {
1135
- color: #945800;
1136
- }
1137
-
1138
- .iif-collection--3 .iif-collection-data {
1139
- background: #945800;
1140
- }
1141
-
1142
- .iif-collection--4 .iif-collection-text a {
1143
- color: #506874;
1144
- }
1145
-
1146
- .iif-collection--4 .iif-collection-data {
1147
- background: #506874;
1148
- }
1149
-
1150
- .iif-collection--5 .iif-collection-text a {
1151
- color: #327335;
1152
- }
1153
-
1154
- .iif-collection--5 .iif-collection-data {
1155
- background: #327335;
1156
- }
1157
-
1158
- .iif-collection--6 .iif-collection-text a {
1159
- color: #3d4faf;
1160
- }
1161
-
1162
- .iif-collection--6 .iif-collection-data {
1163
- background: #3d4faf;
1164
- }
1165
-
1166
- .iif-collection--7 .iif-collection-text a {
1167
- color: #735145;
1168
- }
1169
-
1170
- .iif-collection--7 .iif-collection-data {
1171
- background: #735145;
1172
- }
1173
-
1174
- .iif-collection--8 .iif-collection-text a {
1175
- color: #6639b5;
1176
- }
1177
-
1178
- .iif-collection--8 .iif-collection-data {
1179
- background: #6639b5;
1180
- }
1181
-
1182
- .iif-collection--9 .iif-collection-text a {
1183
- color: #c41953;
1184
- }
1185
-
1186
- .iif-collection--9 .iif-collection-data {
1187
- background: #c41953;
1188
- }
1189
-
1190
- .iif-collection--10 .iif-collection-text a {
1191
- color: #00717f;
1192
- }
1193
-
1194
- .iif-collection--10 .iif-collection-data {
1195
- background: #00717f;
1196
- }
1197
-
1198
- .iif-collection--11 .iif-collection-text a {
1199
- color: #50702a;
1200
- }
1201
-
1202
- .iif-collection--11 .iif-collection-data {
1203
- background: #50702a;
1204
- }
1205
-
1206
- .iif-collection--12 .iif-collection-text a {
1207
- color: #ba3329;
1208
- }
1209
-
1210
- .iif-collection--12 .iif-collection-data {
1211
- background: #ba3329;
1212
- }
1213
-
1214
- .iif-collection--clickable:hover .iif-collection-text > a:hover {
1215
- text-decoration: none;
1216
- }
1217
-
1218
- .iif-collection:hover, .iif-collection:focus-within {
1219
- background: #ffffff;
1220
- box-shadow: 0 0 0 2px #e4e4e4 inset;
1221
- }
1222
-
1223
- .iif-collection:hover .iif-collection-text > a,
1224
- .iif-collection:hover .iif-collection-text > span, .iif-collection:focus-within .iif-collection-text > a,
1225
- .iif-collection:focus-within .iif-collection-text > span {
1226
- color: #ba3329;
1227
- }
1228
-
1229
- .iif-collection:hover .iif-collection-data, .iif-collection:focus-within .iif-collection-data {
1230
- background: transparent;
1231
- color: #626262;
1232
- border-right-color: #e4e4e4;
1233
- }
1234
-
1235
- .iif-collection:hover .iif-collection-data .iif-collection-samples, .iif-collection:focus-within .iif-collection-data .iif-collection-samples {
1236
- background-color: transparent;
1237
- }
1238
-
1239
- .iif-collection:hover .iif-collection-data .iif-collection-samples svg:hover, .iif-collection:focus-within .iif-collection-data .iif-collection-samples svg:hover {
1240
- color: #ba3329;
1241
- }
1242
-
1243
- .iif-collection:focus-within:not(:hover) {
1244
- box-shadow: 0 0 0 2px #b0dafb inset;
1245
- }
1246
-
1247
- .iif-collection:focus-within:not(:hover) .iif-collection-data {
1248
- border-right-color: #b0dafb;
1249
- }
1250
-
1251
- .iif-content-error {
1252
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1253
- font-weight: 400;
1254
- font-size: 22px;
1255
- line-height: 32px;
1256
- margin: 16px 0;
1257
- padding: 8px 16px;
1258
- color: #ffffff;
1259
- background: #ba3329;
1260
- border-radius: 5px;
1261
- box-shadow: 0 5px 17px rgba(0, 0, 0, 0.2), 0 2px 7px rgba(0, 0, 0, 0.15);
1262
- }
1263
-
1264
- .iif-block--filters {
1265
- margin: 8px 0;
1266
- padding: 0;
1267
- max-height: 164px;
1268
- /* 3 rows + a bit of 4th row */
1269
- overflow-y: auto;
1270
- transition: max-height 0.3s ease;
1271
- }
1272
-
1273
- .iif-block--filters .iif-filters-header {
1274
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1275
- font-weight: 400;
1276
- font-size: 16px;
1277
- line-height: 24px;
1278
- margin: 8px 0;
1279
- padding: 0;
1280
- color: #626262;
1281
- }
1282
-
1283
- .iif-block--filters--active, .iif-block--filters--collections {
1284
- max-height: 300px;
1285
- /* 164 + (26 + 8) * 4 */
1286
- }
1287
-
1288
- .iif-block--filters:focus {
1289
- box-shadow: 0 0 0 1px #b0dafb inset;
1290
- outline: none;
1291
- }
1292
-
1293
- .iif-block--filters--tags:only-child .iif-filters-header {
1294
- display: none;
1295
- }
1296
-
1297
- .iif-filter,
1298
- a.iif-filter {
1299
- box-sizing: border-box;
1300
- display: inline-block;
1301
- text-decoration: none !important;
1302
- white-space: nowrap;
1303
- cursor: pointer;
1304
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1305
- font-weight: 400;
1306
- font-size: 14px;
1307
- line-height: 22px;
1308
- margin: 4px 4px 4px 0;
1309
- padding: 2px 8px;
1310
- color: #ffffff;
1311
- background: #026c9c;
1312
- border: 0 solid #ffffff;
1313
- border-radius: 2px;
1314
- }
1315
-
1316
- .iif-filter--1,
1317
- a.iif-filter--1 {
1318
- background: #9826ab;
1319
- }
1320
-
1321
- .iif-filter--2,
1322
- a.iif-filter--2 {
1323
- background: #007267;
1324
- }
1325
-
1326
- .iif-filter--3,
1327
- a.iif-filter--3 {
1328
- background: #945800;
1329
- }
1330
-
1331
- .iif-filter--4,
1332
- a.iif-filter--4 {
1333
- background: #506874;
1334
- }
1335
-
1336
- .iif-filter--5,
1337
- a.iif-filter--5 {
1338
- background: #327335;
1339
- }
1340
-
1341
- .iif-filter--6,
1342
- a.iif-filter--6 {
1343
- background: #3d4faf;
1344
- }
1345
-
1346
- .iif-filter--7,
1347
- a.iif-filter--7 {
1348
- background: #735145;
1349
- }
1350
-
1351
- .iif-filter--8,
1352
- a.iif-filter--8 {
1353
- background: #6639b5;
1354
- }
1355
-
1356
- .iif-filter--9,
1357
- a.iif-filter--9 {
1358
- background: #c41953;
1359
- }
1360
-
1361
- .iif-filter--10,
1362
- a.iif-filter--10 {
1363
- background: #00717f;
1364
- }
1365
-
1366
- .iif-filter--11,
1367
- a.iif-filter--11 {
1368
- background: #50702a;
1369
- }
1370
-
1371
- .iif-filter--12,
1372
- a.iif-filter--12 {
1373
- background: #ba3329;
1374
- }
1375
-
1376
- .iif-filter:hover, .iif-filter:active,
1377
- a.iif-filter:hover,
1378
- a.iif-filter:active {
1379
- color: #ffffff;
1380
- background: #ba3329;
1381
- }
1382
-
1383
- .iif-filter:focus,
1384
- a.iif-filter:focus {
1385
- outline: none;
1386
- }
1387
-
1388
- .iif-filter:focus:not(:hover),
1389
- a.iif-filter:focus:not(:hover) {
1390
- color: #1769aa;
1391
- background: #ffffff;
1392
- box-shadow: 0 0 0 2px #b0dafb inset;
1393
- }
1394
-
1395
- .iif-filter--unselected:not(:hover):not(:active):not(:focus),
1396
- a.iif-filter--unselected:not(:hover):not(:active):not(:focus) {
1397
- color: #ffffff;
1398
- background: #afafaf;
1399
- }
1400
-
1401
- .iif-filter--unselected:focus:not(:hover),
1402
- a.iif-filter--unselected:focus:not(:hover) {
1403
- color: #626262;
1404
- background: #ffffff;
1405
- box-shadow: 0 0 0 2px #b0dafb inset;
1406
- }
1407
-
1408
- .iif-filter--selected:focus:not(:hover),
1409
- a.iif-filter--selected:focus:not(:hover) {
1410
- color: #ba3329;
1411
- background: #ffffff;
1412
- box-shadow: 0 0 0 2px #fbc1bd inset;
1413
- }
1414
-
1415
- .iif-block--icons {
1416
- margin: 8px 0;
1417
- padding: 8px 4px 4px;
1418
- border: 2px solid #e4e4e4;
1419
- border-radius: 2px;
1420
- background: #f8f8f8;
1421
- }
1422
-
1423
- .iif-icons-header {
1424
- margin: 0 0 8px;
1425
- padding: 0 4px;
1426
- display: flex;
1427
- }
1428
-
1429
- .iif-icons-header-text {
1430
- flex-grow: 1;
1431
- text-align: left;
1432
- }
1433
-
1434
- .iif-icons-header-modes {
1435
- width: 24px;
1436
- height: 24px;
1437
- position: relative;
1438
- box-sizing: border-box;
1439
- }
1440
-
1441
- .iif-icons-header-modes button {
1442
- position: absolute;
1443
- top: 0px;
1444
- right: 0px;
1445
- padding: 2px;
1446
- }
1447
-
1448
- .iif-icons-header-modes button svg {
1449
- font-size: 20px;
1450
- width: 20px;
1451
- height: 20px;
1452
- }
1453
-
1454
- .iif-icons--grid {
1455
- border: 1px solid #e4e4e4;
1456
- background: #f2f2f2;
1457
- }
1458
-
1459
- .iif-icons--grid ul {
1460
- margin: 0;
1461
- padding: 2px;
1462
- box-sizing: border-box;
1463
- list-style: none;
1464
- }
1465
-
1466
- .iif-icons--grid ul:after {
1467
- content: ' ';
1468
- display: table;
1469
- clear: both;
1470
- }
1471
-
1472
- .iif-icons--grid .iif-icon-grid {
1473
- list-style: none;
1474
- float: left;
1475
- padding: 0;
1476
- margin: 4px;
1477
- width: 52px;
1478
- height: 52px;
1479
- }
1480
-
1481
- .iif-icons--grid .iif-icon-grid svg {
1482
- display: block;
1483
- }
1484
-
1485
- .iif-icons--grid .iif-icon-grid a {
1486
- display: block;
1487
- font-size: 48px;
1488
- width: 1em;
1489
- height: 1em;
1490
- color: #626262;
1491
- background: transparent;
1492
- border: 2px solid transparent;
1493
- cursor: pointer;
1494
- text-decoration: none;
1495
- }
1496
-
1497
- .iif-icons--grid .iif-icon-grid a:hover, .iif-icons--grid .iif-icon-grid a:active {
1498
- color: #ba3329;
1499
- background: #f8f8f8;
1500
- border-color: #cacaca;
1501
- }
1502
-
1503
- .iif-icons--grid .iif-icon-grid a:focus {
1504
- outline: none;
1505
- box-shadow: none;
1506
- }
1507
-
1508
- .iif-icons--grid .iif-icon-grid a:focus:not(:hover) {
1509
- color: #626262;
1510
- background: #f8f8f8;
1511
- border-color: #b0dafb;
1512
- }
1513
-
1514
- .iif-icons--grid .iif-icon-grid a:focus:not(:hover) else {
1515
- box-shadow: 0 0 0 2px #b0dafb;
1516
- }
1517
-
1518
- .iif-icons--grid .iif-icon-grid--selected a {
1519
- color: #313131;
1520
- background: #ffffff;
1521
- border-color: #61b4f6;
1522
- }
1523
-
1524
- .iif-icons--grid .iif-icon-grid--selected a:hover, .iif-icons--grid .iif-icon-grid--selected a:active {
1525
- color: #ba3329;
1526
- background: #ffffff;
1527
- border-color: #f8847b;
1528
- }
1529
-
1530
- .iif-icons--grid .iif-icon-grid--selected a:focus:not(:hover) {
1531
- color: #313131;
1532
- background: #ffffff;
1533
- border-color: #61b4f6;
1534
- box-shadow: none;
1535
- }
1536
-
1537
- .iif-icons--grid .iif-icon-grid--loading a {
1538
- background: transparent;
1539
- border-color: transparent;
1540
- }
1541
-
1542
- @media (max-width: 600px) {
1543
- .iif-icons--grid .iif-icon-grid {
1544
- width: 40px;
1545
- height: 40px;
1546
- }
1547
- .iif-icons--grid .iif-icon-grid a {
1548
- font-size: 36px;
1549
- }
1550
- }
1551
-
1552
- .iif-icons--list {
1553
- background: #f2f2f2;
1554
- border: 1px solid #e4e4e4;
1555
- }
1556
-
1557
- .iif-icons--list ul {
1558
- display: block;
1559
- margin: 0;
1560
- padding: 0;
1561
- list-style: none;
1562
- max-height: 320px;
1563
- overflow-y: auto;
1564
- }
1565
-
1566
- .iif-icon-list {
1567
- box-sizing: border-box;
1568
- position: relative;
1569
- min-height: 40px;
1570
- list-style: none;
1571
- margin: 0;
1572
- padding: 4px;
1573
- padding-left: 44px;
1574
- color: #313131;
1575
- border: 1px solid #e4e4e4;
1576
- border-width: 0 0 1px;
1577
- border-left-width: 2px;
1578
- border-left-color: transparent;
1579
- }
1580
-
1581
- .iif-icon-list:last-child {
1582
- border-bottom-width: 0;
1583
- }
1584
-
1585
- .iif-icon-list .iif-icon-sample a {
1586
- display: block;
1587
- position: absolute;
1588
- left: 4px;
1589
- top: 50%;
1590
- width: 1em;
1591
- height: 1em;
1592
- font-size: 32px;
1593
- margin: -0.5em 0 0;
1594
- text-decoration: none;
1595
- color: #313131;
1596
- }
1597
-
1598
- .iif-icon-list .iif-icon-data:after {
1599
- content: ' ';
1600
- display: table;
1601
- clear: both;
1602
- }
1603
-
1604
- .iif-icon-list .iif-icon-name,
1605
- .iif-icon-list .iif-icon-size {
1606
- display: block;
1607
- float: left;
1608
- margin: 4px;
1609
- white-space: nowrap;
1610
- }
1611
-
1612
- .iif-icon-list .iif-icon-name {
1613
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1614
- font-weight: 400;
1615
- font-size: 16px;
1616
- line-height: 24px;
1617
- line-height: 26px;
1618
- text-decoration: none;
1619
- margin-left: 0;
1620
- color: #313131;
1621
- }
1622
-
1623
- .iif-icon-list .iif-icon-size {
1624
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1625
- font-weight: 400;
1626
- font-size: 14px;
1627
- line-height: 22px;
1628
- line-height: 26px;
1629
- float: left;
1630
- color: #959595;
1631
- }
1632
-
1633
- .iif-icon-list--selected {
1634
- background-color: #f8f8f8;
1635
- border-left-color: #afafaf;
1636
- }
1637
-
1638
- .iif-icon-list--selected .iif-icon-sample a {
1639
- color: #1769aa;
1640
- }
1641
-
1642
- .iif-icon-list--selected .iif-icon-name {
1643
- color: #1769aa;
1644
- }
1645
-
1646
- .iif-icon-list:hover {
1647
- background-color: #f8f8f8;
1648
- border-left-color: #61b4f6;
1649
- }
1650
-
1651
- .iif-icon-list:hover .iif-icon-sample a {
1652
- color: #1769aa;
1653
- }
1654
-
1655
- .iif-icon-list:hover .iif-icon-name {
1656
- color: #1769aa;
1657
- }
1658
-
1659
- .iif-icon-list--selected:hover {
1660
- background-color: #f8f8f8;
1661
- border-left-color: #f8847b;
1662
- }
1663
-
1664
- .iif-icon-list--selected:hover .iif-icon-sample a {
1665
- color: #1769aa;
1666
- }
1667
-
1668
- .iif-icon-list--selected:hover .iif-icon-name {
1669
- color: #1769aa;
1670
- }
1671
-
1672
- .iif-icon-list .iif-filter {
1673
- float: right;
1674
- overflow: hidden;
1675
- text-overflow: ellipsis;
1676
- }
1677
-
1678
- .iif-icon-list .iif-icon-sample a:hover, .iif-icon-list .iif-icon-sample a:active {
1679
- color: #ba3329;
1680
- }
1681
-
1682
- .iif-icon-list .iif-icon-sample a:focus {
1683
- outline: none;
1684
- }
1685
-
1686
- .iif-icon-list .iif-icon-sample a:focus:not(:hover) {
1687
- outline: none;
1688
- color: #1769aa;
1689
- }
1690
-
1691
- .iif-icon-list .iif-icon-sample a svg {
1692
- display: block;
1693
- }
1694
-
1695
- .iif-icon-list .iif-icon-name:hover, .iif-icon-list .iif-icon-name:active {
1696
- color: #ba3329;
1697
- }
1698
-
1699
- .iif-icon-list .iif-icon-name:focus {
1700
- outline: none;
1701
- }
1702
-
1703
- .iif-icon-list .iif-icon-name:focus:not(:hover) {
1704
- outline: none;
1705
- color: #1769aa;
1706
- box-shadow: none;
1707
- }
1708
-
1709
- .iif-icon-list .iif-icon-data--filters--2 .iif-filter {
1710
- max-width: 80px;
1711
- }
1712
-
1713
- .iif-icon-list .iif-icon-data--filters--3 .iif-filter {
1714
- max-width: 70px;
1715
- }
1716
-
1717
- .iif-icon-list .iif-icon-data--filters--4 .iif-filter {
1718
- max-width: 50px;
1719
- }
1720
-
1721
- .iif-icon-list .iif-icon-data--filters--5 .iif-filter {
1722
- max-width: 48px;
1723
- }
1724
-
1725
- @media (max-width: 600px) {
1726
- .iif-icon-list .iif-filter {
1727
- max-width: 72px;
1728
- }
1729
- .iif-icon-list .iif-icon-data--filters--2 .iif-filter {
1730
- max-width: 52px;
1731
- }
1732
- .iif-icon-list .iif-icon-data--filters--3 .iif-filter,
1733
- .iif-icon-list .iif-icon-data--filters--4 .iif-filter,
1734
- .iif-icon-list .iif-icon-data--filters--5 .iif-filter {
1735
- max-width: 42px;
1736
- }
1737
- }
1738
-
1739
- @supports (display: flex) {
1740
- .iif-icon-list .iif-icon-data {
1741
- display: flex;
1742
- width: 100%;
1743
- flex-wrap: wrap;
1744
- }
1745
- .iif-icon-list .iif-icon-name {
1746
- float: none;
1747
- flex-grow: 1;
1748
- }
1749
- .iif-icon-list .iif-icon-size {
1750
- float: none;
1751
- }
1752
- .iif-icon-list .iif-filter {
1753
- float: none;
1754
- }
1755
- }
1756
-
1757
- .iif-pagination {
1758
- margin: 12px 0 8px;
1759
- padding: 0 40px;
1760
- text-align: center;
1761
- position: relative;
1762
- }
1763
-
1764
- .iif-pagination span,
1765
- .iif-pagination .iif-page {
1766
- display: inline-block;
1767
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1768
- font-weight: 400;
1769
- font-size: 16px;
1770
- line-height: 24px;
1771
- padding: 2px 8px;
1772
- box-sizing: border-box;
1773
- height: 32px;
1774
- }
1775
-
1776
- .iif-pagination span {
1777
- color: #959595;
1778
- pointer-events: none;
1779
- }
1780
-
1781
- .iif-pagination .iif-page {
1782
- margin: 2px;
1783
- min-width: 26px;
1784
- color: #1769aa;
1785
- background: #f8f8f8;
1786
- border: 2px solid #e4e4e4;
1787
- border-radius: 2px;
1788
- text-align: center;
1789
- text-decoration: none;
1790
- box-sizing: border-box;
1791
- }
1792
-
1793
- .iif-pagination .iif-page:hover, .iif-pagination .iif-page:active {
1794
- color: #ffffff;
1795
- background: #ba3329;
1796
- border-color: #ba3329;
1797
- }
1798
-
1799
- .iif-pagination .iif-page:focus {
1800
- outline: none;
1801
- }
1802
-
1803
- .iif-pagination .iif-page:focus:not(:hover) {
1804
- color: #1769aa;
1805
- background: #f8f8f8;
1806
- border-color: #b0dafb;
1807
- box-shadow: none;
1808
- text-decoration: none;
1809
- }
1810
-
1811
- .iif-pagination .iif-page:focus:not(:hover) else {
1812
- box-shadow: 0 0 0 2px #b0dafb inset;
1813
- }
1814
-
1815
- .iif-pagination .iif-page--more {
1816
- padding-left: 8px;
1817
- padding-right: 8px;
1818
- }
1819
-
1820
- .iif-pagination .iif-page--selected {
1821
- color: #ffffff;
1822
- background: #506874;
1823
- border-color: #506874;
1824
- box-shadow: none !important;
1825
- pointer-events: none;
1826
- }
1827
-
1828
- .iif-pagination .iif-page--arrow {
1829
- position: absolute;
1830
- top: 50%;
1831
- margin: 0;
1832
- margin-top: -16px;
1833
- width: 32px;
1834
- padding: 2px 2px;
1835
- }
1836
-
1837
- .iif-pagination .iif-page--arrow svg {
1838
- display: block;
1839
- font-size: 24px;
1840
- line-height: 1em;
1841
- margin: 0;
1842
- padding: 0;
1843
- }
1844
-
1845
- .iif-pagination .iif-page--prev {
1846
- left: 4px;
1847
- }
1848
-
1849
- .iif-pagination .iif-page--next {
1850
- right: 4px;
1851
- }
1852
-
1853
- .iif-block--parent {
1854
- color: #1769aa;
1855
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1856
- font-weight: 400;
1857
- font-size: 16px;
1858
- line-height: 24px;
1859
- }
1860
-
1861
- .iif-block--parent .iif-parent-link {
1862
- display: block;
1863
- margin: 4px 0;
1864
- padding: 4px;
1865
- position: relative;
1866
- }
1867
-
1868
- .iif-block--parent .iif-parent-link a {
1869
- color: inherit;
1870
- text-decoration: none;
1871
- padding-left: 28px;
1872
- }
1873
-
1874
- .iif-block--parent .iif-parent-link svg {
1875
- font-size: 24px;
1876
- line-height: 1em;
1877
- color: #959595;
1878
- position: absolute;
1879
- left: 2px;
1880
- top: 50%;
1881
- margin-top: -12px;
1882
- transition: left 0.2s ease;
1883
- pointer-events: none;
1884
- }
1885
-
1886
- .iif-block--parent a:hover,
1887
- .iif-block--parent a:focus {
1888
- outline: none;
1889
- }
1890
-
1891
- .iif-block--parent .iif-parent-link:hover svg, .iif-block--parent .iif-parent-link:focus svg {
1892
- left: 0;
1893
- }
1894
-
1895
- .iif-block--parent .iif-parent-link a:hover, .iif-block--parent .iif-parent-link a:focus {
1896
- color: #ba3329;
1897
- text-decoration: underline;
1898
- }
1899
-
1900
- .iif-tabs {
1901
- padding: 0;
1902
- margin: 8px -16px 16px;
1903
- padding: 0 16px;
1904
- border-bottom: 2px solid #e4e4e4;
1905
- position: relative;
1906
- }
1907
-
1908
- .iif-tabs:after {
1909
- content: '';
1910
- display: table;
1911
- clear: both;
1912
- }
1913
-
1914
- .iif-tabs-left, .iif-tabs-right {
1915
- float: left;
1916
- display: flex;
1917
- }
1918
-
1919
- .iif-tabs-right {
1920
- float: right;
1921
- }
1922
-
1923
- .iif-tabs .iif-tab {
1924
- display: block;
1925
- padding: 8px;
1926
- margin: 6px 4px -2px;
1927
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1928
- font-weight: 400;
1929
- font-size: 16px;
1930
- line-height: 24px;
1931
- text-decoration: none;
1932
- color: #626262;
1933
- text-align: center;
1934
- min-width: 16px;
1935
- background: #f8f8f8;
1936
- border: 2px solid #e4e4e4;
1937
- border-top-left-radius: 5px;
1938
- border-top-right-radius: 5px;
1939
- position: relative;
1940
- z-index: 2;
1941
- }
1942
-
1943
- .iif-tabs .iif-tab:hover {
1944
- color: #ba3329;
1945
- text-decoration: none;
1946
- }
1947
-
1948
- .iif-tabs .iif-tab:focus {
1949
- outline: none;
1950
- }
1951
-
1952
- .iif-tabs .iif-tab:focus:not(:hover) {
1953
- border-color: #b0dafb;
1954
- box-shadow: none;
1955
- text-decoration: none;
1956
- }
1957
-
1958
- .iif-tabs .iif-tab--selected {
1959
- color: #1769aa;
1960
- background-color: #f2f2f2;
1961
- border-bottom-color: #f2f2f2;
1962
- }
1963
-
1964
- .iif-tabs .iif-tab--icon {
1965
- border-color: transparent;
1966
- background-color: transparent;
1967
- }
1968
-
1969
- .iif-tabs .iif-tab svg {
1970
- display: block;
1971
- font-size: 24px;
1972
- line-height: 24px;
1973
- }
1974
-
1975
- .iif-footer-options-block-title {
1976
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
1977
- font-weight: 400;
1978
- font-size: 16px;
1979
- line-height: 24px;
1980
- margin: 8px 0 0;
1981
- padding: 0;
1982
- color: #626262;
1983
- }
1984
-
1985
- .iif-footer-options-blocks {
1986
- margin-bottom: 16px;
1987
- }
1988
-
1989
- .iif-footer-options-blocks:empty {
1990
- display: none;
1991
- }
1992
-
1993
- .iif-footer-options-blocks:after {
1994
- content: ' ';
1995
- display: table;
1996
- clear: both;
1997
- }
1998
-
1999
- .iif-footer-options-block {
2000
- position: relative;
2001
- float: left;
2002
- margin: 12px 16px 0 0;
2003
- padding: 16px 0 0 0;
2004
- background: #f2f2f2;
2005
- border: 2px dashed #e4e4e4;
2006
- border-radius: 5px;
2007
- }
2008
-
2009
- .iif-footer-options-block:focus-within {
2010
- border-color: #b0dafb;
2011
- }
2012
-
2013
- .iif-footer-options-block > p {
2014
- position: absolute;
2015
- left: 10px;
2016
- top: -9px;
2017
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2018
- font-weight: 400;
2019
- font-size: 14px;
2020
- line-height: 22px;
2021
- line-height: 1em;
2022
- white-space: nowrap;
2023
- overflow: hidden;
2024
- text-overflow: ellipsis;
2025
- background: #f2f2f2;
2026
- color: #959595;
2027
- margin: 0;
2028
- padding: 0 8px 0 4px;
2029
- }
2030
-
2031
- .iif-footer-options-block > div {
2032
- display: flex;
2033
- padding: 0 8px 8px;
2034
- }
2035
-
2036
- .iif-footer-options-block > div .iif-input-wrapper + .iif-input-wrapper {
2037
- margin-left: 8px;
2038
- }
2039
-
2040
- @supports (display: flex) {
2041
- .iif-footer-options-blocks {
2042
- display: flex;
2043
- flex-wrap: wrap;
2044
- }
2045
- .iif-footer-options-block {
2046
- float: none;
2047
- }
2048
- }
2049
-
2050
- .iif-footer-icon-name--block {
2051
- display: block;
2052
- margin: 0 0 8px;
2053
- padding: 0;
2054
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2055
- font-weight: 400;
2056
- font-size: 16px;
2057
- line-height: 24px;
2058
- line-height: 26px;
2059
- color: #626262;
2060
- border: 2px solid #e4e4e4;
2061
- border-radius: 5px;
2062
- background-color: #ffffff;
2063
- }
2064
-
2065
- .iif-footer-icon-name--block svg {
2066
- display: block;
2067
- float: left;
2068
- margin: 0 4px;
2069
- }
2070
-
2071
- .iif-footer-icon-name--block .iif-footer-small-sample {
2072
- top: 5px;
2073
- font-size: 16px;
2074
- line-height: 1em;
2075
- position: relative;
2076
- display: block;
2077
- float: left;
2078
- }
2079
-
2080
- .iif-footer-icon-name--block .iif-footer-small-sample--14 {
2081
- font-size: 14px;
2082
- top: 6px;
2083
- }
2084
-
2085
- .iif-footer-icon-name--block .iif-footer-small-sample--15 {
2086
- font-size: 15px;
2087
- top: 6px;
2088
- }
2089
-
2090
- .iif-footer-icon-name--block .iif-footer-small-sample--17 {
2091
- font-size: 17px;
2092
- top: 5px;
2093
- }
2094
-
2095
- .iif-footer-icon-name--block .iif-footer-small-sample--18 {
2096
- font-size: 18px;
2097
- top: 4px;
2098
- }
2099
-
2100
- .iif-footer-icon-name--block .iif-footer-small-sample--20 {
2101
- font-size: 20px;
2102
- top: 3px;
2103
- }
2104
-
2105
- .iif-footer-icon-name--block .iif-footer-small-sample--22 {
2106
- font-size: 22px;
2107
- top: 2px;
2108
- }
2109
-
2110
- .iif-footer-icon-name--block .iif-footer-small-sample--24 {
2111
- font-size: 24px;
2112
- top: 1px;
2113
- }
2114
-
2115
- .iif-footer-icon-name--block .iif-footer-small-sample--25 {
2116
- font-size: 25px;
2117
- top: 0;
2118
- }
2119
-
2120
- .iif-footer-icon-name--block .iif-footer-small-sample--26 {
2121
- font-size: 26px;
2122
- top: 0;
2123
- }
2124
-
2125
- .iif-footer-icon-name--simple {
2126
- display: block;
2127
- margin: 0 0 8px;
2128
- padding: 0;
2129
- }
2130
-
2131
- .iif-footer-icon-name--simple dl {
2132
- display: block;
2133
- margin: 0;
2134
- padding: 0;
2135
- }
2136
-
2137
- .iif-footer-icon-name--simple dt {
2138
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2139
- font-weight: 400;
2140
- font-size: 16px;
2141
- line-height: 24px;
2142
- color: #626262;
2143
- display: block;
2144
- float: left;
2145
- width: 172px;
2146
- text-align: right;
2147
- margin: 0;
2148
- padding: 4px;
2149
- padding-left: 0;
2150
- box-sizing: border-box;
2151
- white-space: nowrap;
2152
- overflow: hidden;
2153
- text-overflow: ellipsis;
2154
- }
2155
-
2156
- .iif-footer-icon-name--simple dd {
2157
- display: block;
2158
- margin-left: 180px;
2159
- padding: 0;
2160
- position: relative;
2161
- }
2162
-
2163
- @supports (display: flex) {
2164
- .iif-footer-icon-name--simple dl {
2165
- display: flex;
2166
- flex-wrap: wrap;
2167
- width: 100%;
2168
- }
2169
- .iif-footer-icon-name--simple dt {
2170
- float: none;
2171
- width: auto;
2172
- max-width: 180px;
2173
- }
2174
- .iif-footer-icon-name--simple dd {
2175
- flex-grow: 1;
2176
- margin-left: 8px;
2177
- }
2178
- }
2179
-
2180
- .iif-footer-icon-name--simple dd > svg {
2181
- position: absolute;
2182
- left: 0;
2183
- top: 50%;
2184
- font-size: 32px;
2185
- width: 1em;
2186
- height: 1em;
2187
- margin: -16px 0 0;
2188
- color: #626262;
2189
- }
2190
-
2191
- .iif-footer-icon-name--simple:hover dd > svg,
2192
- .iif-footer-icon-name--simple:focus-within dd > svg {
2193
- color: #1769aa;
2194
- background-color: #f8f8f8;
2195
- box-shadow: 0 0 0 2px #e4e4e4;
2196
- }
2197
-
2198
- .iif-footer-icon-name--simple .iif-input-wrapper {
2199
- margin-left: 40px;
2200
- width: auto;
2201
- }
2202
-
2203
- .iif-footer-icon-name--simple .iif-footer-icon-name-input {
2204
- height: 36px;
2205
- margin: 0 0 0 40px;
2206
- padding: 0;
2207
- white-space: nowrap;
2208
- box-sizing: border-box;
2209
- position: relative;
2210
- color: #626262;
2211
- border: 2px solid #e4e4e4;
2212
- border-radius: 5px;
2213
- background-color: #ffffff;
2214
- }
2215
-
2216
- .iif-footer-icon-name--simple .iif-footer-icon-name-input span {
2217
- position: absolute;
2218
- box-sizing: border-box;
2219
- width: 100%;
2220
- font-size: 16px;
2221
- line-height: 24px;
2222
- left: 0;
2223
- right: 0;
2224
- top: 4px;
2225
- bottom: 4px;
2226
- margin: 0;
2227
- padding: 0;
2228
- padding-left: 10px;
2229
- padding-right: 42px;
2230
- }
2231
-
2232
- .iif-footer-icon-name--simple .iif-footer-icon-name-input span::selection {
2233
- color: #626262;
2234
- background-color: #b0dafb;
2235
- }
2236
-
2237
- .iif-block--footer {
2238
- padding: 0 16px 16px 16px;
2239
- margin: -8px 0 0;
2240
- }
2241
-
2242
- .iif-footer-full {
2243
- display: flex;
2244
- width: 100%;
2245
- }
2246
-
2247
- .iif-footer-full > div:first-child {
2248
- font-size: 160px;
2249
- margin: 0;
2250
- }
2251
-
2252
- .iif-footer-full > div:last-child {
2253
- flex-grow: 1;
2254
- margin: 0 0 0 16px;
2255
- }
2256
-
2257
- @media (max-width: 600px) {
2258
- .iif-footer-full {
2259
- display: block;
2260
- }
2261
- .iif-footer-full > div:first-child {
2262
- margin: 8px auto;
2263
- text-align: center;
2264
- }
2265
- .iif-footer-full > div:last-child {
2266
- margin: 8px 0;
2267
- }
2268
- }
2269
-
2270
- .iif-footer-full .iif-footer-sample--loaded svg {
2271
- display: block;
2272
- margin: 2px;
2273
- }
2274
-
2275
- .iif-footer-full .iif-footer-sample--loaded:hover svg {
2276
- color: #1769aa;
2277
- background-color: #f8f8f8;
2278
- box-shadow: 0 0 0 2px #e4e4e4;
2279
- }
2280
-
2281
- .iif-footer-buttons {
2282
- text-align: right;
2283
- }
2284
-
2285
- .iif-footer-buttons button:last-child {
2286
- margin-right: 0;
2287
- }
2288
-
2289
- .iif-collections-header {
2290
- display: flex;
2291
- width: 100%;
2292
- }
2293
-
2294
- .iif-collections-header .iif-block--filters {
2295
- flex-grow: 1;
2296
- }
2297
-
2298
- .iif-collections-header .iif-block--filter {
2299
- padding-left: 8px;
2300
- }
2301
-
2302
- .iif-collections-header .iif-block--filter:first-child {
2303
- padding-left: 0;
2304
- }
2305
-
2306
- .iif-collections-header .iif-block--filter {
2307
- margin: 7px 0 0;
2308
- }
2309
-
2310
- .iif-collections-header .iif-block--filter .iif-input {
2311
- width: 240px;
2312
- }
2313
-
2314
- @media (max-width: 600px) {
2315
- .iif-collections-header {
2316
- display: block;
2317
- }
2318
- .iif-collections-header .iif-block--filters {
2319
- float: left;
2320
- }
2321
- .iif-collections-header .iif-block--filter {
2322
- float: right;
2323
- }
2324
- .iif-collections-header:after {
2325
- content: '';
2326
- display: table;
2327
- clear: both;
2328
- }
2329
- }
2330
-
2331
- .iif-block--error {
2332
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2333
- font-weight: 400;
2334
- font-size: 22px;
2335
- line-height: 32px;
2336
- position: relative;
2337
- margin: 16px 0;
2338
- padding: 8px 16px;
2339
- color: #ffffff;
2340
- background: #ba3329;
2341
- border-radius: 5px;
2342
- box-shadow: 0 5px 17px rgba(0, 0, 0, 0.2), 0 2px 7px rgba(0, 0, 0, 0.15);
2343
- }
2344
-
2345
- .iif-block--error p {
2346
- margin: 0;
2347
- padding: 0;
2348
- }
2349
-
2350
- .iif-block--error a {
2351
- font-family: "PT Sans", "Open Sans", "Droid Sans", sans-serif;
2352
- font-weight: 400;
2353
- font-size: 16px;
2354
- line-height: 24px;
2355
- color: inherit;
2356
- text-decoration: underline;
2357
- }
2358
-
2359
- .iif-block--error a:hover, .iif-block--error a:focus {
2360
- color: inherit;
2361
- text-decoration: underline;
2362
- outline: none;
2363
- }
2364
-
2365
- .iif-block--error a:focus:not(:hover) {
2366
- box-shadow: 0 0 0 2px #ffffff;
2367
- }
2368
-
2369
- .iif-block--error--loading {
2370
- background: #506874;
2371
- animation-name: iif-loading-notice;
2372
- animation-duration: 2s;
2373
- animation-fill-mode: forwards;
2374
- }
2375
-
2376
- .iif-block--error--loading svg {
2377
- animation: iif-spinner-icon 1s linear infinite;
2378
- }
2379
-
2380
- .iif-block--error svg {
2381
- position: absolute;
2382
- left: 16px;
2383
- top: 50%;
2384
- font-size: 24px;
2385
- line-height: 1em;
2386
- margin-top: -12px;
2387
- }
2388
-
2389
- .iif-block--error svg + p {
2390
- margin-left: 36px;
2391
- }
2392
-
2393
- @keyframes iif-loading-notice {
2394
- from {
2395
- opacity: 0;
2396
- }
2397
- to {
2398
- opacity: 1;
2399
- }
2400
- }
2401
-
2402
- @keyframes iif-spinner-icon {
2403
- from {
2404
- transform: rotate(0deg);
2405
- }
2406
- to {
2407
- transform: rotate(360deg);
2408
- }
2409
- }