@ebay/skin 17.5.0 → 18.0.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 (469) hide show
  1. package/.github/workflows/pages-html-proofer.yml +1 -1
  2. package/.prettierignore +0 -1
  3. package/.storybook/main.js +4 -11
  4. package/.storybook/preview.js +1 -1
  5. package/.stylelintrc +16 -24
  6. package/CHANGELOG.md +40 -0
  7. package/CONTRIBUTING.md +1 -1
  8. package/bundles.browser.json +1 -0
  9. package/bundles.css +1 -0
  10. package/bundles.js +1 -0
  11. package/bundles.mjs +1 -0
  12. package/chart-legend.browser.json +1 -0
  13. package/chart-legend.css +1 -0
  14. package/chart-legend.js +1 -0
  15. package/chart-legend.mjs +1 -0
  16. package/dist/alert-dialog/alert-dialog.css +84 -72
  17. package/dist/alert-dialog/alert-dialog.css.map +1 -0
  18. package/dist/avatar/avatar.css +81 -62
  19. package/dist/avatar/avatar.css.map +1 -0
  20. package/dist/badge/badge.css +16 -11
  21. package/dist/badge/badge.css.map +1 -0
  22. package/dist/breadcrumbs/breadcrumbs.css +87 -59
  23. package/dist/breadcrumbs/breadcrumbs.css.map +1 -0
  24. package/dist/bundles/skin-default.css +10073 -0
  25. package/dist/bundles/skin-default.css.map +1 -0
  26. package/dist/bundles/skin-full.css +10257 -0
  27. package/dist/bundles/skin-full.css.map +1 -0
  28. package/dist/bundles/skin-headless.css +9685 -0
  29. package/dist/bundles/skin-headless.css.map +1 -0
  30. package/dist/button/button.css +590 -415
  31. package/dist/button/button.css.map +1 -0
  32. package/dist/calendar/calendar.css +148 -102
  33. package/dist/calendar/calendar.css.map +1 -0
  34. package/dist/carousel/carousel.css +233 -212
  35. package/dist/carousel/carousel.css.map +1 -0
  36. package/dist/chart-legend/chart-legend.css +77 -0
  37. package/dist/chart-legend/chart-legend.css.map +1 -0
  38. package/dist/checkbox/checkbox.css +77 -54
  39. package/dist/checkbox/checkbox.css.map +1 -0
  40. package/dist/chip/chip.css +41 -34
  41. package/dist/chip/chip.css.map +1 -0
  42. package/dist/chips-combobox/chips-combobox.css +77 -62
  43. package/dist/chips-combobox/chips-combobox.css.map +1 -0
  44. package/dist/combobox/combobox.css +246 -163
  45. package/dist/combobox/combobox.css.map +1 -0
  46. package/dist/confirm-dialog/confirm-dialog.css +86 -73
  47. package/dist/confirm-dialog/confirm-dialog.css.map +1 -0
  48. package/dist/cta-button/cta-button.css +96 -70
  49. package/dist/cta-button/cta-button.css.map +1 -0
  50. package/dist/date-textbox/date-textbox.css +24 -15
  51. package/dist/date-textbox/date-textbox.css.map +1 -0
  52. package/dist/details/details.css +34 -27
  53. package/dist/details/details.css.map +1 -0
  54. package/dist/donut-chart/donut-chart.css +91 -0
  55. package/dist/donut-chart/donut-chart.css.map +1 -0
  56. package/dist/drawer-dialog/drawer-dialog.css +133 -118
  57. package/dist/drawer-dialog/drawer-dialog.css.map +1 -0
  58. package/dist/education-notice/education-notice.css +62 -34
  59. package/dist/education-notice/education-notice.css.map +1 -0
  60. package/dist/eek/eek.css +97 -74
  61. package/dist/eek/eek.css.map +1 -0
  62. package/dist/field/field.css +87 -53
  63. package/dist/field/field.css.map +1 -0
  64. package/dist/filter-button/filter-button.css +115 -75
  65. package/dist/filter-button/filter-button.css.map +1 -0
  66. package/dist/filter-menu/filter-menu.css +176 -121
  67. package/dist/filter-menu/filter-menu.css.map +1 -0
  68. package/dist/filter-menu-button/filter-menu-button.css +307 -181
  69. package/dist/filter-menu-button/filter-menu-button.css.map +1 -0
  70. package/dist/flag/flag.css +528 -272
  71. package/dist/flag/flag.css.map +1 -0
  72. package/dist/floating-label/floating-label.css +100 -51
  73. package/dist/floating-label/floating-label.css.map +1 -0
  74. package/dist/fullscreen-dialog/fullscreen-dialog.css +112 -99
  75. package/dist/fullscreen-dialog/fullscreen-dialog.css.map +1 -0
  76. package/dist/global/global.css +32 -13
  77. package/dist/global/global.css.map +1 -0
  78. package/dist/icon/icon.css +56 -2943
  79. package/dist/icon/icon.css.map +1 -0
  80. package/dist/icon-button/icon-button.css +307 -212
  81. package/dist/icon-button/icon-button.css.map +1 -0
  82. package/dist/image-placeholder/image-placeholder.css +6 -4
  83. package/dist/image-placeholder/image-placeholder.css.map +1 -0
  84. package/dist/infotip/infotip.css +121 -92
  85. package/dist/infotip/infotip.css.map +1 -0
  86. package/dist/inline-notice/inline-notice.css +16 -9
  87. package/dist/inline-notice/inline-notice.css.map +1 -0
  88. package/dist/lightbox-dialog/lightbox-dialog.css +241 -185
  89. package/dist/lightbox-dialog/lightbox-dialog.css.map +1 -0
  90. package/dist/link/link.css +37 -19
  91. package/dist/link/link.css.map +1 -0
  92. package/dist/listbox/listbox.css +86 -58
  93. package/dist/listbox/listbox.css.map +1 -0
  94. package/dist/listbox-button/listbox-button.css +240 -134
  95. package/dist/listbox-button/listbox-button.css.map +1 -0
  96. package/dist/marketsans/marketsans.css +34 -12
  97. package/dist/marketsans/marketsans.css.map +1 -0
  98. package/dist/menu/menu.css +136 -99
  99. package/dist/menu/menu.css.map +1 -0
  100. package/dist/menu-button/menu-button.css +236 -157
  101. package/dist/menu-button/menu-button.css.map +1 -0
  102. package/dist/mixins/_typography-mixins.scss +136 -0
  103. package/dist/mixins/_utility-mixins.scss +62 -0
  104. package/dist/page-grid/page-grid.css +57 -46
  105. package/dist/page-grid/page-grid.css.map +1 -0
  106. package/dist/page-notice/page-notice.css +142 -85
  107. package/dist/page-notice/page-notice.css.map +1 -0
  108. package/dist/pagination/pagination.css +109 -80
  109. package/dist/pagination/pagination.css.map +1 -0
  110. package/dist/panel-dialog/panel-dialog.css +115 -98
  111. package/dist/panel-dialog/panel-dialog.css.map +1 -0
  112. package/dist/phone-input/phone-input.css +100 -88
  113. package/dist/phone-input/phone-input.css.map +1 -0
  114. package/dist/progress-bar/progress-bar.css +32 -15
  115. package/dist/progress-bar/progress-bar.css.map +1 -0
  116. package/dist/progress-bar-expressive/progress-bar-expressive.css +302 -203
  117. package/dist/progress-bar-expressive/progress-bar-expressive.css.map +1 -0
  118. package/dist/progress-spinner/progress-spinner.css +24 -20
  119. package/dist/progress-spinner/progress-spinner.css.map +1 -0
  120. package/dist/progress-stepper/progress-stepper.css +229 -117
  121. package/dist/progress-stepper/progress-stepper.css.map +1 -0
  122. package/dist/radio/radio.css +71 -52
  123. package/dist/radio/radio.css.map +1 -0
  124. package/dist/section-notice/section-notice.css +102 -72
  125. package/dist/section-notice/section-notice.css.map +1 -0
  126. package/dist/section-title/section-title.css +66 -52
  127. package/dist/section-title/section-title.css.map +1 -0
  128. package/dist/segmented-buttons/segmented-buttons.css +49 -38
  129. package/dist/segmented-buttons/segmented-buttons.css.map +1 -0
  130. package/dist/select/select.css +98 -62
  131. package/dist/select/select.css.map +1 -0
  132. package/dist/signal/signal.css +25 -16
  133. package/dist/signal/signal.css.map +1 -0
  134. package/dist/skeleton/skeleton.css +131 -108
  135. package/dist/skeleton/skeleton.css.map +1 -0
  136. package/dist/snackbar-dialog/snackbar-dialog.css +82 -52
  137. package/dist/snackbar-dialog/snackbar-dialog.css.map +1 -0
  138. package/dist/split-button/split-button.css +3 -1
  139. package/dist/split-button/split-button.css.map +1 -0
  140. package/dist/star-rating/star-rating.css +40 -19
  141. package/dist/star-rating/star-rating.css.map +1 -0
  142. package/dist/star-rating-select/star-rating-select.css +67 -39
  143. package/dist/star-rating-select/star-rating-select.css.map +1 -0
  144. package/dist/svg/icons.svg +21 -21
  145. package/dist/switch/switch.css +119 -78
  146. package/dist/switch/switch.css.map +1 -0
  147. package/dist/tabs/tabs.css +70 -51
  148. package/dist/tabs/tabs.css.map +1 -0
  149. package/dist/textbox/textbox.css +167 -112
  150. package/dist/textbox/textbox.css.map +1 -0
  151. package/dist/toast-dialog/toast-dialog.css +140 -90
  152. package/dist/toast-dialog/toast-dialog.css.map +1 -0
  153. package/dist/toggle-button/toggle-button.css +154 -114
  154. package/dist/toggle-button/toggle-button.css.map +1 -0
  155. package/dist/toggle-button-group/toggle-button-group.css +610 -60
  156. package/dist/toggle-button-group/toggle-button-group.css.map +1 -0
  157. package/dist/tokens/evo-core.css +139 -67
  158. package/dist/tokens/evo-dark.css +57 -62
  159. package/dist/tokens/evo-light.css +76 -76
  160. package/dist/tooltip/tooltip.css +117 -84
  161. package/dist/tooltip/tooltip.css.map +1 -0
  162. package/dist/tourtip/tourtip.css +141 -107
  163. package/dist/tourtip/tourtip.css.map +1 -0
  164. package/dist/typography/typography.css +86 -59
  165. package/dist/typography/typography.css.map +1 -0
  166. package/dist/utility/utility.css +75 -72
  167. package/dist/utility/utility.css.map +1 -0
  168. package/dist/variables/_variables.scss +64 -0
  169. package/dist/video/video.css +46 -34
  170. package/dist/video/video.css.map +1 -0
  171. package/donut-chart.browser.json +1 -0
  172. package/donut-chart.css +1 -0
  173. package/donut-chart.js +1 -0
  174. package/donut-chart.mjs +1 -0
  175. package/gh.browser.json +4 -4
  176. package/index.browser.json +3 -0
  177. package/index.css +3 -0
  178. package/index.js +3 -0
  179. package/index.mjs +3 -0
  180. package/lint.log +3 -3
  181. package/package.json +74 -55
  182. package/postcss.config.js +17 -0
  183. package/scripts/README.md +1 -1
  184. package/scripts/generate-bundle.js +13 -12
  185. package/scripts/generate-images.js +34 -23
  186. package/src/{less/alert-dialog/alert-dialog.less → sass/alert-dialog/alert-dialog.scss} +14 -12
  187. package/src/sass/avatar/avatar.scss +134 -0
  188. package/src/sass/badge/badge.scss +21 -0
  189. package/src/{less/breadcrumbs/breadcrumbs.less → sass/breadcrumbs/breadcrumbs.scss} +25 -14
  190. package/src/{less → sass}/breadcrumbs/stories/button-cascade.stories.js +12 -12
  191. package/src/{less → sass}/breadcrumbs/stories/button-overflow.stories.js +15 -15
  192. package/src/{less → sass}/breadcrumbs/stories/buttons.stories.js +5 -5
  193. package/src/{less → sass}/breadcrumbs/stories/link-cascade.stories.js +12 -12
  194. package/src/{less → sass}/breadcrumbs/stories/link-overflow.stories.js +15 -15
  195. package/src/{less → sass}/breadcrumbs/stories/links.stories.js +5 -5
  196. package/src/sass/bundles/skin-default.scss +9 -0
  197. package/src/sass/bundles/skin-full.scss +10 -0
  198. package/src/sass/bundles/skin-headless.scss +72 -0
  199. package/src/{less/button/button.less → sass/button/button.scss} +185 -71
  200. package/src/{less → sass}/button/stories/button/base.stories.js +5 -5
  201. package/src/{less → sass}/button/stories/button/borderless.stories.js +4 -4
  202. package/src/{less → sass}/button/stories/button/cascade.stories.js +3 -3
  203. package/src/{less → sass}/button/stories/button/dimensions.stories.js +2 -2
  204. package/src/{less → sass}/button/stories/button/primary.stories.js +4 -4
  205. package/src/{less → sass}/button/stories/button/secondary.stories.js +4 -4
  206. package/src/{less → sass}/button/stories/button/tertiary.stories.js +4 -4
  207. package/src/{less → sass}/button/stories/button/text-spacing.stories.js +1 -1
  208. package/src/{less → sass}/button/stories/destructive-button/primary.stories.js +3 -3
  209. package/src/{less → sass}/button/stories/destructive-button/secondary.stories.js +3 -3
  210. package/src/{less → sass}/button/stories/destructive-button/tertiary.stories.js +3 -3
  211. package/src/{less → sass}/button/stories/fake-button/base.stories.js +2 -2
  212. package/src/{less → sass}/button/stories/fake-button/cascade.stories.js +3 -3
  213. package/src/{less → sass}/button/stories/fake-button/dimensions.stories.js +1 -1
  214. package/src/{less → sass}/button/stories/fake-button/primary.stories.js +4 -4
  215. package/src/{less → sass}/button/stories/fake-button/secondary.stories.js +4 -4
  216. package/src/{less → sass}/button/stories/fake-button/text-spacing.stories.js +1 -1
  217. package/src/{less/calendar/calendar.less → sass/calendar/calendar.scss} +43 -18
  218. package/src/{less → sass}/calendar/stories/calendar.stories.js +6 -6
  219. package/src/{less/carousel/carousel.less → sass/carousel/carousel.scss} +68 -58
  220. package/src/{less → sass}/carousel/stories/carousel.stories.js +25 -25
  221. package/src/sass/chart-legend/chart-legend.scss +74 -0
  222. package/src/sass/chart-legend/stories/chart-legend.stories.js +65 -0
  223. package/src/{less/checkbox/checkbox.less → sass/checkbox/checkbox.scss} +25 -24
  224. package/src/{less/chip/chip.less → sass/chip/chip.scss} +1 -1
  225. package/src/{less → sass}/chip/stories/interactive-chip.stories.js +17 -17
  226. package/src/{less/chips-combobox/chips-combobox.less → sass/chips-combobox/chips-combobox.scss} +7 -7
  227. package/src/{less → sass}/chips-combobox/stories/chips-combobox.stories.js +38 -38
  228. package/src/{less → sass}/chips-combobox/stories/rtl-chips-combobox.stories.js +34 -34
  229. package/src/{less/combobox/combobox.less → sass/combobox/combobox.scss} +78 -37
  230. package/src/{less → sass}/combobox/stories/combobox.stories.js +11 -11
  231. package/src/{less/confirm-dialog/confirm-dialog.less → sass/confirm-dialog/confirm-dialog.scss} +14 -12
  232. package/src/sass/cta-button/cta-button.scss +105 -0
  233. package/src/{less → sass}/cta-button/stories/cascade.stories.js +3 -3
  234. package/src/{less → sass}/cta-button/stories/cta-button.stories.js +2 -2
  235. package/src/{less → sass}/cta-button/stories/dimensions.stories.js +2 -2
  236. package/src/{less/date-textbox/date-textbox.less → sass/date-textbox/date-textbox.scss} +10 -6
  237. package/src/{less → sass}/date-textbox/stories/date-textbox.stories.js +23 -7
  238. package/src/{less/details/details.less → sass/details/details.scss} +9 -5
  239. package/src/{less → sass}/details/stories/cascade.stories.js +3 -3
  240. package/src/{less → sass}/details/stories/details.stories.js +5 -5
  241. package/src/sass/donut-chart/donut-chart.scss +98 -0
  242. package/src/sass/donut-chart/stories/donut-chart.stories.js +39 -0
  243. package/src/{less/drawer-dialog/drawer-dialog.less → sass/drawer-dialog/drawer-dialog.scss} +24 -21
  244. package/src/{less → sass}/drawer-dialog/stories/drawer-dialog.stories.js +8 -8
  245. package/src/{less/education-notice/education-notice.less → sass/education-notice/education-notice.scss} +26 -8
  246. package/src/{less → sass}/education-notice/stories/base.stories.js +13 -13
  247. package/src/{less/eek/eek.less → sass/eek/eek.scss} +43 -42
  248. package/src/{less/field/field.less → sass/field/field.scss} +23 -13
  249. package/src/{less → sass}/field/stories/stacked.stories.js +8 -8
  250. package/src/{less → sass}/field/stories/unstacked.stories.js +4 -4
  251. package/src/sass/filter-button/filter-button.scss +112 -0
  252. package/src/{less/filter-menu/filter-menu.less → sass/filter-menu/filter-menu.scss} +30 -19
  253. package/src/{less → sass}/filter-menu/stories/filter-menu.stories.js +24 -24
  254. package/src/{less/filter-menu-button/filter-menu-button.less → sass/filter-menu-button/filter-menu-button.scss} +112 -45
  255. package/src/{less → sass}/filter-menu-button/stories/filter-menu-button.stories.js +124 -124
  256. package/src/{less/floating-label/floating-label.less → sass/floating-label/floating-label.scss} +31 -15
  257. package/src/{less → sass}/floating-label/stories/floating-label.stories.js +15 -15
  258. package/src/{less/fullscreen-dialog/fullscreen-dialog.less → sass/fullscreen-dialog/fullscreen-dialog.scss} +15 -11
  259. package/src/{less → sass}/fullscreen-dialog/stories/fullscreen-dialog.stories.js +5 -5
  260. package/src/sass/gh/_gh-mixins.scss +197 -0
  261. package/src/sass/global/global.scss +50 -0
  262. package/src/{less → sass}/global/stories/global.stories.js +12 -12
  263. package/src/sass/icon/icon.scss +92 -0
  264. package/src/{less → sass}/icon/stories/icon.stories.js +5 -5
  265. package/src/{less/icon-button/icon-button.less → sass/icon-button/icon-button.scss} +88 -35
  266. package/src/sass/icon-button/stories/alignment.stories.js +28 -0
  267. package/src/{less → sass}/icon-button/stories/buttons.stories.js +36 -36
  268. package/src/{less → sass}/icon-button/stories/links.stories.js +36 -36
  269. package/src/sass/image-placeholder/image-placeholder.scss +10 -0
  270. package/src/sass/infotip/infotip.scss +136 -0
  271. package/src/{less → sass}/infotip/stories/infotip.stories.js +12 -12
  272. package/src/{less/inline-notice/inline-notice.less → sass/inline-notice/inline-notice.scss} +3 -3
  273. package/src/{less → sass}/inline-notice/stories/inline.stories.js +11 -11
  274. package/src/{less/lightbox-dialog/lightbox-dialog.less → sass/lightbox-dialog/lightbox-dialog.scss} +62 -20
  275. package/src/{less → sass}/lightbox-dialog/stories/lightbox-dialog.stories.js +40 -33
  276. package/src/sass/link/link.scss +61 -0
  277. package/src/{less/listbox/listbox.less → sass/listbox/listbox.scss} +20 -14
  278. package/src/{less → sass}/listbox/stories/cascade.stories.js +9 -9
  279. package/src/{less → sass}/listbox/stories/listbox.stories.js +18 -18
  280. package/src/sass/listbox-button/listbox-button.scss +233 -0
  281. package/src/{less → sass}/listbox-button/stories/base.stories.js +48 -48
  282. package/src/{less → sass}/listbox-button/stories/cascade.stories.js +15 -15
  283. package/src/{less → sass}/listbox-button/stories/dimensions.stories.js +5 -5
  284. package/src/{less → sass}/listbox-button/stories/error/error.base.stories.js +38 -38
  285. package/src/{less → sass}/listbox-button/stories/error/error.cascade.stories.js +15 -15
  286. package/src/{less → sass}/listbox-button/stories/error/error.dimensions.stories.js +5 -5
  287. package/src/{less → sass}/listbox-button/stories/error/error.form.stories.js +10 -10
  288. package/src/{less → sass}/listbox-button/stories/form.stories.js +15 -15
  289. package/src/{less → sass}/listbox-button/stories/subtitle.stories.js +38 -38
  290. package/src/sass/marketsans/marketsans.scss +46 -0
  291. package/src/{less/menu/menu.less → sass/menu/menu.scss} +22 -12
  292. package/src/{less → sass}/menu/stories/fake-menu.stories.js +4 -4
  293. package/src/{less → sass}/menu/stories/multiSelect.stories.js +9 -9
  294. package/src/{less/menu-button/menu-button.less → sass/menu-button/menu-button.scss} +60 -30
  295. package/src/{less → sass}/menu-button/stories/base.stories.js +30 -30
  296. package/src/{less → sass}/menu-button/stories/cascade.stories.js +6 -6
  297. package/src/{less → sass}/menu-button/stories/dimensions.stories.js +1 -1
  298. package/src/{less → sass}/menu-button/stories/fake-menu-button.stories.js +6 -6
  299. package/src/sass/mixins/private/_bubble-mixins.scss +168 -0
  300. package/src/sass/mixins/private/_button-mixins.scss +95 -0
  301. package/src/{less/mixins/private/dialog-mixins.less → sass/mixins/private/_dialog-mixins.scss} +25 -22
  302. package/src/sass/mixins/private/_dropdown-mixins.scss +60 -0
  303. package/src/{less/mixins/private/filter-button-mixins.less → sass/mixins/private/_filter-button-mixins.scss} +6 -2
  304. package/src/sass/mixins/private/_filter-menu-mixins.scss +45 -0
  305. package/src/sass/mixins/private/_generated-icon-mixins.scss +517 -0
  306. package/src/sass/mixins/private/_icon-mixins.scss +12 -0
  307. package/src/sass/mixins/private/_listbox-mixins.scss +48 -0
  308. package/src/sass/mixins/private/_menu-mixins.scss +30 -0
  309. package/src/{less/mixins/private/selection-list-mixins.less → sass/mixins/private/_selection-list-mixins.scss} +3 -3
  310. package/src/sass/mixins/private/_token-mixins.scss +124 -0
  311. package/src/sass/mixins/public/_typography-mixins.scss +136 -0
  312. package/src/sass/mixins/public/_utility-mixins.scss +62 -0
  313. package/src/{less/page-grid/page-grid.less → sass/page-grid/page-grid.scss} +22 -22
  314. package/src/{less/page-notice/page-notice.less → sass/page-notice/page-notice.scss} +66 -26
  315. package/src/{less → sass}/page-notice/stories/page-notice.stories.js +14 -14
  316. package/src/{less → sass}/page-notice/stories/test.stories.js +7 -7
  317. package/src/{less/pagination/pagination.less → sass/pagination/pagination.scss} +28 -14
  318. package/src/{less → sass}/pagination/stories/button-cascade.stories.js +6 -6
  319. package/src/{less → sass}/pagination/stories/buttons.stories.js +4 -4
  320. package/src/{less → sass}/pagination/stories/link-cascade.stories.js +6 -6
  321. package/src/{less → sass}/pagination/stories/links.stories.js +4 -4
  322. package/src/{less → sass}/pagination/stories/overflow.stories.js +20 -20
  323. package/src/{less/panel-dialog/panel-dialog.less → sass/panel-dialog/panel-dialog.scss} +19 -16
  324. package/src/{less → sass}/panel-dialog/stories/panel-dialog.stories.js +7 -7
  325. package/src/{less/phone-input/phone-input.less → sass/phone-input/phone-input.scss} +47 -56
  326. package/src/{less → sass}/phone-input/stories/phone-input.stories.js +56 -56
  327. package/src/sass/progress-bar/progress-bar.scss +51 -0
  328. package/src/{less/progress-bar-expressive/progress-bar-expressive.less → sass/progress-bar-expressive/progress-bar-expressive.scss} +19 -20
  329. package/src/{less/progress-spinner/progress-spinner.less → sass/progress-spinner/progress-spinner.scss} +3 -3
  330. package/src/{less → sass}/progress-spinner/stories/progress-spinner.stories.js +4 -4
  331. package/src/{less/progress-stepper/progress-stepper.less → sass/progress-stepper/progress-stepper.scss} +55 -30
  332. package/src/{less/radio/radio.less → sass/radio/radio.scss} +25 -24
  333. package/src/{less/section-notice/section-notice.less → sass/section-notice/section-notice.scss} +42 -18
  334. package/src/{less → sass}/section-notice/stories/icon-16.stories.js +14 -14
  335. package/src/{less → sass}/section-notice/stories/iconless.stories.js +4 -4
  336. package/src/{less → sass}/section-notice/stories/test.stories.js +4 -4
  337. package/src/{less/section-title/section-title.less → sass/section-title/section-title.scss} +15 -11
  338. package/src/{less → sass}/section-title/stories/rtl.stories.js +3 -3
  339. package/src/{less → sass}/section-title/stories/section-title.stories.js +4 -4
  340. package/src/{less/segmented-buttons/segmented-buttons.less → sass/segmented-buttons/segmented-buttons.scss} +8 -8
  341. package/src/{less → sass}/segmented-buttons/stories/segmented-buttons.stories.js +2 -2
  342. package/src/{less/select/select.less → sass/select/select.scss} +53 -18
  343. package/src/{less → sass}/select/stories/cascade.stories.js +3 -3
  344. package/src/{less → sass}/select/stories/default.stories.js +9 -9
  345. package/src/{less → sass}/select/stories/floating-label.stories.js +4 -4
  346. package/src/{less/signal/signal.less → sass/signal/signal.scss} +9 -6
  347. package/src/{less/skeleton/skeleton.less → sass/skeleton/skeleton.scss} +23 -20
  348. package/src/{less/snackbar-dialog/snackbar-dialog.less → sass/snackbar-dialog/snackbar-dialog.scss} +30 -11
  349. package/src/{less/split-button/split-button.less → sass/split-button/split-button.scss} +1 -1
  350. package/src/{less → sass}/split-button/stories/base.stories.js +13 -13
  351. package/src/{less → sass}/split-button/stories/rtl.stories.js +6 -6
  352. package/src/{less → sass}/split-button/stories/size.stories.js +2 -2
  353. package/src/{less/star-rating/star-rating.less → sass/star-rating/star-rating.scss} +14 -14
  354. package/src/{less/star-rating-select/star-rating-select.less → sass/star-rating-select/star-rating-select.scss} +16 -15
  355. package/src/{less/switch/switch.less → sass/switch/switch.scss} +48 -20
  356. package/src/{less/tabs/tabs.less → sass/tabs/tabs.scss} +17 -7
  357. package/src/{less → sass}/textbox/stories/icon.stories.js +34 -18
  358. package/src/{less → sass}/textbox/stories/rtl/icon.stories.js +27 -11
  359. package/src/sass/textbox/stories/rtl/textbox.stories.js +45 -0
  360. package/src/{less → sass}/textbox/stories/textbox.stories.js +24 -2
  361. package/src/sass/textbox/textbox.scss +238 -0
  362. package/src/{less/toast-dialog/toast-dialog.less → sass/toast-dialog/toast-dialog.scss} +67 -23
  363. package/src/{less → sass}/toggle-button/stories/gallery-layout.stories.js +3 -3
  364. package/src/{less → sass}/toggle-button/stories/list-layout.stories.js +3 -3
  365. package/src/{less/toggle-button/toggle-button.less → sass/toggle-button/toggle-button.scss} +6 -1
  366. package/src/sass/toggle-button-group/stories/gallery-layout-exceptions.stories.js +471 -0
  367. package/src/sass/toggle-button-group/stories/gallery-layout.stories.js +564 -0
  368. package/src/sass/toggle-button-group/stories/list-layout-exceptions.stories.js +507 -0
  369. package/src/sass/toggle-button-group/stories/list-layout.stories.js +638 -0
  370. package/src/sass/toggle-button-group/stories/minimal-layout-exceptions.stories.js +291 -0
  371. package/src/sass/toggle-button-group/stories/minimal-layout.stories.js +289 -0
  372. package/src/sass/toggle-button-group/toggle-button-group.scss +342 -0
  373. package/src/{less → sass}/tooltip/stories/pointer.stories.js +12 -12
  374. package/src/{less → sass}/tooltip/stories/tooltip.stories.js +3 -3
  375. package/src/sass/tooltip/tooltip.scss +118 -0
  376. package/src/{less → sass}/tourtip/stories/tourtip.stories.js +5 -5
  377. package/src/{less/tourtip/tourtip.less → sass/tourtip/tourtip.scss} +41 -33
  378. package/src/{less/typography/typography.less → sass/typography/typography.scss} +24 -21
  379. package/src/{less/utility/utility.less → sass/utility/utility.scss} +13 -13
  380. package/src/sass/variables/_variables.scss +64 -0
  381. package/src/{less/video/video.less → sass/video/video.scss} +3 -3
  382. package/src/svg/icons.svg +21 -21
  383. package/src/tokens/evo-core.css +139 -67
  384. package/src/tokens/evo-dark.css +57 -62
  385. package/src/tokens/evo-light.css +76 -76
  386. package/svg.svg +21 -21
  387. package/_cdn/skin/v17.5.0/skin-default.min.css +0 -76
  388. package/_cdn/skin/v17.5.0/skin-full.min.css +0 -160
  389. package/_cdn/skin/v17.5.0/skin-headless.min.css +0 -6
  390. package/dist/variables/variables.less +0 -70
  391. package/less[ds-4].less +0 -3
  392. package/src/less/avatar/avatar.less +0 -134
  393. package/src/less/badge/badge.less +0 -16
  394. package/src/less/bundles/skin-default.less +0 -3
  395. package/src/less/bundles/skin-full.less +0 -4
  396. package/src/less/bundles/skin-headless.less +0 -70
  397. package/src/less/cta-button/cta-button.less +0 -79
  398. package/src/less/filter-button/filter-button.less +0 -80
  399. package/src/less/global/global.less +0 -37
  400. package/src/less/icon/generated/icon.less +0 -2905
  401. package/src/less/icon/icon.less +0 -62
  402. package/src/less/icon-button/stories/alignment.stories.js +0 -28
  403. package/src/less/image-placeholder/image-placeholder.less +0 -9
  404. package/src/less/infotip/infotip.less +0 -126
  405. package/src/less/link/link.less +0 -44
  406. package/src/less/listbox-button/listbox-button.less +0 -184
  407. package/src/less/marketsans/marketsans.less +0 -45
  408. package/src/less/mixins/private/bubble-mixins.less +0 -166
  409. package/src/less/mixins/private/button-mixins.less +0 -95
  410. package/src/less/mixins/private/dropdown-mixins.less +0 -44
  411. package/src/less/mixins/private/filter-menu-mixins.less +0 -31
  412. package/src/less/mixins/private/generated-icon-mixins.less +0 -517
  413. package/src/less/mixins/private/icon-mixins.less +0 -17
  414. package/src/less/mixins/private/listbox-mixins.less +0 -35
  415. package/src/less/mixins/private/menu-mixins.less +0 -21
  416. package/src/less/mixins/private/token-mixins.less +0 -100
  417. package/src/less/progress-bar/progress-bar.less +0 -35
  418. package/src/less/textbox/stories/rtl/textbox.stories.js +0 -17
  419. package/src/less/textbox/textbox.less +0 -181
  420. package/src/less/toggle-button-group/stories/gallery-layout.stories.js +0 -657
  421. package/src/less/toggle-button-group/stories/list-layout.stories.js +0 -611
  422. package/src/less/toggle-button-group/stories/minimal-layout.stories.js +0 -341
  423. package/src/less/toggle-button-group/toggle-button-group.less +0 -111
  424. package/src/less/tooltip/tooltip.less +0 -109
  425. package/src/less/variables/variables.less +0 -70
  426. /package/src/{less → sass}/alert-dialog/stories/alert-dialog.stories.js +0 -0
  427. /package/src/{less → sass}/avatar/stories/avatar.stories.js +0 -0
  428. /package/src/{less → sass}/badge/stories/badge.stories.js +0 -0
  429. /package/src/{less → sass}/button/stories/destructive-button/borderless.stories.js +0 -0
  430. /package/src/{less → sass}/checkbox/stories/checked.stories.js +0 -0
  431. /package/src/{less → sass}/checkbox/stories/mixed.stories.js +0 -0
  432. /package/src/{less → sass}/checkbox/stories/unchecked.stories.js +0 -0
  433. /package/src/{less → sass}/chip/stories/static-chip.stories.js +0 -0
  434. /package/src/{less → sass}/confirm-dialog/stories/confirm-dialog.stories.js +0 -0
  435. /package/src/{less → sass}/field/stories/helper-texts-stacked.stories.js +0 -0
  436. /package/src/{less → sass}/filter-button/stories/button.stories.js +0 -0
  437. /package/src/{less → sass}/filter-button/stories/group.stories.js +0 -0
  438. /package/src/{less → sass}/filter-button/stories/link.stories.js +0 -0
  439. /package/src/{less/flag/flag.less → sass/flag/flag.scss} +0 -0
  440. /package/src/{less → sass}/flag/stories/flag.stories.js +0 -0
  441. /package/src/{less → sass}/gh/gh-mixins.less +0 -0
  442. /package/src/{less → sass}/image-placeholder/stories/image-placeholder.stories.js +0 -0
  443. /package/src/{less → sass}/link/stories/link.stories.js +0 -0
  444. /package/src/{less → sass}/menu/stories/misc.stories.js +0 -0
  445. /package/src/{less → sass}/mixins/public/typography-mixins.less +0 -0
  446. /package/src/{less → sass}/mixins/public/utility-mixins.less +0 -0
  447. /package/src/{less → sass}/progress-bar/stories/progress-bar.stories.js +0 -0
  448. /package/src/{less → sass}/progress-bar-expressive/stories/progress-bar-expressive.stories.js +0 -0
  449. /package/src/{less → sass}/progress-stepper/stories/progress-stepper.stories.js +0 -0
  450. /package/src/{less → sass}/radio/stories/checked.stories.js +0 -0
  451. /package/src/{less → sass}/radio/stories/unchecked.stories.js +0 -0
  452. /package/src/{less → sass}/signal/stories/signal.stories.js +0 -0
  453. /package/src/{less → sass}/skeleton/stories/base.stories.js +0 -0
  454. /package/src/{less → sass}/skeleton/stories/composite.stories.js +0 -0
  455. /package/src/{less → sass}/skeleton/stories/rtl.stories.js +0 -0
  456. /package/src/{less → sass}/snackbar-dialog/stories/base.stories.js +0 -0
  457. /package/src/{less → sass}/snackbar-dialog/stories/font-size.stories.js +0 -0
  458. /package/src/{less → sass}/snackbar-dialog/stories/rtl.stories.js +0 -0
  459. /package/src/{less → sass}/star-rating/stories/star-rating.stories.js +0 -0
  460. /package/src/{less → sass}/star-rating-select/stories/star-rating-select.stories.js +0 -0
  461. /package/src/{less → sass}/switch/stories/form.stories.js +0 -0
  462. /package/src/{less → sass}/switch/stories/script.stories.js +0 -0
  463. /package/src/{less → sass}/tabs/stories/fake-tabs/block.stories.js +0 -0
  464. /package/src/{less → sass}/tabs/stories/fake-tabs/inlineBlock.stories.js +0 -0
  465. /package/src/{less → sass}/tabs/stories/tabs/block.stories.js +0 -0
  466. /package/src/{less → sass}/tabs/stories/tabs/inlineBlock.stories.js +0 -0
  467. /package/src/{less → sass}/toast-dialog/stories/toast-dialog.stories.js +0 -0
  468. /package/src/{less → sass}/toggle-button/stories/gallery-layout-responsive.stories.js +0 -0
  469. /package/src/{less → sass}/toggle-button/stories/minimal-layout.stories.js +0 -0
@@ -1,2965 +1,78 @@
1
- /* This is a generated file, DO NOT EDIT */
2
- svg.icon--add-16 {
3
- height: 16px;
4
- width: 16px;
5
- }
6
- svg.icon--add-24 {
7
- height: 24px;
8
- width: 24px;
9
- }
10
- svg.icon--add-image-24 {
11
- height: 24px;
12
- width: 24px;
13
- }
14
- svg.icon--afterpay-12-colored {
15
- height: 12px;
16
- width: 20px;
17
- }
18
- svg.icon--afterpay-18-colored {
19
- height: 18px;
20
- width: 30px;
21
- }
22
- svg.icon--afterpay-24-colored {
23
- height: 24px;
24
- width: 38px;
25
- }
26
- svg.icon--afterpay-32-colored {
27
- height: 32px;
28
- width: 50px;
29
- }
30
- svg.icon--ai-16 {
31
- height: 16px;
32
- width: 16px;
33
- }
34
- svg.icon--ai-20 {
35
- height: 20px;
36
- width: 20px;
37
- }
38
- svg.icon--ai-24 {
39
- height: 24px;
40
- width: 24px;
41
- }
42
- svg.icon--ai-filled-16 {
43
- height: 16px;
44
- width: 16px;
45
- }
46
- svg.icon--ai-filled-20 {
47
- height: 20px;
48
- width: 20px;
49
- }
50
- svg.icon--ai-filled-24 {
51
- height: 24px;
52
- width: 24px;
53
- }
54
- svg.icon--ai-spectrum-16-colored {
55
- height: 16px;
56
- width: 16px;
57
- }
58
- svg.icon--ai-spectrum-20-colored {
59
- height: 20px;
60
- width: 20px;
61
- }
62
- svg.icon--ai-spectrum-24-colored {
63
- height: 24px;
64
- width: 24px;
65
- }
66
- svg.icon--ai-spectrum-filled-16-colored {
67
- height: 16px;
68
- width: 16px;
69
- }
70
- svg.icon--ai-spectrum-filled-20-colored {
71
- height: 20px;
72
- width: 20px;
73
- }
74
- svg.icon--ai-spectrum-filled-24-colored {
75
- height: 24px;
76
- width: 24px;
77
- }
78
- svg.icon--ai-spectrum-thin-16-colored {
79
- height: 16px;
80
- width: 16px;
81
- }
82
- svg.icon--ai-thin-16 {
83
- height: 16px;
84
- width: 16px;
85
- }
86
- svg.icon--amex-12-colored {
87
- height: 12px;
88
- width: 20px;
89
- }
90
- svg.icon--amex-18-colored {
91
- height: 18px;
92
- width: 30px;
93
- }
94
- svg.icon--amex-24-colored {
95
- height: 24px;
96
- width: 38px;
97
- }
98
- svg.icon--amex-32-colored {
99
- height: 32px;
100
- width: 50px;
101
- }
102
- svg.icon--apple-pay-12-colored {
103
- height: 12px;
104
- width: 20px;
105
- }
106
- svg.icon--apple-pay-18-colored {
107
- height: 18px;
108
- width: 30px;
109
- }
110
- svg.icon--apple-pay-24-colored {
111
- height: 24px;
112
- width: 38px;
113
- }
114
- svg.icon--apple-pay-32-colored {
115
- height: 32px;
116
- width: 50px;
117
- }
118
- svg.icon--archive-16 {
119
- height: 16px;
120
- width: 16px;
121
- }
122
- svg.icon--archive-24 {
123
- height: 24px;
124
- width: 24px;
125
- }
126
- svg.icon--arrow-left-12 {
127
- height: 12px;
128
- width: 12px;
129
- }
130
- svg.icon--arrow-left-16 {
131
- height: 16px;
132
- width: 16px;
133
- }
134
- svg.icon--arrow-left-20 {
135
- height: 20px;
136
- width: 20px;
137
- }
138
- svg.icon--arrow-left-24 {
139
- height: 24px;
140
- width: 24px;
141
- }
142
- svg.icon--arrow-right-12 {
143
- height: 12px;
144
- width: 12px;
145
- }
146
- svg.icon--arrow-right-16 {
147
- height: 16px;
148
- width: 16px;
149
- }
150
- svg.icon--arrow-right-20 {
151
- height: 20px;
152
- width: 20px;
153
- }
154
- svg.icon--arrow-right-24 {
155
- height: 24px;
156
- width: 24px;
157
- }
158
- svg.icon--arrows-3d-16 {
159
- height: 16px;
160
- width: 16px;
161
- }
162
- svg.icon--arrows-3d-24 {
163
- height: 24px;
164
- width: 24px;
165
- }
166
- svg.icon--arrows-3d-filled-64-colored {
167
- height: 64px;
168
- width: 64px;
169
- }
170
- svg.icon--arrows-expand-16 {
171
- height: 24px;
172
- width: 24px;
173
- }
174
- svg.icon--arrows-expand-24 {
175
- height: 16px;
176
- width: 16px;
177
- }
178
- svg.icon--article-16 {
179
- height: 16px;
180
- width: 16px;
181
- }
182
- svg.icon--article-24 {
183
- height: 24px;
184
- width: 24px;
185
- }
186
- svg.icon--attention-16 {
187
- height: 16px;
188
- width: 16px;
189
- }
190
- svg.icon--attention-24 {
191
- height: 24px;
192
- width: 24px;
193
- }
194
- svg.icon--attention-64 {
195
- height: 64px;
196
- width: 64px;
197
- }
198
- svg.icon--attention-filled-16 {
199
- height: 16px;
200
- width: 16px;
201
- }
202
- svg.icon--attention-filled-24 {
203
- height: 24px;
204
- width: 24px;
205
- }
206
- svg.icon--atv-16 {
207
- height: 16px;
208
- width: 16px;
209
- }
210
- svg.icon--atv-24 {
211
- height: 24px;
212
- width: 24px;
213
- }
214
- svg.icon--audio-high-16 {
215
- height: 16px;
216
- width: 16px;
217
- }
218
- svg.icon--audio-low-16 {
219
- height: 16px;
220
- width: 16px;
221
- }
222
- svg.icon--audio-off-16 {
223
- height: 16px;
224
- width: 16px;
225
- }
226
- svg.icon--authenticity-guarantee-16 {
227
- height: 16px;
228
- width: 16px;
229
- }
230
- svg.icon--authenticity-guarantee-24 {
231
- height: 24px;
232
- width: 24px;
233
- }
234
- svg.icon--auto-adjust-24 {
235
- height: 24px;
236
- width: 24px;
237
- }
238
- svg.icon--background-removal-24 {
239
- height: 24px;
240
- width: 24px;
241
- }
242
- svg.icon--bank-16 {
243
- height: 16px;
244
- width: 16px;
245
- }
246
- svg.icon--bank-24 {
247
- height: 24px;
248
- width: 24px;
249
- }
250
- svg.icon--bank-64 {
251
- height: 64px;
252
- width: 64px;
253
- }
254
- svg.icon--bank-account-12-colored {
255
- height: 12px;
256
- width: 20px;
257
- }
258
- svg.icon--bank-account-18-colored {
259
- height: 18px;
260
- width: 30px;
261
- }
262
- svg.icon--bank-account-24-colored {
263
- height: 24px;
264
- width: 38px;
265
- }
266
- svg.icon--bank-account-32-colored {
267
- height: 32px;
268
- width: 50px;
269
- }
270
- svg.icon--bids-24 {
271
- height: 24px;
272
- width: 24px;
273
- }
274
- svg.icon--bids-64 {
275
- height: 64px;
276
- width: 64px;
277
- }
278
- svg.icon--boat-16 {
279
- height: 16px;
280
- width: 16px;
281
- }
282
- svg.icon--boat-24 {
283
- height: 24px;
284
- width: 24px;
285
- }
286
- svg.icon--book-16 {
287
- height: 16px;
288
- width: 16px;
289
- }
290
- svg.icon--book-24 {
291
- height: 24px;
292
- width: 24px;
293
- }
294
- svg.icon--bookmark-16 {
295
- height: 16px;
296
- width: 16px;
297
- }
298
- svg.icon--bookmark-24 {
299
- height: 24px;
300
- width: 24px;
301
- }
302
- svg.icon--bookmark-filled-16 {
303
- height: 16px;
304
- width: 16px;
305
- }
306
- svg.icon--bookmark-filled-24 {
307
- height: 24px;
308
- width: 24px;
309
- }
310
- svg.icon--brand-authorized-seller-16 {
311
- height: 16px;
312
- width: 16px;
313
- }
314
- svg.icon--brand-authorized-seller-24 {
315
- height: 24px;
316
- width: 24px;
317
- }
318
- svg.icon--brightness-16 {
319
- height: 16px;
320
- width: 16px;
321
- }
322
- svg.icon--brightness-20 {
323
- height: 20px;
324
- width: 20px;
325
- }
326
- svg.icon--brightness-24 {
327
- height: 24px;
328
- width: 24px;
329
- }
330
- svg.icon--calendar-16 {
331
- height: 16px;
332
- width: 16px;
333
- }
334
- svg.icon--calendar-24 {
335
- height: 24px;
336
- width: 24px;
337
- }
338
- svg.icon--calendar-64 {
339
- height: 64px;
340
- width: 64px;
341
- }
342
- svg.icon--camera-16 {
343
- height: 16px;
344
- width: 16px;
345
- }
346
- svg.icon--camera-24 {
347
- height: 24px;
348
- width: 24px;
349
- }
350
- svg.icon--camera-64 {
351
- height: 64px;
352
- width: 64px;
353
- }
354
- svg.icon--car-16 {
355
- height: 16px;
356
- width: 16px;
357
- }
358
- svg.icon--car-24 {
359
- height: 24px;
360
- width: 24px;
361
- }
362
- svg.icon--car-brake-16 {
363
- height: 16px;
364
- width: 16px;
365
- }
366
- svg.icon--car-brake-24 {
367
- height: 24px;
368
- width: 24px;
369
- }
370
- svg.icon--carryon-24 {
371
- height: 24px;
372
- width: 24px;
373
- }
374
- svg.icon--cart-16 {
375
- height: 16px;
376
- width: 16px;
377
- }
378
- svg.icon--cart-20 {
379
- height: 20px;
380
- width: 20px;
381
- }
382
- svg.icon--cart-24 {
383
- height: 24px;
384
- width: 24px;
385
- }
386
- svg.icon--cart-64 {
387
- height: 64px;
388
- width: 64px;
389
- }
390
- svg.icon--categories-16 {
391
- height: 16px;
392
- width: 16px;
393
- }
394
- svg.icon--categories-24 {
395
- height: 24px;
396
- width: 24px;
397
- }
398
- svg.icon--cb-12-colored {
399
- height: 12px;
400
- width: 20px;
401
- }
402
- svg.icon--cb-18-colored {
403
- height: 18px;
404
- width: 30px;
405
- }
406
- svg.icon--cb-24-colored {
407
- height: 24px;
408
- width: 38px;
409
- }
410
- svg.icon--cb-32-colored {
411
- height: 32px;
412
- width: 50px;
413
- }
414
- svg.icon--certified-recycled-16 {
415
- height: 16px;
416
- width: 16px;
417
- }
418
- svg.icon--certified-recycled-24 {
419
- height: 24px;
420
- width: 24px;
421
- }
422
- svg.icon--chair-16 {
423
- height: 16px;
424
- width: 16px;
425
- }
426
- svg.icon--chair-24 {
427
- height: 24px;
428
- width: 24px;
429
- }
430
- svg.icon--chat-16 {
431
- height: 16px;
432
- width: 16px;
433
- }
434
- svg.icon--chat-24 {
435
- height: 24px;
436
- width: 24px;
437
- }
438
- svg.icon--chat-64 {
439
- height: 64px;
440
- width: 64px;
441
- }
442
- svg.icon--check-in-24 {
443
- height: 24px;
444
- width: 24px;
445
- }
446
- svg.icon--checkbox-checked-18 {
447
- height: 18px;
448
- width: 18px;
449
- }
450
- svg.icon--checkbox-checked-24 {
451
- height: 24px;
452
- width: 24px;
453
- }
454
- svg.icon--checkbox-mixed-18 {
455
- height: 18px;
456
- width: 18px;
457
- }
458
- svg.icon--checkbox-mixed-24 {
459
- height: 24px;
460
- width: 24px;
461
- }
462
- svg.icon--checkbox-unchecked-18 {
463
- height: 18px;
464
- width: 18px;
465
- }
466
- svg.icon--checkbox-unchecked-24 {
467
- height: 24px;
468
- width: 24px;
469
- }
470
- svg.icon--checkmark-24 {
471
- height: 24px;
472
- width: 24px;
473
- }
474
- svg.icon--chevron-down-12 {
475
- height: 12px;
476
- width: 12px;
477
- }
478
- svg.icon--chevron-down-16 {
479
- height: 16px;
480
- width: 16px;
481
- }
482
- svg.icon--chevron-down-24 {
483
- height: 24px;
484
- width: 24px;
485
- }
486
- svg.icon--chevron-left-12 {
487
- height: 12px;
488
- width: 12px;
489
- }
490
- svg.icon--chevron-left-16 {
491
- height: 16px;
492
- width: 16px;
493
- }
494
- svg.icon--chevron-left-20 {
495
- height: 20px;
496
- width: 20px;
497
- }
498
- svg.icon--chevron-left-24 {
499
- height: 24px;
500
- width: 24px;
501
- }
502
- svg.icon--chevron-right-12 {
503
- height: 12px;
504
- width: 12px;
505
- }
506
- svg.icon--chevron-right-16 {
507
- height: 16px;
508
- width: 16px;
509
- }
510
- svg.icon--chevron-right-24 {
511
- height: 24px;
512
- width: 24px;
513
- }
514
- svg.icon--chevron-up-12 {
515
- height: 12px;
516
- width: 12px;
517
- }
518
- svg.icon--chevron-up-16 {
519
- height: 16px;
520
- width: 16px;
521
- }
522
- svg.icon--chevron-up-20 {
523
- height: 20px;
524
- width: 20px;
525
- }
526
- svg.icon--chevron-up-24 {
527
- height: 24px;
528
- width: 24px;
529
- }
530
- svg.icon--chinese-coin-16 {
531
- height: 16px;
532
- width: 16px;
533
- }
534
- svg.icon--chinese-coin-24 {
535
- height: 24px;
536
- width: 24px;
537
- }
538
- svg.icon--clear-16 {
539
- height: 16px;
540
- width: 16px;
541
- }
542
- svg.icon--clear-20 {
543
- height: 20px;
544
- width: 20px;
545
- }
546
- svg.icon--clear-24 {
547
- height: 24px;
548
- width: 24px;
549
- }
550
- svg.icon--click-to-call-16 {
551
- height: 16px;
552
- width: 16px;
553
- }
554
- svg.icon--click-to-call-24 {
555
- height: 24px;
556
- width: 24px;
557
- }
558
- svg.icon--clock-16 {
559
- height: 16px;
560
- width: 16px;
561
- }
562
- svg.icon--clock-24 {
563
- height: 24px;
564
- width: 24px;
565
- }
566
- svg.icon--close-12 {
567
- height: 12px;
568
- width: 13px;
569
- }
570
- svg.icon--close-16 {
571
- height: 16px;
572
- width: 16px;
573
- }
574
- svg.icon--close-20 {
575
- height: 20px;
576
- width: 20px;
577
- }
578
- svg.icon--close-24 {
579
- height: 24px;
580
- width: 24px;
581
- }
582
- svg.icon--closed-caption-16 {
583
- height: 16px;
584
- width: 20px;
585
- }
586
- svg.icon--closed-caption-filled-16 {
587
- height: 16px;
588
- width: 20px;
589
- }
590
- svg.icon--coin-24 {
591
- height: 24px;
592
- width: 24px;
593
- }
594
- svg.icon--collections-16 {
595
- height: 16px;
596
- width: 16px;
597
- }
598
- svg.icon--collections-24 {
599
- height: 24px;
600
- width: 24px;
601
- }
602
- svg.icon--condensed-grid-24 {
603
- height: 24px;
604
- width: 24px;
605
- }
606
- svg.icon--condensed-grid-filled-24 {
607
- height: 24px;
608
- width: 24px;
609
- }
610
- svg.icon--confirmation-16 {
611
- height: 16px;
612
- width: 16px;
613
- }
614
- svg.icon--confirmation-24 {
615
- height: 24px;
616
- width: 24px;
617
- }
618
- svg.icon--confirmation-64 {
619
- height: 64px;
620
- width: 64px;
621
- }
622
- svg.icon--confirmation-filled-16 {
623
- height: 16px;
624
- width: 16px;
625
- }
626
- svg.icon--confirmation-filled-24 {
627
- height: 24px;
628
- width: 24px;
629
- }
630
- svg.icon--contract-16 {
631
- height: 16px;
632
- width: 16px;
633
- }
634
- svg.icon--contrast-24 {
635
- height: 24px;
636
- width: 24px;
637
- }
638
- svg.icon--copy-16 {
639
- height: 16px;
640
- width: 16px;
641
- }
642
- svg.icon--copy-24 {
643
- height: 24px;
644
- width: 24px;
645
- }
646
- svg.icon--credit-card-16 {
647
- height: 16px;
648
- width: 16px;
649
- }
650
- svg.icon--credit-card-24 {
651
- height: 24px;
652
- width: 24px;
653
- }
654
- svg.icon--credit-card-64 {
655
- height: 64px;
656
- width: 64px;
657
- }
658
- svg.icon--crop-24 {
659
- height: 24px;
660
- width: 24px;
661
- }
662
- svg.icon--customize-16 {
663
- height: 16px;
664
- width: 16px;
665
- }
666
- svg.icon--customize-24 {
667
- height: 24px;
668
- width: 24px;
669
- }
670
- svg.icon--delete-16 {
671
- height: 16px;
672
- width: 16px;
673
- }
674
- svg.icon--delete-20 {
675
- height: 20px;
676
- width: 20px;
677
- }
678
- svg.icon--delete-24 {
679
- height: 24px;
680
- width: 24px;
681
- }
682
- svg.icon--diamond-16 {
683
- height: 16px;
684
- width: 16px;
685
- }
686
- svg.icon--diamond-24 {
687
- height: 24px;
688
- width: 24px;
689
- }
690
- svg.icon--diners-12-colored {
691
- height: 12px;
692
- width: 20px;
693
- }
694
- svg.icon--diners-18-colored {
695
- height: 18px;
696
- width: 30px;
697
- }
698
- svg.icon--diners-24-colored {
699
- height: 24px;
700
- width: 38px;
701
- }
702
- svg.icon--diners-32-colored {
703
- height: 32px;
704
- width: 50px;
705
- }
706
- svg.icon--direct-debit-12-colored {
707
- height: 12px;
708
- width: 20px;
709
- }
710
- svg.icon--direct-debit-18-colored {
711
- height: 18px;
712
- width: 30px;
713
- }
714
- svg.icon--direct-debit-24-colored {
715
- height: 24px;
716
- width: 38px;
717
- }
718
- svg.icon--direct-debit-32-colored {
719
- height: 32px;
720
- width: 50px;
721
- }
722
- svg.icon--direct-from-brand-16 {
723
- height: 16px;
724
- width: 16px;
725
- }
726
- svg.icon--direct-from-brand-24 {
727
- height: 24px;
728
- width: 24px;
729
- }
730
- svg.icon--discord-24 {
731
- height: 24px;
732
- width: 24px;
733
- }
734
- svg.icon--discount-16 {
735
- height: 16px;
736
- width: 16px;
737
- }
738
- svg.icon--discount-24 {
739
- height: 24px;
740
- width: 24px;
741
- }
742
- svg.icon--discover-12-colored {
743
- height: 12px;
744
- width: 20px;
745
- }
746
- svg.icon--discover-18-colored {
747
- height: 18px;
748
- width: 30px;
749
- }
750
- svg.icon--discover-24-colored {
751
- height: 24px;
752
- width: 38px;
753
- }
754
- svg.icon--discover-32-colored {
755
- height: 32px;
756
- width: 50px;
757
- }
758
- svg.icon--dollar-16 {
759
- height: 16px;
760
- width: 16px;
761
- }
762
- svg.icon--dollar-24 {
763
- height: 24px;
764
- width: 24px;
765
- }
766
- svg.icon--download-16 {
767
- height: 16px;
768
- width: 16px;
769
- }
770
- svg.icon--download-24 {
771
- height: 24px;
772
- width: 24px;
773
- }
774
- svg.icon--ebay-balance-12-colored {
775
- height: 12px;
776
- width: 20px;
777
- }
778
- svg.icon--ebay-balance-18-colored {
779
- height: 18px;
780
- width: 30px;
781
- }
782
- svg.icon--ebay-balance-24-colored {
783
- height: 24px;
784
- width: 38px;
785
- }
786
- svg.icon--ebay-balance-32-colored {
787
- height: 32px;
788
- width: 50px;
789
- }
790
- svg.icon--ebay-bucks-logo-16-colored {
791
- height: 16px;
792
- width: 48px;
793
- }
794
- svg.icon--ebay-for-charity-16 {
795
- height: 16px;
796
- width: 16px;
797
- }
798
- svg.icon--ebay-for-charity-24 {
799
- height: 24px;
800
- width: 24px;
801
- }
802
- svg.icon--ebay-international-shipping-16 {
803
- height: 16px;
804
- width: 16px;
805
- }
806
- svg.icon--ebay-international-shipping-24 {
807
- height: 24px;
808
- width: 24px;
809
- }
810
- svg.icon--ebay-international-shipping-64 {
811
- height: 64px;
812
- width: 64px;
813
- }
814
- svg.icon--ebay-live-16 {
815
- height: 16px;
816
- width: 16px;
817
- }
818
- svg.icon--ebay-live-24 {
819
- height: 24px;
820
- width: 24px;
821
- }
822
- svg.icon--ebay-mastercard-12-colored {
823
- height: 12px;
824
- width: 20px;
825
- }
826
- svg.icon--ebay-mastercard-18-colored {
827
- height: 18px;
828
- width: 30px;
829
- }
830
- svg.icon--ebay-mastercard-24-colored {
831
- height: 24px;
832
- width: 38px;
833
- }
834
- svg.icon--ebay-mastercard-32-colored {
835
- height: 32px;
836
- width: 50px;
837
- }
838
- svg.icon--ebay-money-back-guarantee-logo-16-colored {
839
- height: 16px;
840
- width: 147px;
841
- }
842
- svg.icon--ebay-plus-16 {
843
- height: 16px;
844
- width: 16px;
845
- }
846
- svg.icon--ebay-plus-24 {
847
- height: 24px;
848
- width: 24px;
849
- }
850
- svg.icon--ebay-plus-logo-16-colored {
851
- height: 16px;
852
- width: 58px;
853
- }
854
- svg.icon--ebay-preloved-16 {
855
- height: 16px;
856
- width: 16px;
857
- }
858
- svg.icon--ebay-preloved-24 {
859
- height: 24px;
860
- width: 24px;
861
- }
862
- svg.icon--ebay-refurbished-16 {
863
- height: 16px;
864
- width: 16px;
865
- }
866
- svg.icon--ebay-refurbished-24 {
867
- height: 24px;
868
- width: 24px;
869
- }
870
- svg.icon--eek-arrow {
871
- height: 28px;
872
- width: 11px;
873
- }
874
- svg.icon--eek-range-arrow {
875
- height: 6px;
876
- width: 5px;
877
- }
878
- svg.icon--escrow-16 {
879
- height: 16px;
880
- width: 16px;
881
- }
882
- svg.icon--escrow-24 {
883
- height: 24px;
884
- width: 24px;
885
- }
886
- svg.icon--escrow-card-12-colored {
887
- height: 12px;
888
- width: 20px;
889
- }
890
- svg.icon--escrow-card-18-colored {
891
- height: 18px;
892
- width: 30px;
893
- }
894
- svg.icon--escrow-card-24-colored {
895
- height: 24px;
896
- width: 38px;
897
- }
898
- svg.icon--escrow-card-32-colored {
899
- height: 32px;
900
- width: 50px;
901
- }
902
- svg.icon--euro-16 {
903
- height: 16px;
904
- width: 16px;
905
- }
906
- svg.icon--euro-24 {
907
- height: 24px;
908
- width: 24px;
909
- }
910
- svg.icon--exclude-16 {
911
- height: 16px;
912
- width: 16px;
913
- }
914
- svg.icon--exclude-24 {
915
- height: 24px;
916
- width: 24px;
917
- }
918
- svg.icon--expand-16 {
919
- height: 16px;
920
- width: 16px;
921
- }
922
- svg.icon--external-link-16 {
923
- height: 16px;
924
- width: 16px;
925
- }
926
- svg.icon--external-link-20 {
927
- height: 20px;
928
- width: 20px;
929
- }
930
- svg.icon--external-link-24 {
931
- height: 24px;
932
- width: 24px;
933
- }
934
- svg.icon--face-happiest-24 {
935
- height: 24px;
936
- width: 24px;
937
- }
938
- svg.icon--face-happy-16 {
939
- height: 16px;
940
- width: 16px;
941
- }
942
- svg.icon--face-happy-24 {
943
- height: 24px;
944
- width: 24px;
945
- }
946
- svg.icon--face-neutral-24 {
947
- height: 24px;
948
- width: 24px;
949
- }
950
- svg.icon--face-sad-24 {
951
- height: 24px;
952
- width: 24px;
953
- }
954
- svg.icon--face-saddest-24 {
955
- height: 24px;
956
- width: 24px;
957
- }
958
- svg.icon--facebook-24 {
959
- height: 24px;
960
- width: 24px;
961
- }
962
- svg.icon--facebook-messenger-24 {
963
- height: 24px;
964
- width: 24px;
965
- }
966
- svg.icon--fast-and-free-16 {
967
- height: 16px;
968
- width: 16px;
969
- }
970
- svg.icon--fast-and-free-24 {
971
- height: 24px;
972
- width: 24px;
973
- }
974
- svg.icon--fast-and-free-64 {
975
- height: 64px;
976
- width: 64px;
977
- }
978
- svg.icon--feedback-16 {
979
- height: 16px;
980
- width: 16px;
981
- }
982
- svg.icon--feedback-20 {
983
- height: 20px;
984
- width: 20px;
985
- }
986
- svg.icon--feedback-24 {
987
- height: 24px;
988
- width: 24px;
989
- }
990
- svg.icon--file-16 {
991
- height: 16px;
992
- width: 16px;
993
- }
994
- svg.icon--file-24 {
995
- height: 24px;
996
- width: 24px;
997
- }
998
- svg.icon--filter-16 {
999
- height: 16px;
1000
- width: 16px;
1001
- }
1002
- svg.icon--filter-24 {
1003
- height: 24px;
1004
- width: 24px;
1005
- }
1006
- svg.icon--fingerprint-24 {
1007
- height: 24px;
1008
- width: 24px;
1009
- }
1010
- svg.icon--fingerprint-64 {
1011
- height: 64px;
1012
- width: 65px;
1013
- }
1014
- svg.icon--flag-16 {
1015
- height: 16px;
1016
- width: 16px;
1017
- }
1018
- svg.icon--flag-24 {
1019
- height: 24px;
1020
- width: 24px;
1021
- }
1022
- svg.icon--flag-filled-16 {
1023
- height: 16px;
1024
- width: 16px;
1025
- }
1026
- svg.icon--flag-filled-24 {
1027
- height: 24px;
1028
- width: 24px;
1029
- }
1030
- svg.icon--flash-24 {
1031
- height: 24px;
1032
- width: 24px;
1033
- }
1034
- svg.icon--flash-auto-24 {
1035
- height: 24px;
1036
- width: 24px;
1037
- }
1038
- svg.icon--flash-off-24 {
1039
- height: 24px;
1040
- width: 24px;
1041
- }
1042
- svg.icon--folder-16 {
1043
- height: 16px;
1044
- width: 16px;
1045
- }
1046
- svg.icon--folder-24 {
1047
- height: 24px;
1048
- width: 24px;
1049
- }
1050
- svg.icon--franc-16 {
1051
- height: 16px;
1052
- width: 16px;
1053
- }
1054
- svg.icon--franc-24 {
1055
- height: 24px;
1056
- width: 24px;
1057
- }
1058
- svg.icon--free-warranty-16 {
1059
- height: 16px;
1060
- width: 16px;
1061
- }
1062
- svg.icon--free-warranty-24 {
1063
- height: 24px;
1064
- width: 24px;
1065
- }
1066
- svg.icon--full-view-16 {
1067
- height: 16px;
1068
- width: 16px;
1069
- }
1070
- svg.icon--full-view-24 {
1071
- height: 24px;
1072
- width: 24px;
1073
- }
1074
- svg.icon--full-view-filled-16 {
1075
- height: 16px;
1076
- width: 16px;
1077
- }
1078
- svg.icon--full-view-filled-24 {
1079
- height: 24px;
1080
- width: 24px;
1081
- }
1082
- svg.icon--gallery-16 {
1083
- height: 16px;
1084
- width: 16px;
1085
- }
1086
- svg.icon--gallery-24 {
1087
- height: 24px;
1088
- width: 24px;
1089
- }
1090
- svg.icon--general-card-12-colored {
1091
- height: 12px;
1092
- width: 20px;
1093
- }
1094
- svg.icon--general-card-18-colored {
1095
- height: 18px;
1096
- width: 30px;
1097
- }
1098
- svg.icon--general-card-24-colored {
1099
- height: 24px;
1100
- width: 38px;
1101
- }
1102
- svg.icon--general-card-32-colored {
1103
- height: 32px;
1104
- width: 50px;
1105
- }
1106
- svg.icon--generic-card-12-colored {
1107
- height: 12px;
1108
- width: 20px;
1109
- }
1110
- svg.icon--generic-card-18-colored {
1111
- height: 18px;
1112
- width: 30px;
1113
- }
1114
- svg.icon--generic-card-24-colored {
1115
- height: 24px;
1116
- width: 38px;
1117
- }
1118
- svg.icon--generic-card-32-colored {
1119
- height: 32px;
1120
- width: 50px;
1121
- }
1122
- svg.icon--gift-16 {
1123
- height: 16px;
1124
- width: 16px;
1125
- }
1126
- svg.icon--gift-24 {
1127
- height: 24px;
1128
- width: 24px;
1129
- }
1130
- svg.icon--gift-64 {
1131
- height: 64px;
1132
- width: 64px;
1133
- }
1134
- svg.icon--gift-card-12-colored {
1135
- height: 12px;
1136
- width: 20px;
1137
- }
1138
- svg.icon--gift-card-18-colored {
1139
- height: 18px;
1140
- width: 30px;
1141
- }
1142
- svg.icon--gift-card-24-colored {
1143
- height: 24px;
1144
- width: 38px;
1145
- }
1146
- svg.icon--gift-card-32-colored {
1147
- height: 32px;
1148
- width: 50px;
1149
- }
1150
- svg.icon--glasses-24 {
1151
- height: 24px;
1152
- width: 24px;
1153
- }
1154
- svg.icon--glasses-64 {
1155
- height: 64px;
1156
- width: 64px;
1157
- }
1158
- svg.icon--google-pay-12-colored {
1159
- height: 12px;
1160
- width: 20px;
1161
- }
1162
- svg.icon--google-pay-18-colored {
1163
- height: 18px;
1164
- width: 30px;
1165
- }
1166
- svg.icon--google-pay-24-colored {
1167
- height: 24px;
1168
- width: 38px;
1169
- }
1170
- svg.icon--google-pay-32-colored {
1171
- height: 32px;
1172
- width: 50px;
1173
- }
1174
- svg.icon--graph-16 {
1175
- height: 16px;
1176
- width: 16px;
1177
- }
1178
- svg.icon--graph-24 {
1179
- height: 24px;
1180
- width: 24px;
1181
- }
1182
- svg.icon--graph-dynamic-16 {
1183
- height: 16px;
1184
- width: 16px;
1185
- }
1186
- svg.icon--graph-dynamic-24 {
1187
- height: 24px;
1188
- width: 24px;
1189
- }
1190
- svg.icon--grid-view-16 {
1191
- height: 16px;
1192
- width: 16px;
1193
- }
1194
- svg.icon--grid-view-24 {
1195
- height: 24px;
1196
- width: 24px;
1197
- }
1198
- svg.icon--grid-view-filled-16 {
1199
- height: 16px;
1200
- width: 16px;
1201
- }
1202
- svg.icon--grid-view-filled-24 {
1203
- height: 24px;
1204
- width: 24px;
1205
- }
1206
- svg.icon--handbag-16 {
1207
- height: 16px;
1208
- width: 16px;
1209
- }
1210
- svg.icon--handbag-24 {
1211
- height: 24px;
1212
- width: 24px;
1213
- }
1214
- svg.icon--hanger-16 {
1215
- height: 16px;
1216
- width: 16px;
1217
- }
1218
- svg.icon--hanger-24 {
1219
- height: 24px;
1220
- width: 24px;
1221
- }
1222
- svg.icon--headlight-16 {
1223
- height: 16px;
1224
- width: 16px;
1225
- }
1226
- svg.icon--headlight-24 {
1227
- height: 24px;
1228
- width: 24px;
1229
- }
1230
- svg.icon--headphone-16 {
1231
- height: 16px;
1232
- width: 16px;
1233
- }
1234
- svg.icon--headphone-24 {
1235
- height: 24px;
1236
- width: 24px;
1237
- }
1238
- svg.icon--help-16 {
1239
- height: 16px;
1240
- width: 16px;
1241
- }
1242
- svg.icon--help-20 {
1243
- height: 20px;
1244
- width: 20px;
1245
- }
1246
- svg.icon--help-24 {
1247
- height: 24px;
1248
- width: 24px;
1249
- }
1250
- svg.icon--help-outline-16 {
1251
- height: 16px;
1252
- width: 16px;
1253
- }
1254
- svg.icon--help-outline-20 {
1255
- height: 20px;
1256
- width: 20px;
1257
- }
1258
- svg.icon--help-outline-24 {
1259
- height: 24px;
1260
- width: 24px;
1261
- }
1262
- svg.icon--hide-16 {
1263
- height: 16px;
1264
- width: 16px;
1265
- }
1266
- svg.icon--hide-24 {
1267
- height: 24px;
1268
- width: 24px;
1269
- }
1270
- svg.icon--history-24 {
1271
- height: 24px;
1272
- width: 24px;
1273
- }
1274
- svg.icon--history-64 {
1275
- height: 64px;
1276
- width: 64px;
1277
- }
1278
- svg.icon--home-24 {
1279
- height: 24px;
1280
- width: 24px;
1281
- }
1282
- svg.icon--home-filled-24 {
1283
- height: 24px;
1284
- width: 24px;
1285
- }
1286
- svg.icon--image-16 {
1287
- height: 16px;
1288
- width: 16px;
1289
- }
1290
- svg.icon--image-24 {
1291
- height: 24px;
1292
- width: 24px;
1293
- }
1294
- svg.icon--image-64 {
1295
- height: 64px;
1296
- width: 64px;
1297
- }
1298
- svg.icon--inbox-16 {
1299
- height: 16px;
1300
- width: 16px;
1301
- }
1302
- svg.icon--inbox-24 {
1303
- height: 24px;
1304
- width: 24px;
1305
- }
1306
- svg.icon--information-16 {
1307
- height: 16px;
1308
- width: 16px;
1309
- }
1310
- svg.icon--information-24 {
1311
- height: 24px;
1312
- width: 24px;
1313
- }
1314
- svg.icon--information-filled-16 {
1315
- height: 16px;
1316
- width: 16px;
1317
- }
1318
- svg.icon--information-filled-24 {
1319
- height: 24px;
1320
- width: 24px;
1321
- }
1322
- svg.icon--inspect-16 {
1323
- height: 16px;
1324
- width: 16px;
1325
- }
1326
- svg.icon--inspect-24 {
1327
- height: 24px;
1328
- width: 24px;
1329
- }
1330
- svg.icon--inspect-64 {
1331
- height: 64px;
1332
- width: 64px;
1333
- }
1334
- svg.icon--instagram-24 {
1335
- height: 24px;
1336
- width: 24px;
1337
- }
1338
- svg.icon--jcb-12-colored {
1339
- height: 12px;
1340
- width: 20px;
1341
- }
1342
- svg.icon--jcb-18-colored {
1343
- height: 18px;
1344
- width: 30px;
1345
- }
1346
- svg.icon--jcb-24-colored {
1347
- height: 24px;
1348
- width: 38px;
1349
- }
1350
- svg.icon--jcb-32-colored {
1351
- height: 32px;
1352
- width: 50px;
1353
- }
1354
- svg.icon--jet-ski-16 {
1355
- height: 16px;
1356
- width: 16px;
1357
- }
1358
- svg.icon--jet-ski-24 {
1359
- height: 24px;
1360
- width: 24px;
1361
- }
1362
- svg.icon--key-16 {
1363
- height: 16px;
1364
- width: 16px;
1365
- }
1366
- svg.icon--key-24 {
1367
- height: 24px;
1368
- width: 24px;
1369
- }
1370
- svg.icon--keyboard-16 {
1371
- height: 16px;
1372
- width: 16px;
1373
- }
1374
- svg.icon--keyboard-24 {
1375
- height: 24px;
1376
- width: 24px;
1377
- }
1378
- svg.icon--klarna-black-12-colored {
1379
- height: 12px;
1380
- width: 20px;
1381
- }
1382
- svg.icon--klarna-black-18-colored {
1383
- height: 18px;
1384
- width: 30px;
1385
- }
1386
- svg.icon--klarna-black-24-colored {
1387
- height: 24px;
1388
- width: 38px;
1389
- }
1390
- svg.icon--klarna-black-32-colored {
1391
- height: 32px;
1392
- width: 50px;
1393
- }
1394
- svg.icon--klarna-pink-12-colored {
1395
- height: 12px;
1396
- width: 20px;
1397
- }
1398
- svg.icon--klarna-pink-18-colored {
1399
- height: 18px;
1400
- width: 30px;
1401
- }
1402
- svg.icon--klarna-pink-24-colored {
1403
- height: 24px;
1404
- width: 38px;
1405
- }
1406
- svg.icon--klarna-pink-32-colored {
1407
- height: 32px;
1408
- width: 50px;
1409
- }
1410
- svg.icon--klarna-white-12-colored {
1411
- height: 12px;
1412
- width: 20px;
1413
- }
1414
- svg.icon--klarna-white-18-colored {
1415
- height: 18px;
1416
- width: 30px;
1417
- }
1418
- svg.icon--klarna-white-24-colored {
1419
- height: 24px;
1420
- width: 38px;
1421
- }
1422
- svg.icon--klarna-white-32-colored {
1423
- height: 32px;
1424
- width: 50px;
1425
- }
1426
- svg.icon--krona-16 {
1427
- height: 16px;
1428
- width: 16px;
1429
- }
1430
- svg.icon--krona-24 {
1431
- height: 24px;
1432
- width: 24px;
1433
- }
1434
- svg.icon--lamp-16 {
1435
- height: 16px;
1436
- width: 16px;
1437
- }
1438
- svg.icon--lamp-24 {
1439
- height: 24px;
1440
- width: 24px;
1441
- }
1442
- svg.icon--large-box-16 {
1443
- height: 16px;
1444
- width: 16px;
1445
- }
1446
- svg.icon--large-box-24 {
1447
- height: 24px;
1448
- width: 24px;
1449
- }
1450
- svg.icon--legacy-authenticity-guarantee-48-colored {
1451
- height: 48px;
1452
- width: 48px;
1453
- }
1454
- svg.icon--legacy-click-to-call-48-colored {
1455
- height: 48px;
1456
- width: 48px;
1457
- }
1458
- svg.icon--legacy-escrow-48-colored {
1459
- height: 48px;
1460
- width: 48px;
1461
- }
1462
- svg.icon--legacy-free-warranty-48-colored {
1463
- height: 48px;
1464
- width: 48px;
1465
- }
1466
- svg.icon--legacy-money-back-guarantee-chf-48-colored {
1467
- height: 48px;
1468
- width: 48px;
1469
- }
1470
- svg.icon--legacy-money-back-guarantee-eu-48-colored {
1471
- height: 48px;
1472
- width: 48px;
1473
- }
1474
- svg.icon--legacy-money-back-guarantee-uk-48-colored {
1475
- height: 48px;
1476
- width: 48px;
1477
- }
1478
- svg.icon--legacy-money-back-guarantee-us-48-colored {
1479
- height: 48px;
1480
- width: 48px;
1481
- }
1482
- svg.icon--legacy-money-back-guarantee-zl-48-colored {
1483
- height: 48px;
1484
- width: 48px;
1485
- }
1486
- svg.icon--legacy-top-rated-seller-48-colored {
1487
- height: 48px;
1488
- width: 48px;
1489
- }
1490
- svg.icon--lightbulb-16 {
1491
- height: 16px;
1492
- width: 16px;
1493
- }
1494
- svg.icon--lightbulb-24 {
1495
- height: 24px;
1496
- width: 24px;
1497
- }
1498
- svg.icon--lightning-bolt-16 {
1499
- height: 16px;
1500
- width: 16px;
1501
- }
1502
- svg.icon--lightning-bolt-24 {
1503
- height: 24px;
1504
- width: 24px;
1505
- }
1506
- svg.icon--link-24 {
1507
- height: 24px;
1508
- width: 24px;
1509
- }
1510
- svg.icon--linkedin-24 {
1511
- height: 24px;
1512
- width: 24px;
1513
- }
1514
- svg.icon--list-view-16 {
1515
- height: 16px;
1516
- width: 16px;
1517
- }
1518
- svg.icon--list-view-24 {
1519
- height: 24px;
1520
- width: 24px;
1521
- }
1522
- svg.icon--list-view-filled-16 {
1523
- height: 16px;
1524
- width: 16px;
1525
- }
1526
- svg.icon--list-view-filled-24 {
1527
- height: 24px;
1528
- width: 24px;
1529
- }
1530
- svg.icon--live-eye-16 {
1531
- height: 16px;
1532
- width: 16px;
1533
- }
1534
- svg.icon--live-eye-24 {
1535
- height: 24px;
1536
- width: 24px;
1537
- }
1538
- svg.icon--location-16 {
1539
- height: 16px;
1540
- width: 16px;
1541
- }
1542
- svg.icon--location-24 {
1543
- height: 24px;
1544
- width: 24px;
1545
- }
1546
- svg.icon--location-64 {
1547
- height: 64px;
1548
- width: 64px;
1549
- }
1550
- svg.icon--locked-16 {
1551
- height: 16px;
1552
- width: 16px;
1553
- }
1554
- svg.icon--locked-20 {
1555
- height: 20px;
1556
- width: 20px;
1557
- }
1558
- svg.icon--locked-24 {
1559
- height: 24px;
1560
- width: 24px;
1561
- }
1562
- svg.icon--maestro-12-colored {
1563
- height: 12px;
1564
- width: 20px;
1565
- }
1566
- svg.icon--maestro-18-colored {
1567
- height: 18px;
1568
- width: 30px;
1569
- }
1570
- svg.icon--maestro-24-colored {
1571
- height: 24px;
1572
- width: 38px;
1573
- }
1574
- svg.icon--maestro-32-colored {
1575
- height: 32px;
1576
- width: 50px;
1577
- }
1578
- svg.icon--mail-16 {
1579
- height: 16px;
1580
- width: 16px;
1581
- }
1582
- svg.icon--mail-20 {
1583
- height: 20px;
1584
- width: 20px;
1585
- }
1586
- svg.icon--mail-24 {
1587
- height: 24px;
1588
- width: 24px;
1589
- }
1590
- svg.icon--mail-64 {
1591
- height: 64px;
1592
- width: 64px;
1593
- }
1594
- svg.icon--mail-move-16 {
1595
- height: 16px;
1596
- width: 16px;
1597
- }
1598
- svg.icon--mail-move-24 {
1599
- height: 24px;
1600
- width: 24px;
1601
- }
1602
- svg.icon--mail-open-16 {
1603
- height: 16px;
1604
- width: 16px;
1605
- }
1606
- svg.icon--mail-open-24 {
1607
- height: 24px;
1608
- width: 24px;
1609
- }
1610
- svg.icon--mail-unread-16 {
1611
- height: 16px;
1612
- width: 16px;
1613
- }
1614
- svg.icon--mail-unread-24 {
1615
- height: 24px;
1616
- width: 24px;
1617
- }
1618
- svg.icon--map-16 {
1619
- height: 16px;
1620
- width: 16px;
1621
- }
1622
- svg.icon--map-20 {
1623
- height: 20px;
1624
- width: 20px;
1625
- }
1626
- svg.icon--map-24 {
1627
- height: 24px;
1628
- width: 24px;
1629
- }
1630
- svg.icon--masonry-view-24 {
1631
- height: 24px;
1632
- width: 24px;
1633
- }
1634
- svg.icon--masonry-view-filled-24 {
1635
- height: 24px;
1636
- width: 24px;
1637
- }
1638
- svg.icon--mastercard-12-colored {
1639
- height: 12px;
1640
- width: 20px;
1641
- }
1642
- svg.icon--mastercard-18-colored {
1643
- height: 18px;
1644
- width: 30px;
1645
- }
1646
- svg.icon--mastercard-24-colored {
1647
- height: 24px;
1648
- width: 38px;
1649
- }
1650
- svg.icon--mastercard-32-colored {
1651
- height: 32px;
1652
- width: 50px;
1653
- }
1654
- svg.icon--medium-box-16 {
1655
- height: 16px;
1656
- width: 16px;
1657
- }
1658
- svg.icon--medium-box-24 {
1659
- height: 24px;
1660
- width: 24px;
1661
- }
1662
- svg.icon--menu-20 {
1663
- height: 20px;
1664
- width: 20px;
1665
- }
1666
- svg.icon--menu-24 {
1667
- height: 24px;
1668
- width: 24px;
1669
- }
1670
- svg.icon--microphone-16 {
1671
- height: 16px;
1672
- width: 16px;
1673
- }
1674
- svg.icon--microphone-24 {
1675
- height: 24px;
1676
- width: 24px;
1677
- }
1678
- svg.icon--mobile-24 {
1679
- height: 24px;
1680
- width: 24px;
1681
- }
1682
- svg.icon--mobile-signal-24 {
1683
- height: 24px;
1684
- width: 24px;
1685
- }
1686
- svg.icon--money-back-guarantee-16 {
1687
- height: 16px;
1688
- width: 16px;
1689
- }
1690
- svg.icon--money-back-guarantee-24 {
1691
- height: 24px;
1692
- width: 24px;
1693
- }
1694
- svg.icon--moon-16 {
1695
- height: 16px;
1696
- width: 16px;
1697
- }
1698
- svg.icon--moon-20 {
1699
- height: 20px;
1700
- width: 20px;
1701
- }
1702
- svg.icon--moon-24 {
1703
- height: 24px;
1704
- width: 24px;
1705
- }
1706
- svg.icon--motorcycle-16 {
1707
- height: 16px;
1708
- width: 16px;
1709
- }
1710
- svg.icon--motorcycle-24 {
1711
- height: 24px;
1712
- width: 24px;
1713
- }
1714
- svg.icon--move-16 {
1715
- height: 16px;
1716
- width: 16px;
1717
- }
1718
- svg.icon--move-24 {
1719
- height: 24px;
1720
- width: 24px;
1721
- }
1722
- svg.icon--nectar-logo-24-colored {
1723
- height: 24px;
1724
- width: 29px;
1725
- }
1726
- svg.icon--negative-filled-16 {
1727
- height: 16px;
1728
- width: 16px;
1729
- }
1730
- svg.icon--negative-filled-24 {
1731
- height: 24px;
1732
- width: 24px;
1733
- }
1734
- svg.icon--neutral-16 {
1735
- height: 16px;
1736
- width: 16px;
1737
- }
1738
- svg.icon--neutral-24 {
1739
- height: 24px;
1740
- width: 24px;
1741
- }
1742
- svg.icon--notification-16 {
1743
- height: 16px;
1744
- width: 16px;
1745
- }
1746
- svg.icon--notification-20 {
1747
- height: 20px;
1748
- width: 20px;
1749
- }
1750
- svg.icon--notification-24 {
1751
- height: 24px;
1752
- width: 24px;
1753
- }
1754
- svg.icon--notification-64 {
1755
- height: 64px;
1756
- width: 64px;
1757
- }
1758
- svg.icon--notification-filled-24 {
1759
- height: 24px;
1760
- width: 24px;
1761
- }
1762
- svg.icon--on-the-way-16 {
1763
- height: 16px;
1764
- width: 16px;
1765
- }
1766
- svg.icon--on-the-way-24 {
1767
- height: 24px;
1768
- width: 24px;
1769
- }
1770
- svg.icon--overflow-horizontal-16 {
1771
- height: 16px;
1772
- width: 16px;
1773
- }
1774
- svg.icon--overflow-horizontal-20 {
1775
- height: 20px;
1776
- width: 20px;
1777
- }
1778
- svg.icon--overflow-horizontal-24 {
1779
- height: 24px;
1780
- width: 24px;
1781
- }
1782
- svg.icon--overflow-vertical-16 {
1783
- height: 16px;
1784
- width: 16px;
1785
- }
1786
- svg.icon--overflow-vertical-20 {
1787
- height: 20px;
1788
- width: 20px;
1789
- }
1790
- svg.icon--overflow-vertical-24 {
1791
- height: 24px;
1792
- width: 24px;
1793
- }
1794
- svg.icon--package-16 {
1795
- height: 16px;
1796
- width: 16px;
1797
- }
1798
- svg.icon--package-24 {
1799
- height: 24px;
1800
- width: 24px;
1801
- }
1802
- svg.icon--package-64 {
1803
- height: 64px;
1804
- width: 64px;
1805
- }
1806
- svg.icon--passkey-16 {
1807
- height: 16px;
1808
- width: 16px;
1809
- }
1810
- svg.icon--passkey-24 {
1811
- height: 24px;
1812
- width: 24px;
1813
- }
1814
- svg.icon--passkey-64 {
1815
- height: 64px;
1816
- width: 64px;
1817
- }
1818
- svg.icon--pause-16 {
1819
- height: 16px;
1820
- width: 16px;
1821
- }
1822
- svg.icon--pause-24 {
1823
- height: 24px;
1824
- width: 24px;
1825
- }
1826
- svg.icon--pause-filled-64-colored {
1827
- height: 64px;
1828
- width: 64px;
1829
- }
1830
- svg.icon--payoneer-12-colored {
1831
- height: 12px;
1832
- width: 20px;
1833
- }
1834
- svg.icon--payoneer-18-colored {
1835
- height: 18px;
1836
- width: 30px;
1837
- }
1838
- svg.icon--payoneer-24-colored {
1839
- height: 24px;
1840
- width: 38px;
1841
- }
1842
- svg.icon--payoneer-32-colored {
1843
- height: 32px;
1844
- width: 50px;
1845
- }
1846
- svg.icon--paypal-12-colored {
1847
- height: 12px;
1848
- width: 20px;
1849
- }
1850
- svg.icon--paypal-18-colored {
1851
- height: 18px;
1852
- width: 30px;
1853
- }
1854
- svg.icon--paypal-24-colored {
1855
- height: 24px;
1856
- width: 38px;
1857
- }
1858
- svg.icon--paypal-32-colored {
1859
- height: 32px;
1860
- width: 50px;
1861
- }
1862
- svg.icon--paypal-credit-12-colored {
1863
- height: 12px;
1864
- width: 20px;
1865
- }
1866
- svg.icon--paypal-credit-18-colored {
1867
- height: 18px;
1868
- width: 30px;
1869
- }
1870
- svg.icon--paypal-credit-24-colored {
1871
- height: 24px;
1872
- width: 38px;
1873
- }
1874
- svg.icon--paypal-credit-32-colored {
1875
- height: 32px;
1876
- width: 50px;
1877
- }
1878
- svg.icon--paypal-disabled-12-colored {
1879
- height: 12px;
1880
- width: 20px;
1881
- }
1882
- svg.icon--paypal-disabled-18-colored {
1883
- height: 18px;
1884
- width: 30px;
1885
- }
1886
- svg.icon--paypal-disabled-24-colored {
1887
- height: 24px;
1888
- width: 37px;
1889
- }
1890
- svg.icon--paypal-disabled-32-colored {
1891
- height: 32px;
1892
- width: 50px;
1893
- }
1894
- svg.icon--pencil-16 {
1895
- height: 16px;
1896
- width: 16px;
1897
- }
1898
- svg.icon--pencil-20 {
1899
- height: 20px;
1900
- width: 20px;
1901
- }
1902
- svg.icon--pencil-24 {
1903
- height: 24px;
1904
- width: 24px;
1905
- }
1906
- svg.icon--peso-16 {
1907
- height: 16px;
1908
- width: 16px;
1909
- }
1910
- svg.icon--peso-24 {
1911
- height: 24px;
1912
- width: 24px;
1913
- }
1914
- svg.icon--phone-16 {
1915
- height: 16px;
1916
- width: 16px;
1917
- }
1918
- svg.icon--phone-24 {
1919
- height: 24px;
1920
- width: 24px;
1921
- }
1922
- svg.icon--pin-24 {
1923
- height: 24px;
1924
- width: 24px;
1925
- }
1926
- svg.icon--pin-filled-24 {
1927
- height: 24px;
1928
- width: 24px;
1929
- }
1930
- svg.icon--pinterest-24 {
1931
- height: 24px;
1932
- width: 24px;
1933
- }
1934
- svg.icon--play-16 {
1935
- height: 16px;
1936
- width: 16px;
1937
- }
1938
- svg.icon--play-24 {
1939
- height: 24px;
1940
- width: 24px;
1941
- }
1942
- svg.icon--play-filled-16-colored {
1943
- height: 16px;
1944
- width: 16px;
1945
- }
1946
- svg.icon--play-filled-24-colored {
1947
- height: 24px;
1948
- width: 24px;
1949
- }
1950
- svg.icon--play-filled-64-colored {
1951
- height: 64px;
1952
- width: 64px;
1953
- }
1954
- svg.icon--postepay-12-colored {
1955
- height: 12px;
1956
- width: 20px;
1957
- }
1958
- svg.icon--postepay-18-colored {
1959
- height: 18px;
1960
- width: 30px;
1961
- }
1962
- svg.icon--postepay-24-colored {
1963
- height: 24px;
1964
- width: 38px;
1965
- }
1966
- svg.icon--postepay-32-colored {
1967
- height: 32px;
1968
- width: 50px;
1969
- }
1970
- svg.icon--pound-16 {
1971
- height: 16px;
1972
- width: 16px;
1973
- }
1974
- svg.icon--pound-24 {
1975
- height: 24px;
1976
- width: 24px;
1977
- }
1978
- svg.icon--print-16 {
1979
- height: 16px;
1980
- width: 16px;
1981
- }
1982
- svg.icon--print-24 {
1983
- height: 24px;
1984
- width: 24px;
1985
- }
1986
- svg.icon--profile-20 {
1987
- height: 20px;
1988
- width: 20px;
1989
- }
1990
- svg.icon--profile-24 {
1991
- height: 24px;
1992
- width: 24px;
1993
- }
1994
- svg.icon--profile-filled-24 {
1995
- height: 24px;
1996
- width: 24px;
1997
- }
1998
- svg.icon--progress-current-24 {
1999
- height: 24px;
2000
- width: 24px;
2001
- }
2002
- svg.icon--progress-upcoming-24 {
2003
- height: 24px;
2004
- width: 24px;
2005
- }
2006
- svg.icon--promotion-16 {
2007
- height: 16px;
2008
- width: 16px;
2009
- }
2010
- svg.icon--promotion-24 {
2011
- height: 24px;
2012
- width: 24px;
2013
- }
2014
- svg.icon--qr-code-16 {
2015
- height: 16px;
2016
- width: 16px;
2017
- }
2018
- svg.icon--qr-code-24 {
2019
- height: 24px;
2020
- width: 24px;
2021
- }
2022
- svg.icon--radio-checked-18 {
2023
- height: 18px;
2024
- width: 18px;
2025
- }
2026
- svg.icon--radio-checked-24 {
2027
- height: 24px;
2028
- width: 24px;
2029
- }
2030
- svg.icon--radio-unchecked-18 {
2031
- height: 18px;
2032
- width: 18px;
2033
- }
2034
- svg.icon--radio-unchecked-24 {
2035
- height: 24px;
2036
- width: 24px;
2037
- }
2038
- svg.icon--recovery-code-16 {
2039
- height: 16px;
2040
- width: 16px;
2041
- }
2042
- svg.icon--recovery-code-24 {
2043
- height: 24px;
2044
- width: 24px;
2045
- }
2046
- svg.icon--reddit-24 {
2047
- height: 24px;
2048
- width: 24px;
2049
- }
2050
- svg.icon--refresh-16 {
2051
- height: 16px;
2052
- width: 16px;
2053
- }
2054
- svg.icon--refresh-24 {
2055
- height: 24px;
2056
- width: 24px;
2057
- }
2058
- svg.icon--relaxed-grid-24 {
2059
- height: 24px;
2060
- width: 24px;
2061
- }
2062
- svg.icon--relaxed-grid-filled-24 {
2063
- height: 24px;
2064
- width: 24px;
2065
- }
2066
- svg.icon--remove-16 {
2067
- height: 16px;
2068
- width: 16px;
2069
- }
2070
- svg.icon--remove-24 {
2071
- height: 24px;
2072
- width: 24px;
2073
- }
2074
- svg.icon--reply-16 {
2075
- height: 16px;
2076
- width: 16px;
2077
- }
2078
- svg.icon--reply-24 {
2079
- height: 24px;
2080
- width: 24px;
2081
- }
2082
- svg.icon--return-16 {
2083
- height: 16px;
2084
- width: 16px;
2085
- }
2086
- svg.icon--return-24 {
2087
- height: 24px;
2088
- width: 24px;
2089
- }
2090
- svg.icon--ribbon-16 {
2091
- height: 16px;
2092
- width: 16px;
2093
- }
2094
- svg.icon--ribbon-24 {
2095
- height: 24px;
2096
- width: 24px;
2097
- }
2098
- svg.icon--rim-16 {
2099
- height: 16px;
2100
- width: 16px;
2101
- }
2102
- svg.icon--rim-24 {
2103
- height: 24px;
2104
- width: 24px;
2105
- }
2106
- svg.icon--ringgit-16 {
2107
- height: 16px;
2108
- width: 16px;
2109
- }
2110
- svg.icon--ringgit-24 {
2111
- height: 24px;
2112
- width: 24px;
2113
- }
2114
- svg.icon--rotate-24 {
2115
- height: 24px;
2116
- width: 24px;
2117
- }
2118
- svg.icon--rotate-landscape-left-24 {
2119
- height: 24px;
2120
- width: 24px;
2121
- }
2122
- svg.icon--rotate-landscape-right-24 {
2123
- height: 24px;
2124
- width: 24px;
2125
- }
2126
- svg.icon--rotate-portrait-left-24 {
2127
- height: 24px;
2128
- width: 24px;
2129
- }
2130
- svg.icon--rotate-portrait-right-24 {
2131
- height: 24px;
2132
- width: 24px;
2133
- }
2134
- svg.icon--rupee-16 {
2135
- height: 16px;
2136
- width: 16px;
2137
- }
2138
- svg.icon--rupee-24 {
2139
- height: 24px;
2140
- width: 24px;
2141
- }
2142
- svg.icon--satchel-16 {
2143
- height: 16px;
2144
- width: 16px;
2145
- }
2146
- svg.icon--satchel-24 {
2147
- height: 24px;
2148
- width: 24px;
2149
- }
2150
- svg.icon--save-16 {
2151
- height: 16px;
2152
- width: 16px;
2153
- }
2154
- svg.icon--save-20 {
2155
- height: 20px;
2156
- width: 20px;
2157
- }
2158
- svg.icon--save-24 {
2159
- height: 24px;
2160
- width: 24px;
2161
- }
2162
- svg.icon--save-filled-16 {
2163
- height: 16px;
2164
- width: 16px;
2165
- }
2166
- svg.icon--save-filled-20 {
2167
- height: 20px;
2168
- width: 20px;
2169
- }
2170
- svg.icon--save-filled-24 {
2171
- height: 24px;
2172
- width: 24px;
2173
- }
2174
- svg.icon--scan-16 {
2175
- height: 16px;
2176
- width: 16px;
2177
- }
2178
- svg.icon--scan-24 {
2179
- height: 24px;
2180
- width: 24px;
2181
- }
2182
- svg.icon--search-16 {
2183
- height: 16px;
2184
- width: 16px;
2185
- }
2186
- svg.icon--search-20 {
2187
- height: 20px;
2188
- width: 20px;
2189
- }
2190
- svg.icon--search-24 {
2191
- height: 24px;
2192
- width: 24px;
2193
- }
2194
- svg.icon--search-64 {
2195
- height: 64px;
2196
- width: 64px;
2197
- }
2198
- svg.icon--search-filled-24 {
2199
- height: 24px;
2200
- width: 24px;
2201
- }
2202
- svg.icon--search-similar-16 {
2203
- height: 16px;
2204
- width: 16px;
2205
- }
2206
- svg.icon--search-similar-20 {
2207
- height: 20px;
2208
- width: 20px;
2209
- }
2210
- svg.icon--search-similar-24 {
2211
- height: 24px;
2212
- width: 24px;
2213
- }
2214
- svg.icon--security-key-24 {
2215
- height: 24px;
2216
- width: 24px;
2217
- }
2218
- svg.icon--select-all-24 {
2219
- height: 24px;
2220
- width: 24px;
2221
- }
2222
- svg.icon--selling-16 {
2223
- height: 16px;
2224
- width: 16px;
2225
- }
2226
- svg.icon--selling-20 {
2227
- height: 20px;
2228
- width: 20px;
2229
- }
2230
- svg.icon--selling-24 {
2231
- height: 24px;
2232
- width: 24px;
2233
- }
2234
- svg.icon--selling-filled-24 {
2235
- height: 24px;
2236
- width: 24px;
2237
- }
2238
- svg.icon--send-24 {
2239
- height: 24px;
2240
- width: 24px;
2241
- }
2242
- svg.icon--settings-16 {
2243
- height: 16px;
2244
- width: 16px;
2245
- }
2246
- svg.icon--settings-20 {
2247
- height: 20px;
2248
- width: 20px;
2249
- }
2250
- svg.icon--settings-24 {
2251
- height: 24px;
2252
- width: 24px;
2253
- }
2254
- svg.icon--share-android-16 {
2255
- height: 16px;
2256
- width: 16px;
2257
- }
2258
- svg.icon--share-android-20 {
2259
- height: 20px;
2260
- width: 20px;
2261
- }
2262
- svg.icon--share-android-24 {
2263
- height: 24px;
2264
- width: 24px;
2265
- }
2266
- svg.icon--share-ios-16 {
2267
- height: 16px;
2268
- width: 16px;
2269
- }
2270
- svg.icon--share-ios-20 {
2271
- height: 20px;
2272
- width: 20px;
2273
- }
2274
- svg.icon--share-ios-24 {
2275
- height: 24px;
2276
- width: 24px;
2277
- }
2278
- svg.icon--sharpen-24 {
2279
- height: 24px;
2280
- width: 24px;
2281
- }
2282
- svg.icon--ship-and-local-16 {
2283
- height: 16px;
2284
- width: 16px;
2285
- }
2286
- svg.icon--ship-and-local-24 {
2287
- height: 24px;
2288
- width: 24px;
2289
- }
2290
- svg.icon--shirt-16 {
2291
- height: 16px;
2292
- width: 16px;
2293
- }
2294
- svg.icon--shirt-24 {
2295
- height: 24px;
2296
- width: 24px;
2297
- }
2298
- svg.icon--shoe-box-24 {
2299
- height: 24px;
2300
- width: 24px;
2301
- }
2302
- svg.icon--show-16 {
2303
- height: 16px;
2304
- width: 16px;
2305
- }
2306
- svg.icon--show-24 {
2307
- height: 24px;
2308
- width: 24px;
2309
- }
2310
- svg.icon--small-box-16 {
2311
- height: 16px;
2312
- width: 16px;
2313
- }
2314
- svg.icon--small-box-24 {
2315
- height: 24px;
2316
- width: 24px;
2317
- }
2318
- svg.icon--small-letter-24 {
2319
- height: 24px;
2320
- width: 24px;
2321
- }
2322
- svg.icon--sneaker-16 {
2323
- height: 16px;
2324
- width: 16px;
2325
- }
2326
- svg.icon--sneaker-24 {
2327
- height: 24px;
2328
- width: 24px;
2329
- }
2330
- svg.icon--snowflake-16 {
2331
- height: 16px;
2332
- width: 16px;
2333
- }
2334
- svg.icon--snowflake-24 {
2335
- height: 24px;
2336
- width: 24px;
2337
- }
2338
- svg.icon--snowmobile-16 {
2339
- height: 16px;
2340
- width: 16px;
2341
- }
2342
- svg.icon--snowmobile-24 {
2343
- height: 24px;
2344
- width: 24px;
2345
- }
2346
- svg.icon--sort-12 {
2347
- height: 12px;
2348
- width: 12px;
2349
- }
2350
- svg.icon--sort-16 {
2351
- height: 16px;
2352
- width: 16px;
2353
- }
2354
- svg.icon--sort-24 {
2355
- height: 24px;
2356
- width: 24px;
2357
- }
2358
- svg.icon--sort-down-12 {
2359
- height: 12px;
2360
- width: 12px;
2361
- }
2362
- svg.icon--sort-up-12 {
2363
- height: 12px;
2364
- width: 12px;
2365
- }
2366
- svg.icon--sparkline-down-16 {
2367
- height: 16px;
2368
- width: 16px;
2369
- }
2370
- svg.icon--sparkline-down-20 {
2371
- height: 20px;
2372
- width: 20px;
2373
- }
2374
- svg.icon--sparkline-down-24 {
2375
- height: 24px;
2376
- width: 24px;
2377
- }
2378
- svg.icon--sparkline-up-16 {
2379
- height: 16px;
2380
- width: 16px;
2381
- }
2382
- svg.icon--sparkline-up-20 {
2383
- height: 20px;
2384
- width: 20px;
2385
- }
2386
- svg.icon--sparkline-up-24 {
2387
- height: 24px;
2388
- width: 24px;
2389
- }
2390
- svg.icon--sparkline-up-filled-24 {
2391
- height: 24px;
2392
- width: 24px;
2393
- }
2394
- svg.icon--spinner-20 {
2395
- height: 16px;
2396
- width: 16px;
2397
- }
2398
- svg.icon--spinner-24 {
2399
- height: 24px;
2400
- width: 24px;
2401
- }
2402
- svg.icon--spinner-30 {
2403
- height: 24px;
2404
- width: 24px;
2405
- }
2406
- svg.icon--split-payment-16 {
2407
- height: 16px;
2408
- width: 16px;
2409
- }
2410
- svg.icon--split-payment-24 {
2411
- height: 24px;
2412
- width: 24px;
2413
- }
2414
- svg.icon--split-view-24 {
2415
- height: 24px;
2416
- width: 24px;
2417
- }
2418
- svg.icon--split-view-filled-24 {
2419
- height: 24px;
2420
- width: 24px;
2421
- }
2422
- svg.icon--star-dynamic {
2423
- height: 16px;
2424
- width: 16px;
2425
- }
2426
- svg.icon--star-empty-16 {
2427
- height: 16px;
2428
- width: 16px;
2429
- }
2430
- svg.icon--star-empty-24 {
2431
- height: 24px;
2432
- width: 24px;
2433
- }
2434
- svg.icon--star-filled-16 {
2435
- height: 16px;
2436
- width: 16px;
2437
- }
2438
- svg.icon--star-filled-24 {
2439
- height: 24px;
2440
- width: 24px;
2441
- }
2442
- svg.icon--star-half-16-colored {
2443
- height: 16px;
2444
- width: 16px;
2445
- }
2446
- svg.icon--star-half-24-colored {
2447
- height: 24px;
2448
- width: 24px;
2449
- }
2450
- svg.icon--star-half-dark-16-colored {
2451
- height: 16px;
2452
- width: 16px;
2453
- }
2454
- svg.icon--star-half-dark-24-colored {
2455
- height: 24px;
2456
- width: 24px;
2457
- }
2458
- svg.icon--stepper-attention-24 {
2459
- height: 24px;
2460
- width: 24px;
2461
- }
2462
- svg.icon--stepper-confirmation-24 {
2463
- height: 24px;
2464
- width: 24px;
2465
- }
2466
- svg.icon--stepper-current-24 {
2467
- height: 24px;
2468
- width: 24px;
2469
- }
2470
- svg.icon--stepper-upcoming-24 {
2471
- height: 25px;
2472
- width: 24px;
2473
- }
2474
- svg.icon--store-16 {
2475
- height: 16px;
2476
- width: 16px;
2477
- }
2478
- svg.icon--store-24 {
2479
- height: 24px;
2480
- width: 24px;
2481
- }
2482
- svg.icon--store-64 {
2483
- height: 64px;
2484
- width: 64px;
2485
- }
2486
- svg.icon--store-filled-24 {
2487
- height: 24px;
2488
- width: 24px;
2489
- }
2490
- svg.icon--suitcase-24 {
2491
- height: 24px;
2492
- width: 24px;
2493
- }
2494
- svg.icon--support-24 {
2495
- height: 24px;
2496
- width: 24px;
2497
- }
2498
- svg.icon--swap-24 {
2499
- height: 24px;
2500
- width: 24px;
2501
- }
2502
- svg.icon--switch-camera-24 {
2503
- height: 24px;
2504
- width: 24px;
2505
- }
2506
- svg.icon--target-16 {
2507
- height: 16px;
2508
- width: 16px;
2509
- }
2510
- svg.icon--target-24 {
2511
- height: 24px;
2512
- width: 24px;
2513
- }
2514
- svg.icon--text-messaging-16 {
2515
- height: 16px;
2516
- width: 16px;
2517
- }
2518
- svg.icon--text-messaging-20 {
2519
- height: 20px;
2520
- width: 20px;
2521
- }
2522
- svg.icon--text-messaging-24 {
2523
- height: 24px;
2524
- width: 24px;
2525
- }
2526
- svg.icon--text-messaging-64 {
2527
- height: 64px;
2528
- width: 64px;
2529
- }
2530
- svg.icon--the-ebay-vault-16 {
2531
- height: 16px;
2532
- width: 16px;
2533
- }
2534
- svg.icon--the-ebay-vault-24 {
2535
- height: 24px;
2536
- width: 24px;
2537
- }
2538
- svg.icon--thumb-down-16 {
2539
- height: 16px;
2540
- width: 16px;
2541
- }
2542
- svg.icon--thumb-down-24 {
2543
- height: 24px;
2544
- width: 24px;
2545
- }
2546
- svg.icon--thumb-down-filled-16 {
2547
- height: 16px;
2548
- width: 16px;
2549
- }
2550
- svg.icon--thumb-down-filled-24 {
2551
- height: 24px;
2552
- width: 24px;
2553
- }
2554
- svg.icon--thumb-up-16 {
2555
- height: 16px;
2556
- width: 16px;
2557
- }
2558
- svg.icon--thumb-up-24 {
2559
- height: 24px;
2560
- width: 24px;
2561
- }
2562
- svg.icon--thumb-up-64 {
2563
- height: 64px;
2564
- width: 64px;
2565
- }
2566
- svg.icon--thumb-up-filled-16 {
2567
- height: 16px;
2568
- width: 16px;
2569
- }
2570
- svg.icon--thumb-up-filled-24 {
2571
- height: 24px;
2572
- width: 24px;
2573
- }
2574
- svg.icon--tick-16 {
2575
- height: 16px;
2576
- width: 16px;
2577
- }
2578
- svg.icon--tick-24 {
2579
- height: 24px;
2580
- width: 24px;
2581
- }
2582
- svg.icon--tiktok-24 {
2583
- height: 24px;
2584
- width: 24px;
2585
- }
2586
- svg.icon--toggle-mode-bottom-24 {
2587
- height: 24px;
2588
- width: 24px;
2589
- }
2590
- svg.icon--toggle-mode-top-24 {
2591
- height: 24px;
2592
- width: 24px;
2593
- }
2594
- svg.icon--top-rated-seller-16 {
2595
- height: 16px;
2596
- width: 16px;
2597
- }
2598
- svg.icon--top-rated-seller-24 {
2599
- height: 24px;
2600
- width: 24px;
2601
- }
2602
- svg.icon--top-service-16 {
2603
- height: 16px;
2604
- width: 16px;
2605
- }
2606
- svg.icon--top-service-24 {
2607
- height: 24px;
2608
- width: 24px;
2609
- }
2610
- svg.icon--trading-card-16 {
2611
- height: 16px;
2612
- width: 16px;
2613
- }
2614
- svg.icon--trading-card-24 {
2615
- height: 24px;
2616
- width: 24px;
2617
- }
2618
- svg.icon--transaction-24 {
2619
- height: 24px;
2620
- width: 24px;
2621
- }
2622
- svg.icon--trend-down-16-fit {
2623
- height: 16px;
2624
- width: 13px;
2625
- }
2626
- svg.icon--trend-up-16-fit {
2627
- height: 16px;
2628
- width: 13px;
2629
- }
2630
- svg.icon--trophy-16 {
2631
- height: 16px;
2632
- width: 16px;
2633
- }
2634
- svg.icon--trophy-24 {
2635
- height: 24px;
2636
- width: 24px;
2637
- }
2638
- svg.icon--twitter-24 {
2639
- height: 24px;
2640
- width: 24px;
2641
- }
2642
- svg.icon--undo-16 {
2643
- height: 16px;
2644
- width: 16px;
2645
- }
2646
- svg.icon--undo-24 {
2647
- height: 25px;
2648
- width: 24px;
2649
- }
2650
- svg.icon--unionpay-12-colored {
2651
- height: 12px;
2652
- width: 20px;
2653
- }
2654
- svg.icon--unionpay-18-colored {
2655
- height: 18px;
2656
- width: 30px;
2657
- }
2658
- svg.icon--unionpay-24-colored {
2659
- height: 24px;
2660
- width: 38px;
2661
- }
2662
- svg.icon--unionpay-32-colored {
2663
- height: 32px;
2664
- width: 50px;
2665
- }
2666
- svg.icon--unlocked-16 {
2667
- height: 16px;
2668
- width: 16px;
2669
- }
2670
- svg.icon--unlocked-24 {
2671
- height: 24px;
2672
- width: 24px;
2673
- }
2674
- svg.icon--unselect-all-24 {
2675
- height: 24px;
2676
- width: 24px;
2677
- }
2678
- svg.icon--upload-16 {
2679
- height: 16px;
2680
- width: 16px;
2681
- }
2682
- svg.icon--upload-24 {
2683
- height: 24px;
2684
- width: 24px;
2685
- }
2686
- svg.icon--venmo-12-colored {
2687
- height: 12px;
2688
- width: 20px;
2689
- }
2690
- svg.icon--venmo-18-colored {
2691
- height: 18px;
2692
- width: 30px;
2693
- }
2694
- svg.icon--venmo-24-colored {
2695
- height: 24px;
2696
- width: 38px;
2697
- }
2698
- svg.icon--venmo-32-colored {
2699
- height: 32px;
2700
- width: 50px;
2701
- }
2702
- svg.icon--verified-condition-16 {
2703
- height: 16px;
2704
- width: 16px;
2705
- }
2706
- svg.icon--verified-condition-24 {
2707
- height: 24px;
2708
- width: 24px;
2709
- }
2710
- svg.icon--video-24 {
2711
- height: 24px;
2712
- width: 24px;
2713
- }
2714
- svg.icon--visa-12-colored {
2715
- height: 12px;
2716
- width: 20px;
2717
- }
2718
- svg.icon--visa-18-colored {
2719
- height: 18px;
2720
- width: 30px;
2721
- }
2722
- svg.icon--visa-24-colored {
2723
- height: 24px;
2724
- width: 38px;
2725
- }
2726
- svg.icon--visa-32-colored {
2727
- height: 32px;
2728
- width: 50px;
2729
- }
2730
- svg.icon--wallet-24 {
2731
- height: 24px;
2732
- width: 24px;
2733
- }
2734
- svg.icon--wallet-64 {
2735
- height: 64px;
2736
- width: 64px;
2737
- }
2738
- svg.icon--wallet-balance-12-colored {
2739
- height: 12px;
2740
- width: 20px;
2741
- }
2742
- svg.icon--wallet-balance-18-colored {
2743
- height: 18px;
2744
- width: 30px;
2745
- }
2746
- svg.icon--wallet-balance-24-colored {
2747
- height: 24px;
2748
- width: 38px;
2749
- }
2750
- svg.icon--wallet-balance-32-colored {
2751
- height: 32px;
2752
- width: 50px;
2753
- }
2754
- svg.icon--watch-16 {
2755
- height: 16px;
2756
- width: 16px;
2757
- }
2758
- svg.icon--watch-24 {
2759
- height: 24px;
2760
- width: 24px;
2761
- }
2762
- svg.icon--whatsapp-24 {
2763
- height: 24px;
2764
- width: 24px;
2765
- }
2766
- svg.icon--won-16 {
2767
- height: 16px;
2768
- width: 16px;
2769
- }
2770
- svg.icon--won-24 {
2771
- height: 24px;
2772
- width: 24px;
2773
- }
2774
- svg.icon--wrench-16 {
2775
- height: 16px;
2776
- width: 16px;
2777
- }
2778
- svg.icon--wrench-24 {
2779
- height: 24px;
2780
- width: 24px;
2781
- }
2782
- svg.icon--youtube-24 {
2783
- height: 24px;
2784
- width: 24px;
2785
- }
2786
- svg.icon--yuan-16 {
2787
- height: 16px;
2788
- width: 16px;
2789
- }
2790
- svg.icon--yuan-24 {
2791
- height: 24px;
2792
- width: 24px;
2793
- }
2794
- svg.icon--zloty-16 {
2795
- height: 16px;
2796
- width: 16px;
2797
- }
2798
- svg.icon--zloty-24 {
2799
- height: 24px;
2800
- width: 24px;
2801
- }
2802
- svg.icon--zoom-in-16 {
2803
- height: 16px;
2804
- width: 16px;
2805
- }
2806
- svg.icon--zoom-in-24 {
2807
- height: 24px;
2808
- width: 24px;
2809
- }
2810
- svg.icon--zoom-out-16 {
2811
- height: 16px;
2812
- width: 16px;
2813
- }
2814
- svg.icon--zoom-out-24 {
2815
- height: 24px;
2816
- width: 24px;
2817
- }
2818
- svg.star-rating--0 {
2819
- height: 24px;
2820
- width: 132px;
2821
- }
2822
- svg.star-rating--0-5 {
2823
- height: 24px;
2824
- width: 132px;
2825
- }
2826
- svg.star-rating--1 {
2827
- height: 24px;
2828
- width: 132px;
2829
- }
2830
- svg.star-rating--1-5 {
2831
- height: 24px;
2832
- width: 132px;
2833
- }
2834
- svg.star-rating--2 {
2835
- height: 24px;
2836
- width: 132px;
2837
- }
2838
- svg.star-rating--2-5 {
2839
- height: 24px;
2840
- width: 132px;
2841
- }
2842
- svg.star-rating--3 {
2843
- height: 24px;
2844
- width: 132px;
1
+ svg.icon {
2
+ display: inline-block;
3
+ fill: currentColor;
4
+ pointer-events: none;
5
+ stroke: currentColor;
6
+ stroke-width: 0;
7
+ vertical-align: middle;
2845
8
  }
2846
- svg.star-rating--3-5 {
2847
- height: 24px;
2848
- width: 132px;
9
+ svg.icon--12 {
10
+ height: 12px;
11
+ width: 12px;
2849
12
  }
2850
- svg.star-rating--4 {
2851
- height: 24px;
2852
- width: 132px;
13
+ svg.icon--16 {
14
+ height: 16px;
15
+ width: 16px;
2853
16
  }
2854
- svg.star-rating--4-5 {
2855
- height: 24px;
2856
- width: 132px;
17
+ svg.icon--18 {
18
+ height: 18px;
19
+ width: 18px;
2857
20
  }
2858
- svg.star-rating--5 {
2859
- height: 24px;
2860
- width: 132px;
21
+ svg.icon--20 {
22
+ height: 20px;
23
+ width: 20px;
2861
24
  }
2862
- svg.star-rating--small-0 {
2863
- height: 16px;
2864
- width: 88px;
25
+ svg.icon--24 {
26
+ height: 24px;
27
+ width: 24px;
2865
28
  }
2866
- svg.star-rating--small-0-5 {
2867
- height: 16px;
2868
- width: 88px;
29
+ svg.icon--30 {
30
+ height: 30px;
31
+ width: 30px;
2869
32
  }
2870
- svg.star-rating--small-1 {
2871
- height: 16px;
2872
- width: 88px;
33
+ svg.icon--32 {
34
+ height: 32px;
35
+ width: 32px;
2873
36
  }
2874
- svg.star-rating--small-1-5 {
2875
- height: 16px;
2876
- width: 88px;
37
+ svg.icon--64 {
38
+ height: 32px;
39
+ width: 64px;
2877
40
  }
2878
- svg.star-rating--small-2 {
2879
- height: 16px;
2880
- width: 88px;
41
+ svg.icon--12-colored {
42
+ height: 12px;
2881
43
  }
2882
- svg.star-rating--small-2-5 {
2883
- height: 16px;
2884
- width: 88px;
44
+ svg.icon--16-colored {
45
+ height: 16px;
2885
46
  }
2886
- svg.star-rating--small-3 {
2887
- height: 16px;
2888
- width: 88px;
47
+ svg.icon--18-colored {
48
+ height: 18px;
2889
49
  }
2890
- svg.star-rating--small-3-5 {
2891
- height: 16px;
2892
- width: 88px;
50
+ svg.icon--20-colored {
51
+ height: 20px;
2893
52
  }
2894
- svg.star-rating--small-4 {
2895
- height: 16px;
2896
- width: 88px;
53
+ svg.icon--24-colored {
54
+ height: 24px;
2897
55
  }
2898
- svg.star-rating--small-4-5 {
2899
- height: 16px;
2900
- width: 88px;
56
+ svg.icon--30-colored {
57
+ height: 30px;
2901
58
  }
2902
- svg.star-rating--small-5 {
2903
- height: 16px;
2904
- width: 88px;
59
+ svg.icon--32-colored {
60
+ height: 32px;
2905
61
  }
2906
- svg.icon {
2907
- display: inline-block;
2908
- fill: currentColor;
2909
- pointer-events: none;
2910
- stroke: currentColor;
2911
- stroke-width: 0;
2912
- vertical-align: middle;
62
+ svg.icon--64-colored {
63
+ height: 64px;
2913
64
  }
2914
65
  svg.icon--disabled {
2915
- filter: var(--color-icon-disabled-filter);
2916
- }
2917
- svg.icon--attention-filled-16,
2918
- svg.icon--attention-filled-24 {
2919
- color: var(--color-foreground-attention);
2920
- }
2921
- svg.icon--confirmation-filled-16,
2922
- svg.icon--confirmation-filled-24 {
2923
- color: var(--color-foreground-confirmation);
2924
- }
2925
- svg.icon--information-filled-16,
2926
- svg.icon--information-filled-24 {
2927
- color: var(--color-foreground-information);
2928
- }
2929
- svg.icon--star-empty {
2930
- color: var(--color-foreground-disabled);
2931
- }
2932
- svg.icon--star-empty-small {
2933
- color: var(--color-foreground-disabled);
2934
- }
2935
- svg.icon--social-link-24 {
2936
- color: var(--color-social-icons-background);
2937
- }
2938
- svg.icon--social-discord-24 {
2939
- color: var(--color-social-icons-background);
2940
- }
2941
- svg.icon--social-facebook-24 {
2942
- color: var(--color-social-icons-background);
2943
- }
2944
- svg.icon--social-messenger-24 {
2945
- color: var(--color-social-icons-background);
2946
- }
2947
- svg.icon--social-pinterest-24 {
2948
- color: var(--color-social-icons-background);
2949
- }
2950
- svg.icon--social-reddit-24 {
2951
- color: var(--color-social-icons-background);
2952
- }
2953
- svg.icon--social-twitter-24 {
2954
- color: var(--color-social-icons-background);
66
+ filter: var(--color-icon-disabled-filter);
2955
67
  }
2956
- svg.icon--social-whatsapp-24 {
2957
- color: var(--color-social-icons-background);
68
+ svg.icon--attention-filled {
69
+ color: var(--color-foreground-attention);
2958
70
  }
2959
- svg.icon--social-linkedin-24 {
2960
- color: var(--color-social-icons-background);
71
+ svg.icon--confirmation-filled {
72
+ color: var(--color-foreground-confirmation);
2961
73
  }
2962
- svg.icon--spinner-30 {
2963
- height: 60px;
2964
- width: 60px;
74
+ svg.icon--information-filled {
75
+ color: var(--color-foreground-information);
2965
76
  }
77
+
78
+ /*# sourceMappingURL=icon.css.map */