@dktunited-techoff/techoff-suite-ui 1.12.2 → 1.13.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 (37) hide show
  1. package/esm/components/TsButton/TsButton.css +9 -0
  2. package/esm/components/TsDropdowns/TsDropdown/TsDropdown.css +1 -1
  3. package/esm/components/TsIcon/icons/dots-vertical.svg +1 -0
  4. package/esm/components/TsIcon/icons/index.js +3 -2
  5. package/esm/components/TsIcon/icons/index.js.map +1 -1
  6. package/esm/components/TsIcon/icons/index.ts +3 -2
  7. package/esm/components/TsMenuButton/TsMenuButton.css +60 -0
  8. package/esm/components/TsMenuButton/TsMenuButton.d.ts +6 -0
  9. package/esm/components/TsMenuButton/TsMenuButton.js +28 -0
  10. package/esm/components/TsMenuButton/TsMenuButton.js.map +1 -0
  11. package/esm/components/TsMenuButton/TsMenuButton.types.d.ts +11 -0
  12. package/esm/components/TsMenuButton/TsMenuButton.types.js +2 -0
  13. package/esm/components/TsMenuButton/TsMenuButton.types.js.map +1 -0
  14. package/esm/components/TsMenuButton/__stories__/TsMenuButton.stories.mdx +50 -0
  15. package/lib/components/TsButton/TsButton.css +9 -0
  16. package/lib/components/TsDropdowns/TsDropdown/TsDropdown.css +1 -1
  17. package/lib/components/TsIcon/icons/dots-vertical.svg +1 -0
  18. package/lib/components/TsIcon/icons/index.js +3 -2
  19. package/lib/components/TsIcon/icons/index.js.map +1 -1
  20. package/lib/components/TsIcon/icons/index.ts +3 -2
  21. package/lib/components/TsMenuButton/TsMenuButton.css +60 -0
  22. package/lib/components/TsMenuButton/TsMenuButton.d.ts +6 -0
  23. package/lib/components/TsMenuButton/TsMenuButton.js +34 -0
  24. package/lib/components/TsMenuButton/TsMenuButton.js.map +1 -0
  25. package/lib/components/TsMenuButton/TsMenuButton.types.d.ts +11 -0
  26. package/lib/components/TsMenuButton/TsMenuButton.types.js +3 -0
  27. package/lib/components/TsMenuButton/TsMenuButton.types.js.map +1 -0
  28. package/lib/components/TsMenuButton/__stories__/TsMenuButton.stories.mdx +50 -0
  29. package/package.json +1 -1
  30. package/src/components/TsButton/TsButton.css +9 -0
  31. package/src/components/TsDropdowns/TsDropdown/TsDropdown.css +1 -1
  32. package/src/components/TsIcon/icons/dots-vertical.svg +1 -0
  33. package/src/components/TsIcon/icons/index.ts +3 -2
  34. package/src/components/TsMenuButton/TsMenuButton.css +60 -0
  35. package/src/components/TsMenuButton/TsMenuButton.tsx +42 -0
  36. package/src/components/TsMenuButton/TsMenuButton.types.ts +13 -0
  37. package/src/components/TsMenuButton/__stories__/TsMenuButton.stories.mdx +50 -0
@@ -31,10 +31,11 @@ export const icons: { [k: string]: string } = {
31
31
  'close': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>',
32
32
  'currency-euro': '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-currency-euro" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.2 7a6 7 0 1 0 0 10" /><path d="M13 10h-8m0 4h8" /></svg>',
33
33
  'delete-bin': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M7 4V2H17V4H22V6H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V6H2V4H7ZM6 6V20H18V6H6ZM9 9H11V17H9V9ZM13 9H15V17H13V9Z"></path></svg>',
34
+ 'detailed-footwear-selected': ' <?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 33.6 20.8" style="enable-background:new 0 0 33.6 20.8;" xml:space="preserve"> <style type="text/css"> .st0-detailed-footwear-selected{display:none;} .st1-detailed-footwear-selected{fill:#3643ba;stroke:#FFFF;stroke-width:0.7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}</style> <g id="Calque_1_00000179617517466086946620000010608077286789513383_" class="st0-detailed-footwear-selected"></g> <g id="Calque_2_00000124129821288116608210000005806568011804293285_"> <g> <path class="st1-detailed-footwear-selected" d="M3.2,5.8l-0.4,0c0,0-0.2,0.2-0.4,0.4C2.2,6.4,2.1,6.4,2,6.5c-0.1,0-0.3,0.2-0.6,0.2c-0.2,0-0.3-0.1-0.5,0 c-0.2,0-0.3,0-0.4,0.1c0,0,1.1,0.6,2,1.1c0.8,0.5,1.2,0.7,1.6,1c0.9,0.6,1.2,1,2.4,1.7c0.3,0.2,0.7,0.4,0.7,0.4 c0.6,0.4,1.1,0.7,1.3,0.8c1.2,0.7,2.4,1.5,3.9,2.5c0.6,0.4,0.4,0.3,0.9,0.7c1.5,1.1,2.3,1.6,3.2,2.1c1.7,1,3.2,1.5,3.9,1.7 c1.3,0.4,2.2,0.6,2.5,0.6c0.5,0.1,1,0.1,1.6,0.2c1,0.1,1.6,0.1,1.8,0.1c0.5,0,0.9,0,0.9,0c0.4,0,0.8-0.1,1.4-0.1 c0.3,0,0.8-0.1,1.4-0.2c0.2,0,0.5-0.1,0.8-0.2c0.2-0.1,0.3-0.2,0.4-0.2c0.3-0.2,0.5-0.4,0.5-0.4c0.1-0.1,0.1-0.1,0.1-0.2 c0,0-0.6,0-1.2,0c-0.2,0-0.2,0-0.6-0.1c-0.9-0.1-1.2-0.1-1.7-0.1c0,0-0.5-0.1-1.1-0.2c-0.7-0.1-1.3-0.3-2.1-0.5 c-1.3-0.4-2.3-0.7-3.7-1.3c-0.9-0.4-1.5-0.7-2-0.9c-1-0.5-1.7-0.8-1.9-1c-0.4-0.2-0.7-0.4-1.2-0.7c-0.4-0.2-0.4-0.2-1-0.6 c-0.3-0.2-0.4-0.3-1.3-0.8c-1-0.6-0.8-0.5-1.2-0.8c-1.3-0.8-1.3-0.8-1.8-1.1c-0.5-0.3-0.6-0.4-1-0.6C9.4,9.1,9.1,8.9,8.6,8.7 C8.4,8.6,8,8.4,7.4,8.1C7.1,8,6.8,7.9,6.6,7.8C5.8,7.6,5.7,7.5,5,7.3C4.9,7.2,4.4,7.1,4.1,6.8C3.9,6.7,3.8,6.5,3.8,6.5 c-0.1,0-0.1-0.1-0.2-0.2C3.4,6.2,3.4,6.2,3.3,6.1C3.3,6,3.2,5.9,3.2,5.8z"/> <path class="st1-detailed-footwear-selected" d="M0.5,6.7l0,0.2c0.2,0.1,0.6,0.3,1,0.6c0.6,0.4,0.7,0.4,1,0.6c0.6,0.4,1.1,0.6,1.6,1c0.5,0.3,0.8,0.6,1.2,0.9 c0.7,0.6,0.7,0.6,1.3,1c0.4,0.3,0.9,0.7,2.1,1.4c0.5,0.3,0.7,0.5,1,0.7c0.8,0.5,1.2,0.8,1.8,1.2c0.8,0.5,1.3,0.9,2.1,1.4 c1,0.7,1.5,1.1,2.3,1.5c0.3,0.2,0.6,0.3,0.8,0.4c0.4,0.2,1.2,0.6,2.1,0.9c0.9,0.4,1.8,0.7,3.1,1c0.5,0.1,0.9,0.1,1.4,0.2 c1.3,0.1,2.3,0.1,3,0.1c0.2,0,0.8,0,2-0.1c0,0,0.7,0,1.7-0.2c0.2,0,0.5-0.1,0.8-0.2c0.3-0.1,0.4-0.3,0.6-0.4 c0.2-0.2,0.4-0.4,0.7-0.7l-0.1,0"/> <path class="st1-detailed-footwear-selected" d="M3.4,6.1L3.4,6.1c0-0.1,0.1-0.2,0.1-0.3c0.1-0.1,0.1-0.2,0.2-0.3C3.9,5.3,3.9,5.3,4.1,5 c0.1-0.1,0.2-0.2,0.4-0.5c0.2-0.2,0.3-0.3,0.4-0.5c0.4-0.5,0.6-0.7,0.8-0.9c0.1-0.1,0.2-0.3,0.5-0.7C6.4,2.2,6.5,2,6.6,1.8 C6.7,1.7,6.8,1.6,7,1.2C7,1.1,7.1,1.1,7.1,1C7.1,1,7,1,7,0.9c0,0,0-0.1,0-0.1c0,0-0.1,0.2-0.2,0.2C6.6,1.1,6.4,1.5,6.4,1.5 c-0.7,1-0.7,1-0.8,1.2C5.3,3,5.1,3.3,4.8,3.6C4.7,3.8,4.6,3.9,4.4,4.1C4.2,4.4,4.1,4.5,4,4.7C3.6,5.2,3.5,5.4,3.4,5.5 C3.4,5.6,3.3,5.7,3.3,5.8l0,0.1"/> <path class="st1-detailed-footwear-selected" d="M32,18.1l0.5,0c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.3,0.3-0.5,0.4c-0.2,0.1-0.5,0.3-1,0.5 c-0.2,0.1-0.5,0.2-0.9,0.2c-0.8,0.2-1.4,0.2-1.7,0.2c-1.2,0-1.8,0.1-2.6,0c-0.8,0-1.5-0.1-2.7-0.2c-0.3,0-0.6,0-1-0.1 c-0.5-0.1-0.8-0.2-1.3-0.3c-0.4-0.1-0.9-0.2-1.5-0.4c-0.2-0.1-0.6-0.2-1.4-0.5c-0.5-0.2-0.9-0.3-1.4-0.5C16,18.1,15.8,18,15.7,18 c0,0-0.1-0.1-0.2-0.2c0,0-0.1-0.1-0.4-0.3C14.7,17.2,14,17,14,17c-0.1,0-0.7-0.3-2-0.8c-0.8-0.3-0.9-0.4-1.4-0.5 c-0.5-0.2-1-0.3-1.2-0.3c-0.9-0.2-0.8-0.1-1.3-0.2c-0.4-0.1-0.9-0.3-1.8-0.6c-0.4-0.2-0.7-0.3-1-0.4c-0.5-0.2-0.8-0.4-1.3-0.7 c-0.1-0.1-0.5-0.3-1.1-0.8c-0.2-0.2-0.3-0.3-0.5-0.4c-0.2-0.2-0.3-0.4-0.6-0.7c-0.2-0.3-0.4-0.5-0.6-0.9C1.1,10.2,1,10,0.8,9.8 C0.7,9.5,0.7,9.1,0.5,8.5C0.5,8.2,0.4,8.1,0.5,7.9c0-0.1,0-0.2,0-0.3c0-0.2,0-0.3,0-0.3c0,0-0.1-0.2,0-0.3c0,0,0,0,0-0.1 c0,0,0,0,0.1-0.1l0.1,0"/> <line class="st1-detailed-footwear-selected" x1="9.9" y1="15.5" x2="9.9" y2="15.5"/> <path class="st1-detailed-footwear-selected" d="M0.8,9.7L0.8,9.7c0,0.2,0.1,0.4,0.2,0.6c0.1,0.2,0.2,0.6,0.5,1c0.3,0.5,0.7,0.9,0.8,1 c0.2,0.2,0.6,0.5,1.3,1.1c0.6,0.4,0.6,0.5,0.7,0.5c0.4,0.2,0.7,0.4,1.2,0.6c0.3,0.1,0.6,0.2,1.2,0.5c0.5,0.2,0.9,0.3,1.2,0.4 c0.1,0,0.3,0.1,0.3,0.1c0.3,0,0.4,0,0.4,0c0.3,0,0.3,0,0.4,0c0.1,0,0.2,0,0.4,0l0.4,0"/> <path class="st1-detailed-footwear-selected" d="M8.7,15.5L8.7,15.5c-0.1,0-0.1-0.1-0.2-0.1c0,0,0,0-0.1-0.1c0,0-0.1-0.1-0.2-0.1L8,15.2"/> <path class="st1-detailed-footwear-selected" d="M32.5,18.1L32.5,18.1c0.1-0.3,0.2-0.5,0.2-0.6c0-0.2,0.1-0.3,0.1-0.5c0-0.1,0-0.3,0.1-0.4c0-0.1,0-0.1,0-0.2 l0,0c0.1,0,0.1,0.1,0.1,0.1c0,0,0,0,0.1,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0.1,0,0.1,0,0.2c0,0.4-0.1,0.7-0.1,0.7 c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.3-0.3,0.6-0.4,0.7c-0.2,0.3-0.4,0.4-0.6,0.6c-0.2,0.2-0.4,0.3-0.4,0.3c-0.1,0.1-0.3,0.1-0.3,0.1 c-0.1,0-0.2,0.1-0.3,0.1c-0.2,0.1-0.4,0.1-0.5,0.1c-0.1,0-0.1,0-0.2,0l0,0c0,0,0,0,0,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0 c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0.1c0,0,0,0,0,0l0,0c0,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.3,0c-0.1,0,0,0-0.3,0c-0.1,0-0.2,0-0.3,0l0,0 c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0-0.1,0c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.2,0.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0,0,0 c-0.5,0-0.6,0-0.6,0c-0.3,0-0.7,0-1.1,0c-0.6,0-1,0-1.5,0c-0.6,0-1,0-1.4-0.1c-0.6,0-1-0.1-1.7-0.1c0,0-0.6-0.1-1.2-0.2 c-0.2,0-0.3-0.1-0.4-0.1c-0.1,0-0.2,0-0.2-0.1c0,0-0.2,0-0.3-0.1c-0.2,0-0.3-0.1-0.3-0.1c-0.2,0-0.2-0.1-0.2-0.1 c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2-0.1c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0 c0,0,0,0,0,0c-0.6-0.3-0.8-0.3-0.8-0.3s-0.1,0-0.2-0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0-0.1-0.1c-0.1,0-0.1,0-0.1-0.1 c-0.1,0-0.2-0.1-0.3-0.1c-0.3-0.1-0.4-0.1-0.5-0.2c0,0,0,0-0.1,0c0,0,0,0-0.1,0c-0.1,0-0.1,0-0.2,0c0,0-0.1,0-0.1,0c0,0,0,0-0.1,0 c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1L15.7,18"/> <path class="st1-detailed-footwear-selected" d="M18.3,7.5c0.1,0.1,0.1,0.2,0.1,0.3c0.1,0.2,0.1,0.3,0.2,0.7c0,0.1,0.1,0.2,0.2,0.3c0.1,0,0.2,0.1,0.2,0.1 c0.1,0,0.1,0,0.3,0c0.1,0,0.1,0,0.2,0"/> <path class="st1-detailed-footwear-selected" d="M16.8,6.3c0.1,0.1,0.3,0.2,0.5,0.4c0.1,0.1,0.2,0.2,0.4,0.3c0,0,0,0,0,0"/> <path class="st1-detailed-footwear-selected" d="M23.8,12.3l0.3,0.5c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0-0.1,0-0.2,0 c-0.2,0-0.4-0.1-0.4-0.1c-0.7-0.3-1.2-0.8-1.2-0.8c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.1-0.1-0.2-0.2c-0.1-0.1-0.2-0.2-0.3-0.2 c-0.1-0.1-0.2-0.2-0.3-0.2c-0.2-0.2-0.4-0.3-0.6-0.5c-0.2-0.2-0.4-0.3-1.1-0.8c-0.8-0.6-1.2-0.9-1.3-0.9c-0.4-0.3-0.9-0.6-1.4-0.9 c-0.1,0-0.2-0.2-0.5-0.2c-0.1,0-0.2,0-0.3-0.1c-0.3,0-0.4,0-0.6,0c-0.2,0-0.3,0-0.4-0.1c-0.2-0.1-0.3-0.1-0.3-0.2 c-0.5-0.4-1-0.7-1.5-1.1c0,0,0,0-0.1-0.1c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.2c0,0,0-0.1,0-0.2C13,6,13,6,13,6 c0,0,0.1,0,0.1-0.1c0.1,0,0.2,0,0.2,0c0.3,0,0.6,0,0.8-0.1c0.5,0,0.5,0,0.9,0c0.2,0,0.4,0,0.5,0c0.1,0,0.4,0,0.6,0.1 c0,0,0,0,0.1,0"/> <path class="st1-detailed-footwear-selected" d="M22,11c0.1,0.1,0.1,0.2,0.2,0.3c0,0.1,0.1,0.2,0.3,0.3c0.1,0.1,0.2,0.1,0.2,0.1c0.1,0,0.2,0,0.2,0 c0.1,0,0.2,0,0.3,0c0,0,0,0,0.1,0"/> <path class="st1-detailed-footwear-selected" d="M20,9.1c0.1,0.1,0.1,0.1,0.1,0.2c0.1,0.2,0.2,0.4,0.4,0.7c0.1,0.1,0.1,0.2,0.2,0.2c0.1,0.1,0.2,0.1,0.3,0.1 c0,0,0.1,0,0.3,0c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0.1,0.2,0.2c0,0,0,0,0,0.1"/> <path class="st1-detailed-footwear-selected" d="M16.7,5.5c-0.1,0-0.2-0.1-0.4-0.1c-0.2,0-0.3,0-0.5-0.1c-1,0-1,0-1,0c-0.5,0-0.6,0-1.4,0.1 c-0.5,0-0.4,0-1.2,0c-0.5,0-1,0-1.5,0c-0.2,0-0.5,0-0.9-0.1C9.7,5.1,9.5,5,9.5,5C9.4,4.9,9.3,4.8,9.2,4.6C9,4.5,9,4.3,8.9,4.2 c0-0.1-0.1-0.2-0.2-0.4C8.7,3.6,8.6,3.5,8.6,3.2C8.5,2.8,8.5,2.9,8.4,2.5C8.3,2.2,8.2,2,8.2,1.7c0,0,0-0.1-0.1-0.2c0,0,0,0,0,0 c0,0,0,0-0.1-0.1c0,0-0.2,0-0.3-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.1-0.1-0.2-0.1L7.1,1"/> <path class="st1-detailed-footwear-selected" d="M18.1,6.6c-0.1-0.1-0.1-0.2-0.2-0.3c-0.1-0.2-0.1-0.1-0.1-0.2c-0.1-0.1-0.1-0.1-0.2-0.2"/> <path class="st1-detailed-footwear-selected" d="M19.6,8.4C19.6,8.4,19.5,8.4,19.6,8.4c-0.3,0-0.4,0-0.4,0s-0.1,0-0.1,0c0,0,0,0,0,0c0,0,0,0,0,0 c0,0-0.1-0.4-0.1-0.4c-0.1-0.3-0.2-0.5-0.3-0.6c0-0.1,0-0.1-0.1-0.1"/> <path class="st1-detailed-footwear-selected" d="M22.1,10.3c0-0.1-0.1-0.1-0.1-0.2c-0.1-0.1-0.1-0.2-0.3-0.3c-0.1-0.1-0.2-0.1-0.2-0.1c-0.1,0-0.1,0-0.2,0 c-0.2,0-0.3,0.1-0.4,0c-0.1,0-0.2-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2c0,0-0.1-0.2-0.2-0.4c-0.1-0.1-0.1-0.2-0.2-0.3"/> <path class="st1-detailed-footwear-selected" d="M23.5,11.4c0,0-0.1,0-0.2,0c-0.3,0-0.4,0-0.4,0c-0.1,0-0.2-0.1-0.2-0.1c0,0-0.1-0.1-0.1-0.1 c-0.1-0.1-0.1-0.2-0.2-0.3"/> <path class="st1-detailed-footwear-selected" d="M32.9,16.3L32.9,16.3c0-0.1,0-0.1-0.1-0.2c-0.1-0.1-0.2-0.2-0.2-0.2c-0.4-0.2-0.5-0.3-0.5-0.3 c-0.3-0.1-0.5-0.3-0.8-0.4c-0.7-0.3-0.8-0.4-2-1c-1.1-0.5-0.9-0.4-1.5-0.7c-0.3-0.1-0.5-0.3-2-1.1c-0.2-0.1-0.5-0.3-0.6-0.4 c0,0,0,0,0,0c0,0,0,0.1,0,0.2c0,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.3,0.1-0.5,0.1c0,0-0.1,0-0.2,0c-0.1-0.1-0.2-0.2-0.3-0.4 c0-0.1-0.1-0.1-0.1-0.2"/> <path class="st1-detailed-footwear-selected" d="M14.3,6.3C14.3,6.3,14.3,6.3,14.3,6.3c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0.1c0,0,0,0,0.1,0c0,0,0,0,0.1,0 c0,0,0,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0,0,0-0.1c0,0,0,0,0-0.1c0,0,0,0,0-0.1c0,0,0,0-0.1,0C14.4,6.3,14.4,6.3,14.3,6.3 C14.3,6.3,14.3,6.3,14.3,6.3z"/> <path class="st1-detailed-footwear-selected" d="M17.7,5.2c-0.3-0.3-0.2-0.2-0.4-0.4C16.6,4,16,3.2,16,3.2c0,0-0.1,0-0.1,0c-0.3,0-0.5,0.1-0.6,0.1 c-0.5,0.2-0.8,0.2-1.1,0.4c-0.3,0.2-0.5,0.3-0.5,0.4c-0.1,0.2-0.2,0.3-0.2,0.4c0,0.1-0.1,0.2-0.1,0.3"/> <path class="st1-detailed-footwear-selected" d="M21.1,8.8C21.1,8.7,21,8.7,21.1,8.8c-0.3-0.3-0.5-0.4-0.7-0.7c-0.1-0.1-0.1-0.2-0.2-0.3 c-0.2-0.2-0.4-0.4-0.4-0.4c-0.3-0.3-0.5-0.5-1.1-1.2"/> <path class="st1-detailed-footwear-selected" d="M22.5,10.1c-0.1-0.1-0.1-0.2-0.1-0.2c-0.1-0.1-0.4-0.4-0.7-0.7"/> <path class="st1-detailed-footwear-selected" d="M23.6,11c-0.1,0-0.1-0.1-0.1-0.1c0,0,0,0,0,0s0,0-0.1-0.1"/> <path class="st1-detailed-footwear-selected" d="M25.3,12.1l-0.8-0.5c-0.1,0-0.2-0.1-0.4-0.2"/> <path class="st1-detailed-footwear-selected" d="M17,5.3C17,5.2,17,5.2,16.9,5.2c0,0-0.1-0.1-0.1-0.1c-0.1-0.1-0.3-0.2-0.5-0.2c-0.2-0.1-0.3-0.1-0.7-0.1 c-0.3,0-0.4,0-0.6,0c-0.5,0-0.7,0-1.5,0c-0.3,0-0.2,0-0.3,0c-0.5,0-0.6,0-1.2,0.1c-0.5,0-0.4,0-0.7,0c-0.2,0-0.4,0.1-0.7,0.1 c-0.2,0-0.3,0-0.5,0C10,4.8,9.9,4.7,9.9,4.7c-0.1,0-0.2-0.1-0.3-0.4C9.5,4.1,9.4,3.9,9.3,3.7C9.2,3.5,9.1,3.2,9.1,2.9 C8.9,2.4,8.8,2.1,8.8,2c0-0.2-0.1-0.3-0.2-0.5c0-0.1-0.1-0.2-0.2-0.3C8.3,1.1,8.2,1,7.9,0.9c-0.1,0-0.2-0.1-0.3-0.1 c-0.1,0-0.2-0.1-0.2-0.1"/> <line class="st1-detailed-footwear-selected" x1="17.7" y1="6.1" x2="17.5" y2="5.9"/> <path class="st1-detailed-footwear-selected" d="M13.9,4.7L13.9,4.7c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.1,0.2-0.2,0.4-0.3C14.7,4,14.8,4,14.9,4 c0.3-0.1,0.5-0.1,0.7-0.2c0.1,0,0.3,0,0.5-0.1l0.3,0"/> <path class="st1-detailed-footwear-selected" d="M13.5,4.3l-0.7,0c-0.5,0-0.8,0-1.1,0c-0.3,0-0.7,0-1,0c-0.2,0-0.3,0-0.5,0c0,0-0.1,0-0.1,0 c-0.1,0-0.2-0.1-0.2-0.1C9.6,3.8,9.4,3.5,9.4,3.5C9.3,3.3,9.2,3,9,2.6C8.9,2.2,8.8,1.7,8.7,1.4c0,0,0-0.1-0.2-0.5c0,0,0,0,0,0 c0,0-0.1-0.1-0.3-0.2c-0.1,0-0.1,0-0.2-0.1c-0.1,0-0.2,0-0.4-0.1c-0.1,0-0.2,0-0.2,0"/> <path class="st1-detailed-footwear-selected" d="M19.5,7.3c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.1,0.1,0.2,0.2c0,0,0.1,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.2 c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0.1,0.1,0.1,0.1"/> <path class="st1-detailed-footwear-selected" d="M19.8,7.6c0,0,0,0.1,0,0.2c0,0.1,0,0.1-0.1,0.2c0,0.1,0,0.1-0.1,0.2c0,0.1,0,0.1,0,0.1c0,0.1,0,0.1-0.1,0.1 c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.2c0,0.1,0,0.2,0,0.2c0,0.1,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0.1,0,0.1,0.1,0.1c0,0,0,0,0.1,0 c0,0,0.1,0,0.1,0c0,0,0,0,0.1,0c0,0,0.1-0.1,0.1-0.1c0.1-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.2,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.3 c0-0.1,0-0.3,0-0.5"/> <path class="st1-detailed-footwear-selected" d="M19.7,7.6C19.8,7.6,19.8,7.7,19.7,7.6c0.1,0.1,0.1,0.1,0.2,0.1c0,0.1,0,0.1,0.1,0.1C20,7.9,20,8,20.1,8 c0,0,0.1,0.1,0.1,0.1"/> <line class="st1-detailed-footwear-selected" x1="20.2" y1="8.1" x2="20.2" y2="8.1"/> <line class="st1-detailed-footwear-selected" x1="20.2" y1="8.2" x2="20.2" y2="8.1"/> <path class="st1-detailed-footwear-selected" d="M19.6,7.4L19.6,7.4c-0.2,0-0.3,0-0.5,0c0,0-0.2,0-0.3,0c0,0-0.1,0-0.1,0l0,0"/> <path class="st1-detailed-footwear-selected" d="M19.6,7.5L19.6,7.5c0.1,0.1,0.1,0.1,0.1,0.1c0,0,0,0,0,0s0,0,0,0.1"/> <path class="st1-detailed-footwear-selected" d="M18.9,8.1c0,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0c0,0,0,0,0.1,0"/> <path class="st1-detailed-footwear-selected" d="M17.5,5c0.1,0,0.2,0,0.3,0c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0.1,0.2,0.2,0.2,0.3c0.1,0.1,0.1,0.3,0.1,0.4 c0,0.1,0,0.2,0,0.4c0,0.3,0,0.2,0,0.4c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.1c0,0.1-0.1,0.1-0.1,0.3c0,0,0,0.1-0.1,0.2 c-0.1,0.3-0.1,0.3-0.1,0.3C18.1,8,18,8,17.8,8.1c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.1,0c0,0-0.1,0-0.1-0.1c0,0,0,0,0-0.1 c0,0,0,0,0-0.1c0,0,0-0.1,0-0.1c0-0.1,0-0.1,0.1-0.2c0-0.1,0-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.2,0.1-0.2 C18,6.8,18,6.8,18,6.7c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0-0.1,0-0.2c0-0.1,0-0.1,0-0.2c0-0.3,0.1-0.3,0-0.5c0-0.1,0-0.1-0.1-0.2 c-0.1-0.1-0.1-0.1-0.2-0.2"/> <path class="st1-detailed-footwear-selected" d="M15.7,6.4C15.7,6.5,15.7,6.5,15.7,6.4c0,0.1,0,0.2,0.1,0.2c0,0,0,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.2,0 c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1-0.1,0.2-0.1c0,0,0,0,0.2-0.1c0.1-0.1,0.2-0.2,0.2-0.2 c0.1-0.1,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.1-0.1c0,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3,0c0,0,0,0,0,0"/> <path class="st1-detailed-footwear-selected" d="M15.7,6.4c0,0,0-0.1,0.1-0.2c0,0,0,0,0.1-0.1C15.8,6.1,15.9,6.1,16,6c0,0,0.1-0.1,0.1-0.1 c0.1-0.1,0.1-0.1,0.2-0.1c0.2-0.1,0.3-0.2,0.3-0.2c0.1-0.1,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1-0.1c0,0,0,0,0.1,0c0,0,0.1,0,0.2,0 c0.1,0,0.1,0,0.4,0c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0,0,0,0"/> <line class="st1-detailed-footwear-selected" x1="17.8" y1="5.1" x2="17.9" y2="5.1"/> <line class="st1-detailed-footwear-selected" x1="15.7" y1="6.4" x2="15.7" y2="6.4"/> <path class="st1-detailed-footwear-selected" d="M20.7,8.4l0.2,0.1c0,0,0.1,0,0.1,0.1c0,0,0.1,0,0.1,0.1c0,0,0.1,0.1,0.2,0.2c0.1,0.1,0.1,0.2,0.2,0.3 c0.1,0.1,0.1,0.2,0.1,0.2c0,0,0,0.1,0,0.2c0,0.1,0,0.2,0,0.3c0,0,0,0,0,0"/> <path class="st1-detailed-footwear-selected" d="M21.1,8.8C21.1,8.8,21.1,8.8,21.1,8.8c0.1,0,0.1,0.1,0.1,0.1c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1 c0,0,0,0.3,0,0.5c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1"/> <path class="st1-detailed-footwear-selected" d="M20.3,8.9c0,0,0.1,0,0.2,0c0.1,0,0.2,0,0.2-0.1c0.1,0,0.3,0,0.3,0c0,0,0.1,0,0.1,0"/> <path class="st1-detailed-footwear-selected" d="M20.6,9.5C20.7,9.5,20.7,9.5,20.6,9.5c0.2,0,0.2-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0"/> <path class="st1-detailed-footwear-selected" d="M23.2,12.2c0,0,0-0.1,0-0.2c0-0.1,0-0.1,0.1-0.1c0-0.1,0.1-0.2,0.1-0.3c0.1-0.2,0.1-0.3,0.1-0.4 c0-0.1,0-0.2,0-0.2c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0.1,0,0.1,0,0.1,0.1c0.1,0,0.1,0,0.2,0.1c0,0,0.1,0.1,0.1,0.1 c0,0,0,0,0,0.1c0,0.1,0,0.2,0,0.2C24.1,11.8,24,12,24,12c-0.1,0.2-0.1,0.2-0.1,0.3c0,0,0,0.1-0.1,0.2c0,0,0,0,0,0c0,0,0,0-0.1,0 c-0.1,0-0.1,0-0.2,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1-0.1c0,0,0,0,0,0C23.2,12.3,23.2,12.2,23.2,12.2"/> <path class="st1-detailed-footwear-selected" d="M23.2,10.6c0,0,0.1,0.1,0.1,0.2c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0,0.1,0,0.3c0,0,0,0,0,0.1"/> <path class="st1-detailed-footwear-selected" d="M22.8,10.7c0,0,0,0.1,0,0.1c0,0.1,0,0.1,0,0.2c0,0.1,0,0.2,0,0.2c0,0.1,0,0.1,0,0.2"/> <path class="st1-detailed-footwear-selected" d="M23.1,10.6c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0.1c-0.1,0-0.1,0.1-0.1,0.1c-0.1,0.1-0.1,0.1-0.4,0.2 c0,0-0.1,0-0.1,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.1c0,0-0.1-0.1-0.1-0.2 c0,0,0,0,0-0.1c0,0,0-0.1,0-0.1c0-0.1,0-0.1,0.1-0.1c0,0,0-0.1,0.1-0.1c0.1,0,0.1,0,0.2-0.1c0.2-0.1,0.2-0.1,0.2-0.1 c0.1,0,0,0,0.2-0.1c0.1,0,0.1,0,0.3-0.1c0,0,0,0,0,0c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0.1,0.3,0.2C23.1,10.4,23.2,10.4,23.1,10.6 C23.2,10.5,23.2,10.6,23.1,10.6"/> <path class="st1-detailed-footwear-selected" d="M23.1,10.6C23.1,10.6,23.1,10.6,23.1,10.6C23.2,10.6,23.2,10.6,23.1,10.6C23.2,10.6,23.2,10.6,23.1,10.6 C23.2,10.6,23.2,10.6,23.1,10.6"/> <line class="st1-detailed-footwear-selected" x1="23.1" y1="10.6" x2="23.1" y2="10.6"/> <path class="st1-detailed-footwear-selected" d="M7.1,1"/> <path class="st1-detailed-footwear-selected" d="M6.9,0.8c0,0,0-0.1,0-0.1C7,0.6,7,0.5,7.1,0.5c0,0,0.1-0.1,0.1-0.1c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0.1 c0,0,0,0,0,0.1c0,0,0,0.1,0,0.1s0,0.1,0,0.1"/> <path class="st1-detailed-footwear-selected" d="M7.4,0.7C7.4,0.7,7.4,0.6,7.4,0.7C7.3,0.6,7.3,0.6,7.4,0.7c-0.1-0.1-0.2,0-0.2,0.2c0,0,0,0.1-0.1,0.2"/> </g></g></svg>',
34
35
  'detailed-footwear': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 33.6 20.8" style="enable-background:new 0 0 33.6 20.8;" xml:space="preserve"><style type="text/css"> .st0-detailed-footwear{display:none;} .st1-detailed-footwear{fill:none;stroke:#3643ba;stroke-width:0.7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}</style><g id="Calque_1_00000179617517466086946620000010608077286789513383_" class="st0-detailed-footwear"></g><g id="Calque_2_00000124129821288116608210000005806568011804293285_"> <g> <path class="st1-detailed-footwear" d="M3.2,5.8l-0.4,0c0,0-0.2,0.2-0.4,0.4C2.2,6.4,2.1,6.4,2,6.5c-0.1,0-0.3,0.2-0.6,0.2c-0.2,0-0.3-0.1-0.5,0 c-0.2,0-0.3,0-0.4,0.1c0,0,1.1,0.6,2,1.1c0.8,0.5,1.2,0.7,1.6,1c0.9,0.6,1.2,1,2.4,1.7c0.3,0.2,0.7,0.4,0.7,0.4 c0.6,0.4,1.1,0.7,1.3,0.8c1.2,0.7,2.4,1.5,3.9,2.5c0.6,0.4,0.4,0.3,0.9,0.7c1.5,1.1,2.3,1.6,3.2,2.1c1.7,1,3.2,1.5,3.9,1.7 c1.3,0.4,2.2,0.6,2.5,0.6c0.5,0.1,1,0.1,1.6,0.2c1,0.1,1.6,0.1,1.8,0.1c0.5,0,0.9,0,0.9,0c0.4,0,0.8-0.1,1.4-0.1 c0.3,0,0.8-0.1,1.4-0.2c0.2,0,0.5-0.1,0.8-0.2c0.2-0.1,0.3-0.2,0.4-0.2c0.3-0.2,0.5-0.4,0.5-0.4c0.1-0.1,0.1-0.1,0.1-0.2 c0,0-0.6,0-1.2,0c-0.2,0-0.2,0-0.6-0.1c-0.9-0.1-1.2-0.1-1.7-0.1c0,0-0.5-0.1-1.1-0.2c-0.7-0.1-1.3-0.3-2.1-0.5 c-1.3-0.4-2.3-0.7-3.7-1.3c-0.9-0.4-1.5-0.7-2-0.9c-1-0.5-1.7-0.8-1.9-1c-0.4-0.2-0.7-0.4-1.2-0.7c-0.4-0.2-0.4-0.2-1-0.6 c-0.3-0.2-0.4-0.3-1.3-0.8c-1-0.6-0.8-0.5-1.2-0.8c-1.3-0.8-1.3-0.8-1.8-1.1c-0.5-0.3-0.6-0.4-1-0.6C9.4,9.1,9.1,8.9,8.6,8.7 C8.4,8.6,8,8.4,7.4,8.1C7.1,8,6.8,7.9,6.6,7.8C5.8,7.6,5.7,7.5,5,7.3C4.9,7.2,4.4,7.1,4.1,6.8C3.9,6.7,3.8,6.5,3.8,6.5 c-0.1,0-0.1-0.1-0.2-0.2C3.4,6.2,3.4,6.2,3.3,6.1C3.3,6,3.2,5.9,3.2,5.8z"/> <path class="st1-detailed-footwear" d="M0.5,6.7l0,0.2c0.2,0.1,0.6,0.3,1,0.6c0.6,0.4,0.7,0.4,1,0.6c0.6,0.4,1.1,0.6,1.6,1c0.5,0.3,0.8,0.6,1.2,0.9 c0.7,0.6,0.7,0.6,1.3,1c0.4,0.3,0.9,0.7,2.1,1.4c0.5,0.3,0.7,0.5,1,0.7c0.8,0.5,1.2,0.8,1.8,1.2c0.8,0.5,1.3,0.9,2.1,1.4 c1,0.7,1.5,1.1,2.3,1.5c0.3,0.2,0.6,0.3,0.8,0.4c0.4,0.2,1.2,0.6,2.1,0.9c0.9,0.4,1.8,0.7,3.1,1c0.5,0.1,0.9,0.1,1.4,0.2 c1.3,0.1,2.3,0.1,3,0.1c0.2,0,0.8,0,2-0.1c0,0,0.7,0,1.7-0.2c0.2,0,0.5-0.1,0.8-0.2c0.3-0.1,0.4-0.3,0.6-0.4 c0.2-0.2,0.4-0.4,0.7-0.7l-0.1,0"/> <path class="st1-detailed-footwear" d="M3.4,6.1L3.4,6.1c0-0.1,0.1-0.2,0.1-0.3c0.1-0.1,0.1-0.2,0.2-0.3C3.9,5.3,3.9,5.3,4.1,5 c0.1-0.1,0.2-0.2,0.4-0.5c0.2-0.2,0.3-0.3,0.4-0.5c0.4-0.5,0.6-0.7,0.8-0.9c0.1-0.1,0.2-0.3,0.5-0.7C6.4,2.2,6.5,2,6.6,1.8 C6.7,1.7,6.8,1.6,7,1.2C7,1.1,7.1,1.1,7.1,1C7.1,1,7,1,7,0.9c0,0,0-0.1,0-0.1c0,0-0.1,0.2-0.2,0.2C6.6,1.1,6.4,1.5,6.4,1.5 c-0.7,1-0.7,1-0.8,1.2C5.3,3,5.1,3.3,4.8,3.6C4.7,3.8,4.6,3.9,4.4,4.1C4.2,4.4,4.1,4.5,4,4.7C3.6,5.2,3.5,5.4,3.4,5.5 C3.4,5.6,3.3,5.7,3.3,5.8l0,0.1"/> <path class="st1-detailed-footwear" d="M32,18.1l0.5,0c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.3,0.3-0.5,0.4c-0.2,0.1-0.5,0.3-1,0.5 c-0.2,0.1-0.5,0.2-0.9,0.2c-0.8,0.2-1.4,0.2-1.7,0.2c-1.2,0-1.8,0.1-2.6,0c-0.8,0-1.5-0.1-2.7-0.2c-0.3,0-0.6,0-1-0.1 c-0.5-0.1-0.8-0.2-1.3-0.3c-0.4-0.1-0.9-0.2-1.5-0.4c-0.2-0.1-0.6-0.2-1.4-0.5c-0.5-0.2-0.9-0.3-1.4-0.5C16,18.1,15.8,18,15.7,18 c0,0-0.1-0.1-0.2-0.2c0,0-0.1-0.1-0.4-0.3C14.7,17.2,14,17,14,17c-0.1,0-0.7-0.3-2-0.8c-0.8-0.3-0.9-0.4-1.4-0.5 c-0.5-0.2-1-0.3-1.2-0.3c-0.9-0.2-0.8-0.1-1.3-0.2c-0.4-0.1-0.9-0.3-1.8-0.6c-0.4-0.2-0.7-0.3-1-0.4c-0.5-0.2-0.8-0.4-1.3-0.7 c-0.1-0.1-0.5-0.3-1.1-0.8c-0.2-0.2-0.3-0.3-0.5-0.4c-0.2-0.2-0.3-0.4-0.6-0.7c-0.2-0.3-0.4-0.5-0.6-0.9C1.1,10.2,1,10,0.8,9.8 C0.7,9.5,0.7,9.1,0.5,8.5C0.5,8.2,0.4,8.1,0.5,7.9c0-0.1,0-0.2,0-0.3c0-0.2,0-0.3,0-0.3c0,0-0.1-0.2,0-0.3c0,0,0,0,0-0.1 c0,0,0,0,0.1-0.1l0.1,0"/> <line class="st1-detailed-footwear" x1="9.9" y1="15.5" x2="9.9" y2="15.5"/> <path class="st1-detailed-footwear" d="M0.8,9.7L0.8,9.7c0,0.2,0.1,0.4,0.2,0.6c0.1,0.2,0.2,0.6,0.5,1c0.3,0.5,0.7,0.9,0.8,1 c0.2,0.2,0.6,0.5,1.3,1.1c0.6,0.4,0.6,0.5,0.7,0.5c0.4,0.2,0.7,0.4,1.2,0.6c0.3,0.1,0.6,0.2,1.2,0.5c0.5,0.2,0.9,0.3,1.2,0.4 c0.1,0,0.3,0.1,0.3,0.1c0.3,0,0.4,0,0.4,0c0.3,0,0.3,0,0.4,0c0.1,0,0.2,0,0.4,0l0.4,0"/> <path class="st1-detailed-footwear" d="M8.7,15.5L8.7,15.5c-0.1,0-0.1-0.1-0.2-0.1c0,0,0,0-0.1-0.1c0,0-0.1-0.1-0.2-0.1L8,15.2"/> <path class="st1-detailed-footwear" d="M32.5,18.1L32.5,18.1c0.1-0.3,0.2-0.5,0.2-0.6c0-0.2,0.1-0.3,0.1-0.5c0-0.1,0-0.3,0.1-0.4c0-0.1,0-0.1,0-0.2 l0,0c0.1,0,0.1,0.1,0.1,0.1c0,0,0,0,0.1,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0.1,0,0.1,0,0.2c0,0.4-0.1,0.7-0.1,0.7 c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.3-0.3,0.6-0.4,0.7c-0.2,0.3-0.4,0.4-0.6,0.6c-0.2,0.2-0.4,0.3-0.4,0.3c-0.1,0.1-0.3,0.1-0.3,0.1 c-0.1,0-0.2,0.1-0.3,0.1c-0.2,0.1-0.4,0.1-0.5,0.1c-0.1,0-0.1,0-0.2,0l0,0c0,0,0,0,0,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0 c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0.1c0,0,0,0,0,0l0,0c0,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.3,0c-0.1,0,0,0-0.3,0c-0.1,0-0.2,0-0.3,0l0,0 c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0-0.1,0c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.2,0.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0,0,0 c-0.5,0-0.6,0-0.6,0c-0.3,0-0.7,0-1.1,0c-0.6,0-1,0-1.5,0c-0.6,0-1,0-1.4-0.1c-0.6,0-1-0.1-1.7-0.1c0,0-0.6-0.1-1.2-0.2 c-0.2,0-0.3-0.1-0.4-0.1c-0.1,0-0.2,0-0.2-0.1c0,0-0.2,0-0.3-0.1c-0.2,0-0.3-0.1-0.3-0.1c-0.2,0-0.2-0.1-0.2-0.1 c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2-0.1c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0 c0,0,0,0,0,0c-0.6-0.3-0.8-0.3-0.8-0.3s-0.1,0-0.2-0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0-0.1-0.1c-0.1,0-0.1,0-0.1-0.1 c-0.1,0-0.2-0.1-0.3-0.1c-0.3-0.1-0.4-0.1-0.5-0.2c0,0,0,0-0.1,0c0,0,0,0-0.1,0c-0.1,0-0.1,0-0.2,0c0,0-0.1,0-0.1,0c0,0,0,0-0.1,0 c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1L15.7,18"/> <path class="st1-detailed-footwear" d="M18.3,7.5c0.1,0.1,0.1,0.2,0.1,0.3c0.1,0.2,0.1,0.3,0.2,0.7c0,0.1,0.1,0.2,0.2,0.3c0.1,0,0.2,0.1,0.2,0.1 c0.1,0,0.1,0,0.3,0c0.1,0,0.1,0,0.2,0"/> <path class="st1-detailed-footwear" d="M16.8,6.3c0.1,0.1,0.3,0.2,0.5,0.4c0.1,0.1,0.2,0.2,0.4,0.3c0,0,0,0,0,0"/> <path class="st1-detailed-footwear" d="M23.8,12.3l0.3,0.5c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0-0.1,0-0.2,0 c-0.2,0-0.4-0.1-0.4-0.1c-0.7-0.3-1.2-0.8-1.2-0.8c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.1-0.1-0.2-0.2c-0.1-0.1-0.2-0.2-0.3-0.2 c-0.1-0.1-0.2-0.2-0.3-0.2c-0.2-0.2-0.4-0.3-0.6-0.5c-0.2-0.2-0.4-0.3-1.1-0.8c-0.8-0.6-1.2-0.9-1.3-0.9c-0.4-0.3-0.9-0.6-1.4-0.9 c-0.1,0-0.2-0.2-0.5-0.2c-0.1,0-0.2,0-0.3-0.1c-0.3,0-0.4,0-0.6,0c-0.2,0-0.3,0-0.4-0.1c-0.2-0.1-0.3-0.1-0.3-0.2 c-0.5-0.4-1-0.7-1.5-1.1c0,0,0,0-0.1-0.1c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.2c0,0,0-0.1,0-0.2C13,6,13,6,13,6 c0,0,0.1,0,0.1-0.1c0.1,0,0.2,0,0.2,0c0.3,0,0.6,0,0.8-0.1c0.5,0,0.5,0,0.9,0c0.2,0,0.4,0,0.5,0c0.1,0,0.4,0,0.6,0.1 c0,0,0,0,0.1,0"/> <path class="st1-detailed-footwear" d="M22,11c0.1,0.1,0.1,0.2,0.2,0.3c0,0.1,0.1,0.2,0.3,0.3c0.1,0.1,0.2,0.1,0.2,0.1c0.1,0,0.2,0,0.2,0 c0.1,0,0.2,0,0.3,0c0,0,0,0,0.1,0"/> <path class="st1-detailed-footwear" d="M20,9.1c0.1,0.1,0.1,0.1,0.1,0.2c0.1,0.2,0.2,0.4,0.4,0.7c0.1,0.1,0.1,0.2,0.2,0.2c0.1,0.1,0.2,0.1,0.3,0.1 c0,0,0.1,0,0.3,0c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0.1,0.2,0.2c0,0,0,0,0,0.1"/> <path class="st1-detailed-footwear" d="M16.7,5.5c-0.1,0-0.2-0.1-0.4-0.1c-0.2,0-0.3,0-0.5-0.1c-1,0-1,0-1,0c-0.5,0-0.6,0-1.4,0.1 c-0.5,0-0.4,0-1.2,0c-0.5,0-1,0-1.5,0c-0.2,0-0.5,0-0.9-0.1C9.7,5.1,9.5,5,9.5,5C9.4,4.9,9.3,4.8,9.2,4.6C9,4.5,9,4.3,8.9,4.2 c0-0.1-0.1-0.2-0.2-0.4C8.7,3.6,8.6,3.5,8.6,3.2C8.5,2.8,8.5,2.9,8.4,2.5C8.3,2.2,8.2,2,8.2,1.7c0,0,0-0.1-0.1-0.2c0,0,0,0,0,0 c0,0,0,0-0.1-0.1c0,0-0.2,0-0.3-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.1-0.1-0.2-0.1L7.1,1"/> <path class="st1-detailed-footwear" d="M18.1,6.6c-0.1-0.1-0.1-0.2-0.2-0.3c-0.1-0.2-0.1-0.1-0.1-0.2c-0.1-0.1-0.1-0.1-0.2-0.2"/> <path class="st1-detailed-footwear" d="M19.6,8.4C19.6,8.4,19.5,8.4,19.6,8.4c-0.3,0-0.4,0-0.4,0s-0.1,0-0.1,0c0,0,0,0,0,0c0,0,0,0,0,0 c0,0-0.1-0.4-0.1-0.4c-0.1-0.3-0.2-0.5-0.3-0.6c0-0.1,0-0.1-0.1-0.1"/> <path class="st1-detailed-footwear" d="M22.1,10.3c0-0.1-0.1-0.1-0.1-0.2c-0.1-0.1-0.1-0.2-0.3-0.3c-0.1-0.1-0.2-0.1-0.2-0.1c-0.1,0-0.1,0-0.2,0 c-0.2,0-0.3,0.1-0.4,0c-0.1,0-0.2-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2c0,0-0.1-0.2-0.2-0.4c-0.1-0.1-0.1-0.2-0.2-0.3"/> <path class="st1-detailed-footwear" d="M23.5,11.4c0,0-0.1,0-0.2,0c-0.3,0-0.4,0-0.4,0c-0.1,0-0.2-0.1-0.2-0.1c0,0-0.1-0.1-0.1-0.1 c-0.1-0.1-0.1-0.2-0.2-0.3"/> <path class="st1-detailed-footwear" d="M32.9,16.3L32.9,16.3c0-0.1,0-0.1-0.1-0.2c-0.1-0.1-0.2-0.2-0.2-0.2c-0.4-0.2-0.5-0.3-0.5-0.3 c-0.3-0.1-0.5-0.3-0.8-0.4c-0.7-0.3-0.8-0.4-2-1c-1.1-0.5-0.9-0.4-1.5-0.7c-0.3-0.1-0.5-0.3-2-1.1c-0.2-0.1-0.5-0.3-0.6-0.4 c0,0,0,0,0,0c0,0,0,0.1,0,0.2c0,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.3,0.1-0.5,0.1c0,0-0.1,0-0.2,0c-0.1-0.1-0.2-0.2-0.3-0.4 c0-0.1-0.1-0.1-0.1-0.2"/> <path class="st1-detailed-footwear" d="M14.3,6.3C14.3,6.3,14.3,6.3,14.3,6.3c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0.1c0,0,0,0,0.1,0c0,0,0,0,0.1,0 c0,0,0,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0,0,0-0.1c0,0,0,0,0-0.1c0,0,0,0,0-0.1c0,0,0,0-0.1,0C14.4,6.3,14.4,6.3,14.3,6.3 C14.3,6.3,14.3,6.3,14.3,6.3z"/> <path class="st1-detailed-footwear" d="M17.7,5.2c-0.3-0.3-0.2-0.2-0.4-0.4C16.6,4,16,3.2,16,3.2c0,0-0.1,0-0.1,0c-0.3,0-0.5,0.1-0.6,0.1 c-0.5,0.2-0.8,0.2-1.1,0.4c-0.3,0.2-0.5,0.3-0.5,0.4c-0.1,0.2-0.2,0.3-0.2,0.4c0,0.1-0.1,0.2-0.1,0.3"/> <path class="st1-detailed-footwear" d="M21.1,8.8C21.1,8.7,21,8.7,21.1,8.8c-0.3-0.3-0.5-0.4-0.7-0.7c-0.1-0.1-0.1-0.2-0.2-0.3 c-0.2-0.2-0.4-0.4-0.4-0.4c-0.3-0.3-0.5-0.5-1.1-1.2"/> <path class="st1-detailed-footwear" d="M22.5,10.1c-0.1-0.1-0.1-0.2-0.1-0.2c-0.1-0.1-0.4-0.4-0.7-0.7"/> <path class="st1-detailed-footwear" d="M23.6,11c-0.1,0-0.1-0.1-0.1-0.1c0,0,0,0,0,0s0,0-0.1-0.1"/> <path class="st1-detailed-footwear" d="M25.3,12.1l-0.8-0.5c-0.1,0-0.2-0.1-0.4-0.2"/> <path class="st1-detailed-footwear" d="M17,5.3C17,5.2,17,5.2,16.9,5.2c0,0-0.1-0.1-0.1-0.1c-0.1-0.1-0.3-0.2-0.5-0.2c-0.2-0.1-0.3-0.1-0.7-0.1 c-0.3,0-0.4,0-0.6,0c-0.5,0-0.7,0-1.5,0c-0.3,0-0.2,0-0.3,0c-0.5,0-0.6,0-1.2,0.1c-0.5,0-0.4,0-0.7,0c-0.2,0-0.4,0.1-0.7,0.1 c-0.2,0-0.3,0-0.5,0C10,4.8,9.9,4.7,9.9,4.7c-0.1,0-0.2-0.1-0.3-0.4C9.5,4.1,9.4,3.9,9.3,3.7C9.2,3.5,9.1,3.2,9.1,2.9 C8.9,2.4,8.8,2.1,8.8,2c0-0.2-0.1-0.3-0.2-0.5c0-0.1-0.1-0.2-0.2-0.3C8.3,1.1,8.2,1,7.9,0.9c-0.1,0-0.2-0.1-0.3-0.1 c-0.1,0-0.2-0.1-0.2-0.1"/> <line class="st1-detailed-footwear" x1="17.7" y1="6.1" x2="17.5" y2="5.9"/> <path class="st1-detailed-footwear" d="M13.9,4.7L13.9,4.7c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.1,0.2-0.2,0.4-0.3C14.7,4,14.8,4,14.9,4 c0.3-0.1,0.5-0.1,0.7-0.2c0.1,0,0.3,0,0.5-0.1l0.3,0"/> <path class="st1-detailed-footwear" d="M13.5,4.3l-0.7,0c-0.5,0-0.8,0-1.1,0c-0.3,0-0.7,0-1,0c-0.2,0-0.3,0-0.5,0c0,0-0.1,0-0.1,0 c-0.1,0-0.2-0.1-0.2-0.1C9.6,3.8,9.4,3.5,9.4,3.5C9.3,3.3,9.2,3,9,2.6C8.9,2.2,8.8,1.7,8.7,1.4c0,0,0-0.1-0.2-0.5c0,0,0,0,0,0 c0,0-0.1-0.1-0.3-0.2c-0.1,0-0.1,0-0.2-0.1c-0.1,0-0.2,0-0.4-0.1c-0.1,0-0.2,0-0.2,0"/> <path class="st1-detailed-footwear" d="M19.5,7.3c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.1,0.1,0.2,0.2c0,0,0.1,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.2 c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0.1,0.1,0.1,0.1"/> <path class="st1-detailed-footwear" d="M19.8,7.6c0,0,0,0.1,0,0.2c0,0.1,0,0.1-0.1,0.2c0,0.1,0,0.1-0.1,0.2c0,0.1,0,0.1,0,0.1c0,0.1,0,0.1-0.1,0.1 c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.2c0,0.1,0,0.2,0,0.2c0,0.1,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0.1,0,0.1,0.1,0.1c0,0,0,0,0.1,0 c0,0,0.1,0,0.1,0c0,0,0,0,0.1,0c0,0,0.1-0.1,0.1-0.1c0.1-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.2,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.3 c0-0.1,0-0.3,0-0.5"/> <path class="st1-detailed-footwear" d="M19.7,7.6C19.8,7.6,19.8,7.7,19.7,7.6c0.1,0.1,0.1,0.1,0.2,0.1c0,0.1,0,0.1,0.1,0.1C20,7.9,20,8,20.1,8 c0,0,0.1,0.1,0.1,0.1"/> <line class="st1-detailed-footwear" x1="20.2" y1="8.1" x2="20.2" y2="8.1"/> <line class="st1-detailed-footwear" x1="20.2" y1="8.2" x2="20.2" y2="8.1"/> <path class="st1-detailed-footwear" d="M19.6,7.4L19.6,7.4c-0.2,0-0.3,0-0.5,0c0,0-0.2,0-0.3,0c0,0-0.1,0-0.1,0l0,0"/> <path class="st1-detailed-footwear" d="M19.6,7.5L19.6,7.5c0.1,0.1,0.1,0.1,0.1,0.1c0,0,0,0,0,0s0,0,0,0.1"/> <path class="st1-detailed-footwear" d="M18.9,8.1c0,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0c0,0,0,0,0.1,0"/> <path class="st1-detailed-footwear" d="M17.5,5c0.1,0,0.2,0,0.3,0c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0.1,0.2,0.2,0.2,0.3c0.1,0.1,0.1,0.3,0.1,0.4 c0,0.1,0,0.2,0,0.4c0,0.3,0,0.2,0,0.4c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.1c0,0.1-0.1,0.1-0.1,0.3c0,0,0,0.1-0.1,0.2 c-0.1,0.3-0.1,0.3-0.1,0.3C18.1,8,18,8,17.8,8.1c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.1,0c0,0-0.1,0-0.1-0.1c0,0,0,0,0-0.1 c0,0,0,0,0-0.1c0,0,0-0.1,0-0.1c0-0.1,0-0.1,0.1-0.2c0-0.1,0-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.2,0.1-0.2 C18,6.8,18,6.8,18,6.7c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0-0.1,0-0.2c0-0.1,0-0.1,0-0.2c0-0.3,0.1-0.3,0-0.5c0-0.1,0-0.1-0.1-0.2 c-0.1-0.1-0.1-0.1-0.2-0.2"/> <path class="st1-detailed-footwear" d="M15.7,6.4C15.7,6.5,15.7,6.5,15.7,6.4c0,0.1,0,0.2,0.1,0.2c0,0,0,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.2,0 c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1-0.1,0.2-0.1c0,0,0,0,0.2-0.1c0.1-0.1,0.2-0.2,0.2-0.2 c0.1-0.1,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.1-0.1c0,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3,0c0,0,0,0,0,0"/> <path class="st1-detailed-footwear" d="M15.7,6.4c0,0,0-0.1,0.1-0.2c0,0,0,0,0.1-0.1C15.8,6.1,15.9,6.1,16,6c0,0,0.1-0.1,0.1-0.1 c0.1-0.1,0.1-0.1,0.2-0.1c0.2-0.1,0.3-0.2,0.3-0.2c0.1-0.1,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1-0.1c0,0,0,0,0.1,0c0,0,0.1,0,0.2,0 c0.1,0,0.1,0,0.4,0c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0,0,0,0"/> <line class="st1-detailed-footwear" x1="17.8" y1="5.1" x2="17.9" y2="5.1"/> <line class="st1-detailed-footwear" x1="15.7" y1="6.4" x2="15.7" y2="6.4"/> <path class="st1-detailed-footwear" d="M20.7,8.4l0.2,0.1c0,0,0.1,0,0.1,0.1c0,0,0.1,0,0.1,0.1c0,0,0.1,0.1,0.2,0.2c0.1,0.1,0.1,0.2,0.2,0.3 c0.1,0.1,0.1,0.2,0.1,0.2c0,0,0,0.1,0,0.2c0,0.1,0,0.2,0,0.3c0,0,0,0,0,0"/> <path class="st1-detailed-footwear" d="M21.1,8.8C21.1,8.8,21.1,8.8,21.1,8.8c0.1,0,0.1,0.1,0.1,0.1c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1 c0,0,0,0.3,0,0.5c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1"/> <path class="st1-detailed-footwear" d="M20.3,8.9c0,0,0.1,0,0.2,0c0.1,0,0.2,0,0.2-0.1c0.1,0,0.3,0,0.3,0c0,0,0.1,0,0.1,0"/> <path class="st1-detailed-footwear" d="M20.6,9.5C20.7,9.5,20.7,9.5,20.6,9.5c0.2,0,0.2-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0"/> <path class="st1-detailed-footwear" d="M23.2,12.2c0,0,0-0.1,0-0.2c0-0.1,0-0.1,0.1-0.1c0-0.1,0.1-0.2,0.1-0.3c0.1-0.2,0.1-0.3,0.1-0.4 c0-0.1,0-0.2,0-0.2c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0.1,0,0.1,0,0.1,0.1c0.1,0,0.1,0,0.2,0.1c0,0,0.1,0.1,0.1,0.1 c0,0,0,0,0,0.1c0,0.1,0,0.2,0,0.2C24.1,11.8,24,12,24,12c-0.1,0.2-0.1,0.2-0.1,0.3c0,0,0,0.1-0.1,0.2c0,0,0,0,0,0c0,0,0,0-0.1,0 c-0.1,0-0.1,0-0.2,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1-0.1c0,0,0,0,0,0C23.2,12.3,23.2,12.2,23.2,12.2"/> <path class="st1-detailed-footwear" d="M23.2,10.6c0,0,0.1,0.1,0.1,0.2c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0,0.1,0,0.3c0,0,0,0,0,0.1"/> <path class="st1-detailed-footwear" d="M22.8,10.7c0,0,0,0.1,0,0.1c0,0.1,0,0.1,0,0.2c0,0.1,0,0.2,0,0.2c0,0.1,0,0.1,0,0.2"/> <path class="st1-detailed-footwear" d="M23.1,10.6c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0.1c-0.1,0-0.1,0.1-0.1,0.1c-0.1,0.1-0.1,0.1-0.4,0.2 c0,0-0.1,0-0.1,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.1c0,0-0.1-0.1-0.1-0.2 c0,0,0,0,0-0.1c0,0,0-0.1,0-0.1c0-0.1,0-0.1,0.1-0.1c0,0,0-0.1,0.1-0.1c0.1,0,0.1,0,0.2-0.1c0.2-0.1,0.2-0.1,0.2-0.1 c0.1,0,0,0,0.2-0.1c0.1,0,0.1,0,0.3-0.1c0,0,0,0,0,0c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0.1,0.3,0.2C23.1,10.4,23.2,10.4,23.1,10.6 C23.2,10.5,23.2,10.6,23.1,10.6"/> <path class="st1-detailed-footwear" d="M23.1,10.6C23.1,10.6,23.1,10.6,23.1,10.6C23.2,10.6,23.2,10.6,23.1,10.6C23.2,10.6,23.2,10.6,23.1,10.6 C23.2,10.6,23.2,10.6,23.1,10.6"/> <line class="st1-detailed-footwear" x1="23.1" y1="10.6" x2="23.1" y2="10.6"/> <path class="st1-detailed-footwear" d="M7.1,1"/> <path class="st1-detailed-footwear" d="M6.9,0.8c0,0,0-0.1,0-0.1C7,0.6,7,0.5,7.1,0.5c0,0,0.1-0.1,0.1-0.1c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0.1 c0,0,0,0,0,0.1c0,0,0,0.1,0,0.1s0,0.1,0,0.1"/> <path class="st1-detailed-footwear" d="M7.4,0.7C7.4,0.7,7.4,0.6,7.4,0.7C7.3,0.6,7.3,0.6,7.4,0.7c-0.1-0.1-0.2,0-0.2,0.2c0,0,0,0.1-0.1,0.2"/> </g></g></svg>',
35
- 'detailed-footwear-selected': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 33.6 20.8" style="enable-background:new 0 0 33.6 20.8;" xml:space="preserve"><style type="text/css"> .st0-detailed-footwear-selected{display:none;} .st1-detailed-footwear-selected{fill:#3643ba;stroke:#FFFF;stroke-width:0.7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}</style><g id="Calque_1_00000179617517466086946620000010608077286789513383_" class="st0-detailed-footwear-selected"></g><g id="Calque_2_00000124129821288116608210000005806568011804293285_"> <g> <path class="st1-detailed-footwear-selected" d="M3.2,5.8l-0.4,0c0,0-0.2,0.2-0.4,0.4C2.2,6.4,2.1,6.4,2,6.5c-0.1,0-0.3,0.2-0.6,0.2c-0.2,0-0.3-0.1-0.5,0 c-0.2,0-0.3,0-0.4,0.1c0,0,1.1,0.6,2,1.1c0.8,0.5,1.2,0.7,1.6,1c0.9,0.6,1.2,1,2.4,1.7c0.3,0.2,0.7,0.4,0.7,0.4 c0.6,0.4,1.1,0.7,1.3,0.8c1.2,0.7,2.4,1.5,3.9,2.5c0.6,0.4,0.4,0.3,0.9,0.7c1.5,1.1,2.3,1.6,3.2,2.1c1.7,1,3.2,1.5,3.9,1.7 c1.3,0.4,2.2,0.6,2.5,0.6c0.5,0.1,1,0.1,1.6,0.2c1,0.1,1.6,0.1,1.8,0.1c0.5,0,0.9,0,0.9,0c0.4,0,0.8-0.1,1.4-0.1 c0.3,0,0.8-0.1,1.4-0.2c0.2,0,0.5-0.1,0.8-0.2c0.2-0.1,0.3-0.2,0.4-0.2c0.3-0.2,0.5-0.4,0.5-0.4c0.1-0.1,0.1-0.1,0.1-0.2 c0,0-0.6,0-1.2,0c-0.2,0-0.2,0-0.6-0.1c-0.9-0.1-1.2-0.1-1.7-0.1c0,0-0.5-0.1-1.1-0.2c-0.7-0.1-1.3-0.3-2.1-0.5 c-1.3-0.4-2.3-0.7-3.7-1.3c-0.9-0.4-1.5-0.7-2-0.9c-1-0.5-1.7-0.8-1.9-1c-0.4-0.2-0.7-0.4-1.2-0.7c-0.4-0.2-0.4-0.2-1-0.6 c-0.3-0.2-0.4-0.3-1.3-0.8c-1-0.6-0.8-0.5-1.2-0.8c-1.3-0.8-1.3-0.8-1.8-1.1c-0.5-0.3-0.6-0.4-1-0.6C9.4,9.1,9.1,8.9,8.6,8.7 C8.4,8.6,8,8.4,7.4,8.1C7.1,8,6.8,7.9,6.6,7.8C5.8,7.6,5.7,7.5,5,7.3C4.9,7.2,4.4,7.1,4.1,6.8C3.9,6.7,3.8,6.5,3.8,6.5 c-0.1,0-0.1-0.1-0.2-0.2C3.4,6.2,3.4,6.2,3.3,6.1C3.3,6,3.2,5.9,3.2,5.8z"/> <path class="st1-detailed-footwear-selected" d="M0.5,6.7l0,0.2c0.2,0.1,0.6,0.3,1,0.6c0.6,0.4,0.7,0.4,1,0.6c0.6,0.4,1.1,0.6,1.6,1c0.5,0.3,0.8,0.6,1.2,0.9 c0.7,0.6,0.7,0.6,1.3,1c0.4,0.3,0.9,0.7,2.1,1.4c0.5,0.3,0.7,0.5,1,0.7c0.8,0.5,1.2,0.8,1.8,1.2c0.8,0.5,1.3,0.9,2.1,1.4 c1,0.7,1.5,1.1,2.3,1.5c0.3,0.2,0.6,0.3,0.8,0.4c0.4,0.2,1.2,0.6,2.1,0.9c0.9,0.4,1.8,0.7,3.1,1c0.5,0.1,0.9,0.1,1.4,0.2 c1.3,0.1,2.3,0.1,3,0.1c0.2,0,0.8,0,2-0.1c0,0,0.7,0,1.7-0.2c0.2,0,0.5-0.1,0.8-0.2c0.3-0.1,0.4-0.3,0.6-0.4 c0.2-0.2,0.4-0.4,0.7-0.7l-0.1,0"/> <path class="st1-detailed-footwear-selected" d="M3.4,6.1L3.4,6.1c0-0.1,0.1-0.2,0.1-0.3c0.1-0.1,0.1-0.2,0.2-0.3C3.9,5.3,3.9,5.3,4.1,5 c0.1-0.1,0.2-0.2,0.4-0.5c0.2-0.2,0.3-0.3,0.4-0.5c0.4-0.5,0.6-0.7,0.8-0.9c0.1-0.1,0.2-0.3,0.5-0.7C6.4,2.2,6.5,2,6.6,1.8 C6.7,1.7,6.8,1.6,7,1.2C7,1.1,7.1,1.1,7.1,1C7.1,1,7,1,7,0.9c0,0,0-0.1,0-0.1c0,0-0.1,0.2-0.2,0.2C6.6,1.1,6.4,1.5,6.4,1.5 c-0.7,1-0.7,1-0.8,1.2C5.3,3,5.1,3.3,4.8,3.6C4.7,3.8,4.6,3.9,4.4,4.1C4.2,4.4,4.1,4.5,4,4.7C3.6,5.2,3.5,5.4,3.4,5.5 C3.4,5.6,3.3,5.7,3.3,5.8l0,0.1"/> <path class="st1-detailed-footwear-selected" d="M32,18.1l0.5,0c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.3,0.3-0.5,0.4c-0.2,0.1-0.5,0.3-1,0.5 c-0.2,0.1-0.5,0.2-0.9,0.2c-0.8,0.2-1.4,0.2-1.7,0.2c-1.2,0-1.8,0.1-2.6,0c-0.8,0-1.5-0.1-2.7-0.2c-0.3,0-0.6,0-1-0.1 c-0.5-0.1-0.8-0.2-1.3-0.3c-0.4-0.1-0.9-0.2-1.5-0.4c-0.2-0.1-0.6-0.2-1.4-0.5c-0.5-0.2-0.9-0.3-1.4-0.5C16,18.1,15.8,18,15.7,18 c0,0-0.1-0.1-0.2-0.2c0,0-0.1-0.1-0.4-0.3C14.7,17.2,14,17,14,17c-0.1,0-0.7-0.3-2-0.8c-0.8-0.3-0.9-0.4-1.4-0.5 c-0.5-0.2-1-0.3-1.2-0.3c-0.9-0.2-0.8-0.1-1.3-0.2c-0.4-0.1-0.9-0.3-1.8-0.6c-0.4-0.2-0.7-0.3-1-0.4c-0.5-0.2-0.8-0.4-1.3-0.7 c-0.1-0.1-0.5-0.3-1.1-0.8c-0.2-0.2-0.3-0.3-0.5-0.4c-0.2-0.2-0.3-0.4-0.6-0.7c-0.2-0.3-0.4-0.5-0.6-0.9C1.1,10.2,1,10,0.8,9.8 C0.7,9.5,0.7,9.1,0.5,8.5C0.5,8.2,0.4,8.1,0.5,7.9c0-0.1,0-0.2,0-0.3c0-0.2,0-0.3,0-0.3c0,0-0.1-0.2,0-0.3c0,0,0,0,0-0.1 c0,0,0,0,0.1-0.1l0.1,0"/> <line class="st1-detailed-footwear-selected" x1="9.9" y1="15.5" x2="9.9" y2="15.5"/> <path class="st1-detailed-footwear-selected" d="M0.8,9.7L0.8,9.7c0,0.2,0.1,0.4,0.2,0.6c0.1,0.2,0.2,0.6,0.5,1c0.3,0.5,0.7,0.9,0.8,1 c0.2,0.2,0.6,0.5,1.3,1.1c0.6,0.4,0.6,0.5,0.7,0.5c0.4,0.2,0.7,0.4,1.2,0.6c0.3,0.1,0.6,0.2,1.2,0.5c0.5,0.2,0.9,0.3,1.2,0.4 c0.1,0,0.3,0.1,0.3,0.1c0.3,0,0.4,0,0.4,0c0.3,0,0.3,0,0.4,0c0.1,0,0.2,0,0.4,0l0.4,0"/> <path class="st1-detailed-footwear-selected" d="M8.7,15.5L8.7,15.5c-0.1,0-0.1-0.1-0.2-0.1c0,0,0,0-0.1-0.1c0,0-0.1-0.1-0.2-0.1L8,15.2"/> <path class="st1-detailed-footwear-selected" d="M32.5,18.1L32.5,18.1c0.1-0.3,0.2-0.5,0.2-0.6c0-0.2,0.1-0.3,0.1-0.5c0-0.1,0-0.3,0.1-0.4c0-0.1,0-0.1,0-0.2 l0,0c0.1,0,0.1,0.1,0.1,0.1c0,0,0,0,0.1,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0.1,0,0.1,0,0.2c0,0.4-0.1,0.7-0.1,0.7 c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.3-0.3,0.6-0.4,0.7c-0.2,0.3-0.4,0.4-0.6,0.6c-0.2,0.2-0.4,0.3-0.4,0.3c-0.1,0.1-0.3,0.1-0.3,0.1 c-0.1,0-0.2,0.1-0.3,0.1c-0.2,0.1-0.4,0.1-0.5,0.1c-0.1,0-0.1,0-0.2,0l0,0c0,0,0,0,0,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0 c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0.1c0,0,0,0,0,0l0,0c0,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.3,0c-0.1,0,0,0-0.3,0c-0.1,0-0.2,0-0.3,0l0,0 c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0-0.1,0c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.2,0.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0,0,0 c-0.5,0-0.6,0-0.6,0c-0.3,0-0.7,0-1.1,0c-0.6,0-1,0-1.5,0c-0.6,0-1,0-1.4-0.1c-0.6,0-1-0.1-1.7-0.1c0,0-0.6-0.1-1.2-0.2 c-0.2,0-0.3-0.1-0.4-0.1c-0.1,0-0.2,0-0.2-0.1c0,0-0.2,0-0.3-0.1c-0.2,0-0.3-0.1-0.3-0.1c-0.2,0-0.2-0.1-0.2-0.1 c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2-0.1c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0 c0,0,0,0,0,0c-0.6-0.3-0.8-0.3-0.8-0.3s-0.1,0-0.2-0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0-0.1-0.1c-0.1,0-0.1,0-0.1-0.1 c-0.1,0-0.2-0.1-0.3-0.1c-0.3-0.1-0.4-0.1-0.5-0.2c0,0,0,0-0.1,0c0,0,0,0-0.1,0c-0.1,0-0.1,0-0.2,0c0,0-0.1,0-0.1,0c0,0,0,0-0.1,0 c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1L15.7,18"/> <path class="st1-detailed-footwear-selected" d="M18.3,7.5c0.1,0.1,0.1,0.2,0.1,0.3c0.1,0.2,0.1,0.3,0.2,0.7c0,0.1,0.1,0.2,0.2,0.3c0.1,0,0.2,0.1,0.2,0.1 c0.1,0,0.1,0,0.3,0c0.1,0,0.1,0,0.2,0"/> <path class="st1-detailed-footwear-selected" d="M16.8,6.3c0.1,0.1,0.3,0.2,0.5,0.4c0.1,0.1,0.2,0.2,0.4,0.3c0,0,0,0,0,0"/> <path class="st1-detailed-footwear-selected" d="M23.8,12.3l0.3,0.5c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0-0.1,0-0.2,0 c-0.2,0-0.4-0.1-0.4-0.1c-0.7-0.3-1.2-0.8-1.2-0.8c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.1-0.1-0.2-0.2c-0.1-0.1-0.2-0.2-0.3-0.2 c-0.1-0.1-0.2-0.2-0.3-0.2c-0.2-0.2-0.4-0.3-0.6-0.5c-0.2-0.2-0.4-0.3-1.1-0.8c-0.8-0.6-1.2-0.9-1.3-0.9c-0.4-0.3-0.9-0.6-1.4-0.9 c-0.1,0-0.2-0.2-0.5-0.2c-0.1,0-0.2,0-0.3-0.1c-0.3,0-0.4,0-0.6,0c-0.2,0-0.3,0-0.4-0.1c-0.2-0.1-0.3-0.1-0.3-0.2 c-0.5-0.4-1-0.7-1.5-1.1c0,0,0,0-0.1-0.1c0,0-0.1-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.2c0,0,0-0.1,0-0.2C13,6,13,6,13,6 c0,0,0.1,0,0.1-0.1c0.1,0,0.2,0,0.2,0c0.3,0,0.6,0,0.8-0.1c0.5,0,0.5,0,0.9,0c0.2,0,0.4,0,0.5,0c0.1,0,0.4,0,0.6,0.1 c0,0,0,0,0.1,0"/> <path class="st1-detailed-footwear-selected" d="M22,11c0.1,0.1,0.1,0.2,0.2,0.3c0,0.1,0.1,0.2,0.3,0.3c0.1,0.1,0.2,0.1,0.2,0.1c0.1,0,0.2,0,0.2,0 c0.1,0,0.2,0,0.3,0c0,0,0,0,0.1,0"/> <path class="st1-detailed-footwear-selected" d="M20,9.1c0.1,0.1,0.1,0.1,0.1,0.2c0.1,0.2,0.2,0.4,0.4,0.7c0.1,0.1,0.1,0.2,0.2,0.2c0.1,0.1,0.2,0.1,0.3,0.1 c0,0,0.1,0,0.3,0c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0.1,0.2,0.2c0,0,0,0,0,0.1"/> <path class="st1-detailed-footwear-selected" d="M16.7,5.5c-0.1,0-0.2-0.1-0.4-0.1c-0.2,0-0.3,0-0.5-0.1c-1,0-1,0-1,0c-0.5,0-0.6,0-1.4,0.1 c-0.5,0-0.4,0-1.2,0c-0.5,0-1,0-1.5,0c-0.2,0-0.5,0-0.9-0.1C9.7,5.1,9.5,5,9.5,5C9.4,4.9,9.3,4.8,9.2,4.6C9,4.5,9,4.3,8.9,4.2 c0-0.1-0.1-0.2-0.2-0.4C8.7,3.6,8.6,3.5,8.6,3.2C8.5,2.8,8.5,2.9,8.4,2.5C8.3,2.2,8.2,2,8.2,1.7c0,0,0-0.1-0.1-0.2c0,0,0,0,0,0 c0,0,0,0-0.1-0.1c0,0-0.2,0-0.3-0.1c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.1-0.1-0.2-0.1L7.1,1"/> <path class="st1-detailed-footwear-selected" d="M18.1,6.6c-0.1-0.1-0.1-0.2-0.2-0.3c-0.1-0.2-0.1-0.1-0.1-0.2c-0.1-0.1-0.1-0.1-0.2-0.2"/> <path class="st1-detailed-footwear-selected" d="M19.6,8.4C19.6,8.4,19.5,8.4,19.6,8.4c-0.3,0-0.4,0-0.4,0s-0.1,0-0.1,0c0,0,0,0,0,0c0,0,0,0,0,0 c0,0-0.1-0.4-0.1-0.4c-0.1-0.3-0.2-0.5-0.3-0.6c0-0.1,0-0.1-0.1-0.1"/> <path class="st1-detailed-footwear-selected" d="M22.1,10.3c0-0.1-0.1-0.1-0.1-0.2c-0.1-0.1-0.1-0.2-0.3-0.3c-0.1-0.1-0.2-0.1-0.2-0.1c-0.1,0-0.1,0-0.2,0 c-0.2,0-0.3,0.1-0.4,0c-0.1,0-0.2-0.1-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2c0,0-0.1-0.2-0.2-0.4c-0.1-0.1-0.1-0.2-0.2-0.3"/> <path class="st1-detailed-footwear-selected" d="M23.5,11.4c0,0-0.1,0-0.2,0c-0.3,0-0.4,0-0.4,0c-0.1,0-0.2-0.1-0.2-0.1c0,0-0.1-0.1-0.1-0.1 c-0.1-0.1-0.1-0.2-0.2-0.3"/> <path class="st1-detailed-footwear-selected" d="M32.9,16.3L32.9,16.3c0-0.1,0-0.1-0.1-0.2c-0.1-0.1-0.2-0.2-0.2-0.2c-0.4-0.2-0.5-0.3-0.5-0.3 c-0.3-0.1-0.5-0.3-0.8-0.4c-0.7-0.3-0.8-0.4-2-1c-1.1-0.5-0.9-0.4-1.5-0.7c-0.3-0.1-0.5-0.3-2-1.1c-0.2-0.1-0.5-0.3-0.6-0.4 c0,0,0,0,0,0c0,0,0,0.1,0,0.2c0,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.3,0.1-0.5,0.1c0,0-0.1,0-0.2,0c-0.1-0.1-0.2-0.2-0.3-0.4 c0-0.1-0.1-0.1-0.1-0.2"/> <path class="st1-detailed-footwear-selected" d="M14.3,6.3C14.3,6.3,14.3,6.3,14.3,6.3c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0.1c0,0,0,0,0.1,0c0,0,0,0,0.1,0 c0,0,0,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0,0,0-0.1c0,0,0,0,0-0.1c0,0,0,0,0-0.1c0,0,0,0-0.1,0C14.4,6.3,14.4,6.3,14.3,6.3 C14.3,6.3,14.3,6.3,14.3,6.3z"/> <path class="st1-detailed-footwear-selected" d="M17.7,5.2c-0.3-0.3-0.2-0.2-0.4-0.4C16.6,4,16,3.2,16,3.2c0,0-0.1,0-0.1,0c-0.3,0-0.5,0.1-0.6,0.1 c-0.5,0.2-0.8,0.2-1.1,0.4c-0.3,0.2-0.5,0.3-0.5,0.4c-0.1,0.2-0.2,0.3-0.2,0.4c0,0.1-0.1,0.2-0.1,0.3"/> <path class="st1-detailed-footwear-selected" d="M21.1,8.8C21.1,8.7,21,8.7,21.1,8.8c-0.3-0.3-0.5-0.4-0.7-0.7c-0.1-0.1-0.1-0.2-0.2-0.3 c-0.2-0.2-0.4-0.4-0.4-0.4c-0.3-0.3-0.5-0.5-1.1-1.2"/> <path class="st1-detailed-footwear-selected" d="M22.5,10.1c-0.1-0.1-0.1-0.2-0.1-0.2c-0.1-0.1-0.4-0.4-0.7-0.7"/> <path class="st1-detailed-footwear-selected" d="M23.6,11c-0.1,0-0.1-0.1-0.1-0.1c0,0,0,0,0,0s0,0-0.1-0.1"/> <path class="st1-detailed-footwear-selected" d="M25.3,12.1l-0.8-0.5c-0.1,0-0.2-0.1-0.4-0.2"/> <path class="st1-detailed-footwear-selected" d="M17,5.3C17,5.2,17,5.2,16.9,5.2c0,0-0.1-0.1-0.1-0.1c-0.1-0.1-0.3-0.2-0.5-0.2c-0.2-0.1-0.3-0.1-0.7-0.1 c-0.3,0-0.4,0-0.6,0c-0.5,0-0.7,0-1.5,0c-0.3,0-0.2,0-0.3,0c-0.5,0-0.6,0-1.2,0.1c-0.5,0-0.4,0-0.7,0c-0.2,0-0.4,0.1-0.7,0.1 c-0.2,0-0.3,0-0.5,0C10,4.8,9.9,4.7,9.9,4.7c-0.1,0-0.2-0.1-0.3-0.4C9.5,4.1,9.4,3.9,9.3,3.7C9.2,3.5,9.1,3.2,9.1,2.9 C8.9,2.4,8.8,2.1,8.8,2c0-0.2-0.1-0.3-0.2-0.5c0-0.1-0.1-0.2-0.2-0.3C8.3,1.1,8.2,1,7.9,0.9c-0.1,0-0.2-0.1-0.3-0.1 c-0.1,0-0.2-0.1-0.2-0.1"/> <line class="st1-detailed-footwear-selected" x1="17.7" y1="6.1" x2="17.5" y2="5.9"/> <path class="st1-detailed-footwear-selected" d="M13.9,4.7L13.9,4.7c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.1,0.2-0.2,0.4-0.3C14.7,4,14.8,4,14.9,4 c0.3-0.1,0.5-0.1,0.7-0.2c0.1,0,0.3,0,0.5-0.1l0.3,0"/> <path class="st1-detailed-footwear-selected" d="M13.5,4.3l-0.7,0c-0.5,0-0.8,0-1.1,0c-0.3,0-0.7,0-1,0c-0.2,0-0.3,0-0.5,0c0,0-0.1,0-0.1,0 c-0.1,0-0.2-0.1-0.2-0.1C9.6,3.8,9.4,3.5,9.4,3.5C9.3,3.3,9.2,3,9,2.6C8.9,2.2,8.8,1.7,8.7,1.4c0,0,0-0.1-0.2-0.5c0,0,0,0,0,0 c0,0-0.1-0.1-0.3-0.2c-0.1,0-0.1,0-0.2-0.1c-0.1,0-0.2,0-0.4-0.1c-0.1,0-0.2,0-0.2,0"/> <path class="st1-detailed-footwear-selected" d="M19.5,7.3c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0.1,0.1,0.1,0.2,0.2c0,0,0.1,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.2 c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0.1,0.1,0.1,0.1"/> <path class="st1-detailed-footwear-selected" d="M19.8,7.6c0,0,0,0.1,0,0.2c0,0.1,0,0.1-0.1,0.2c0,0.1,0,0.1-0.1,0.2c0,0.1,0,0.1,0,0.1c0,0.1,0,0.1-0.1,0.1 c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.2c0,0.1,0,0.2,0,0.2c0,0.1,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0.1,0,0.1,0.1,0.1c0,0,0,0,0.1,0 c0,0,0.1,0,0.1,0c0,0,0,0,0.1,0c0,0,0.1-0.1,0.1-0.1c0.1-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.2,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.3 c0-0.1,0-0.3,0-0.5"/> <path class="st1-detailed-footwear-selected" d="M19.7,7.6C19.8,7.6,19.8,7.7,19.7,7.6c0.1,0.1,0.1,0.1,0.2,0.1c0,0.1,0,0.1,0.1,0.1C20,7.9,20,8,20.1,8 c0,0,0.1,0.1,0.1,0.1"/> <line class="st1-detailed-footwear-selected" x1="20.2" y1="8.1" x2="20.2" y2="8.1"/> <line class="st1-detailed-footwear-selected" x1="20.2" y1="8.2" x2="20.2" y2="8.1"/> <path class="st1-detailed-footwear-selected" d="M19.6,7.4L19.6,7.4c-0.2,0-0.3,0-0.5,0c0,0-0.2,0-0.3,0c0,0-0.1,0-0.1,0l0,0"/> <path class="st1-detailed-footwear-selected" d="M19.6,7.5L19.6,7.5c0.1,0.1,0.1,0.1,0.1,0.1c0,0,0,0,0,0s0,0,0,0.1"/> <path class="st1-detailed-footwear-selected" d="M18.9,8.1c0,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0c0,0,0,0,0.1,0"/> <path class="st1-detailed-footwear-selected" d="M17.5,5c0.1,0,0.2,0,0.3,0c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0.1,0.2,0.2,0.2,0.3c0.1,0.1,0.1,0.3,0.1,0.4 c0,0.1,0,0.2,0,0.4c0,0.3,0,0.2,0,0.4c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.1c0,0.1-0.1,0.1-0.1,0.3c0,0,0,0.1-0.1,0.2 c-0.1,0.3-0.1,0.3-0.1,0.3C18.1,8,18,8,17.8,8.1c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.1,0c0,0-0.1,0-0.1-0.1c0,0,0,0,0-0.1 c0,0,0,0,0-0.1c0,0,0-0.1,0-0.1c0-0.1,0-0.1,0.1-0.2c0-0.1,0-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.2,0.1-0.2 C18,6.8,18,6.8,18,6.7c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0-0.1,0-0.2c0-0.1,0-0.1,0-0.2c0-0.3,0.1-0.3,0-0.5c0-0.1,0-0.1-0.1-0.2 c-0.1-0.1-0.1-0.1-0.2-0.2"/> <path class="st1-detailed-footwear-selected" d="M15.7,6.4C15.7,6.5,15.7,6.5,15.7,6.4c0,0.1,0,0.2,0.1,0.2c0,0,0,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.2,0 c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1-0.1,0.2-0.1c0,0,0,0,0.2-0.1c0.1-0.1,0.2-0.2,0.2-0.2 c0.1-0.1,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.1-0.1c0,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3,0c0,0,0,0,0,0"/> <path class="st1-detailed-footwear-selected" d="M15.7,6.4c0,0,0-0.1,0.1-0.2c0,0,0,0,0.1-0.1C15.8,6.1,15.9,6.1,16,6c0,0,0.1-0.1,0.1-0.1 c0.1-0.1,0.1-0.1,0.2-0.1c0.2-0.1,0.3-0.2,0.3-0.2c0.1-0.1,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1-0.1c0,0,0,0,0.1,0c0,0,0.1,0,0.2,0 c0.1,0,0.1,0,0.4,0c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0,0,0,0"/> <line class="st1-detailed-footwear-selected" x1="17.8" y1="5.1" x2="17.9" y2="5.1"/> <line class="st1-detailed-footwear-selected" x1="15.7" y1="6.4" x2="15.7" y2="6.4"/> <path class="st1-detailed-footwear-selected" d="M20.7,8.4l0.2,0.1c0,0,0.1,0,0.1,0.1c0,0,0.1,0,0.1,0.1c0,0,0.1,0.1,0.2,0.2c0.1,0.1,0.1,0.2,0.2,0.3 c0.1,0.1,0.1,0.2,0.1,0.2c0,0,0,0.1,0,0.2c0,0.1,0,0.2,0,0.3c0,0,0,0,0,0"/> <path class="st1-detailed-footwear-selected" d="M21.1,8.8C21.1,8.8,21.1,8.8,21.1,8.8c0.1,0,0.1,0.1,0.1,0.1c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1 c0,0,0,0.3,0,0.5c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1"/> <path class="st1-detailed-footwear-selected" d="M20.3,8.9c0,0,0.1,0,0.2,0c0.1,0,0.2,0,0.2-0.1c0.1,0,0.3,0,0.3,0c0,0,0.1,0,0.1,0"/> <path class="st1-detailed-footwear-selected" d="M20.6,9.5C20.7,9.5,20.7,9.5,20.6,9.5c0.2,0,0.2-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0"/> <path class="st1-detailed-footwear-selected" d="M23.2,12.2c0,0,0-0.1,0-0.2c0-0.1,0-0.1,0.1-0.1c0-0.1,0.1-0.2,0.1-0.3c0.1-0.2,0.1-0.3,0.1-0.4 c0-0.1,0-0.2,0-0.2c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0.1,0,0.1,0c0.1,0,0.1,0,0.1,0.1c0.1,0,0.1,0,0.2,0.1c0,0,0.1,0.1,0.1,0.1 c0,0,0,0,0,0.1c0,0.1,0,0.2,0,0.2C24.1,11.8,24,12,24,12c-0.1,0.2-0.1,0.2-0.1,0.3c0,0,0,0.1-0.1,0.2c0,0,0,0,0,0c0,0,0,0-0.1,0 c-0.1,0-0.1,0-0.2,0c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1-0.1c0,0,0,0,0,0C23.2,12.3,23.2,12.2,23.2,12.2"/> <path class="st1-detailed-footwear-selected" d="M23.2,10.6c0,0,0.1,0.1,0.1,0.2c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0,0.1,0,0.3c0,0,0,0,0,0.1"/> <path class="st1-detailed-footwear-selected" d="M22.8,10.7c0,0,0,0.1,0,0.1c0,0.1,0,0.1,0,0.2c0,0.1,0,0.2,0,0.2c0,0.1,0,0.1,0,0.2"/> <path class="st1-detailed-footwear-selected" d="M23.1,10.6c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0.1c-0.1,0-0.1,0.1-0.1,0.1c-0.1,0.1-0.1,0.1-0.4,0.2 c0,0-0.1,0-0.1,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.1c0,0-0.1-0.1-0.1-0.2 c0,0,0,0,0-0.1c0,0,0-0.1,0-0.1c0-0.1,0-0.1,0.1-0.1c0,0,0-0.1,0.1-0.1c0.1,0,0.1,0,0.2-0.1c0.2-0.1,0.2-0.1,0.2-0.1 c0.1,0,0,0,0.2-0.1c0.1,0,0.1,0,0.3-0.1c0,0,0,0,0,0c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0.1,0.3,0.2C23.1,10.4,23.2,10.4,23.1,10.6 C23.2,10.5,23.2,10.6,23.1,10.6"/> <path class="st1-detailed-footwear-selected" d="M23.1,10.6C23.1,10.6,23.1,10.6,23.1,10.6C23.2,10.6,23.2,10.6,23.1,10.6C23.2,10.6,23.2,10.6,23.1,10.6 C23.2,10.6,23.2,10.6,23.1,10.6"/> <line class="st1-detailed-footwear-selected" x1="23.1" y1="10.6" x2="23.1" y2="10.6"/> <path class="st1-detailed-footwear-selected" d="M7.1,1"/> <path class="st1-detailed-footwear-selected" d="M6.9,0.8c0,0,0-0.1,0-0.1C7,0.6,7,0.5,7.1,0.5c0,0,0.1-0.1,0.1-0.1c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0.1 c0,0,0,0,0,0.1c0,0,0,0.1,0,0.1s0,0.1,0,0.1"/> <path class="st1-detailed-footwear-selected" d="M7.4,0.7C7.4,0.7,7.4,0.6,7.4,0.7C7.3,0.6,7.3,0.6,7.4,0.7c-0.1-0.1-0.2,0-0.2,0.2c0,0,0,0.1-0.1,0.2"/> </g></g></svg>',
36
+ 'detailed-textile-selected': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19.5 21.2" style="enable-background:new 0 0 19.5 21.2;" xml:space="preserve"><style type="text/css"> .st0-detailed-textile-selected{fill:#3643ba;stroke:#FFFF;stroke-width:0.9;stroke-linecap:round;stroke-linejoin:round;}</style><g> <g> <path class="st0-detailed-textile-selected" d="M15.1,18c0,0,0,0.2,0,1.1c-0.1,0-0.3,0-0.5,0.1c-0.6,0.1-1,0.3-1.4,0.4c-1.1,0.4-1.1,0.5-1.4,0.6 c-1.1,0.4-2,0.4-2.4,0.4c-0.4,0-1.2,0-2.1-0.3C6.9,20.2,6.5,20.1,6,20c-0.3,0-0.7-0.1-0.8-0.1c0,0-0.4,0-0.9,0l-0.1,0 c0-0.2-0.1-0.4-0.1-0.7c0-0.2-0.1-0.6-0.1-1.1c0,0,0-0.3,0-0.8c0,0,0,0,0-0.1c0-0.1,0-0.1-0.1-0.2c0-0.1,0-0.1,0-0.1 c0-0.1,0-0.1,0-0.3C4,16.2,3.9,16.4,4,16.3c0,0,0-0.1,0-0.2c0,0,0,0,0-0.1c0-0.1-0.1-0.2-0.1-0.2c-0.1-0.1-0.1-0.3-0.2-0.4 c-0.1-0.2,0-0.4,0-0.5c0-0.2,0-0.3,0.1-0.5c0,0,0.1-0.1,0.1-0.3c0,0,0-0.1,0-0.1c0-0.2,0-0.3,0-0.3c0-0.2-0.1-0.5,0-0.8 c0-0.1,0-0.3,0.1-0.5c0-0.1,0.2-0.4,0.2-0.6c0,0,0-0.1,0-0.1c-0.1,0-0.1-0.1-0.2-0.1c0,0-0.3-0.2-0.4-0.3c0,0-0.1-0.1-0.1-0.1 c-0.3,0-0.6,0-1,0c-0.2,0-0.5-0.1-0.9-0.2c-0.6-0.1-1.1-0.4-1.1-0.4c0-0.7,0.1-1.3,0.2-1.7c0.1-0.3,0.2-0.7,0.3-1.1 c0.1-0.3,0.1-0.5,0.2-0.8c0.1-0.3,0.2-0.5,0.2-0.7c0-0.1,0-0.2,0-0.4c0-0.2,0-0.2,0-0.3c0-0.1,0-0.1,0.1-0.2 c0.1-0.2,0.1-0.2,0.1-0.3c0-0.1,0-0.1,0-0.3c0-0.1,0-0.2,0.1-0.3C2,4.5,2.1,4.5,2.1,4.3c0-0.1,0-0.1,0-0.1c0-0.3,0.2-0.9,0.2-0.9 C2.5,3,2.6,2.8,2.9,2.5c0.2-0.2,0.4-0.3,0.4-0.3C3.5,2.1,3.6,2.1,3.8,2C4.1,2,4.4,1.9,4.7,1.8C5.1,1.7,5.4,1.6,6,1.4 c0,0,0.7-0.2,1-0.4c0.2-0.1,0.3-0.2,0.3-0.3c0.1-0.1,0.1-0.1,0.1-0.1c0,0,0,0,0,0c0,0,0.1,0.2,0.1,0.3c0,0.1,0.1,0.2,0.2,0.3 C7.9,1.3,8,1.4,8.1,1.6C8.2,1.7,8.5,2,8.9,2.3c0.2,0.1,0.3,0.2,0.6,0.2c0.2,0,0.4,0,0.5,0c0.1,0,0.4,0,0.8-0.2 c0.1-0.1,0.4-0.2,0.8-0.5C11.9,1.5,12,1.2,12.1,1c0-0.1,0.1-0.2,0.1-0.2"/> <path class="st0-detailed-textile-selected" d="M15.3,11.7c0,0.5,0,1,0,1.3c0,0.3,0,0.5,0,0.7c0,0.3-0.1,0.6-0.1,0.8c0,0-0.1,0.3-0.1,0.3"/> <path class="st0-detailed-textile-selected" d="M7.5,0.5c0.2,0.1,0.6,0.3,1,0.4c0.8,0.2,1.4,0.2,2,0.1c0.6,0,1-0.1,1.2-0.2c0,0,0,0,0.5-0.2 C12.4,0.9,12.6,1,13,1.2c0.1,0.1,0.4,0.2,1.1,0.5c0.6,0.2,0.6,0.2,1.1,0.4c0.8,0.3,1,0.4,1.2,0.5c0.3,0.3,0.5,0.5,0.6,0.6 C17,3.3,17,3.4,17,3.4c0.1,0.2,0.1,0.4,0.2,0.7c0.1,0.6,0.2,1,0.2,1.3c0,0,0,0.1,0,0.3c0,0.1,0.1,0.1,0.1,0.2 c0.1,0.1,0.1,0.2,0.1,0.5c0,0,0,0.1,0,0.4c0.4,1.1,0.7,2,0.8,2.6c0.1,0.2,0.4,1.3,0.4,1.3c-0.1,0-0.2,0.1-0.3,0.2 c-0.6,0.3-1.1,0.4-1.4,0.5c-0.1,0-0.3,0.1-0.6,0.1c-0.3,0-0.5,0.1-0.8,0.1c-0.2,0-0.4,0-0.7,0"/> <path class="st0-detailed-textile-selected" d="M6.9,1.1c0,0.1,0.1,0.1,0.1,0.2c0,0,0.1,0.1,0.1,0.2c0.1,0.2,0.2,0.4,0.3,0.5C7.7,2.3,7.8,2.5,8,2.7 C8.3,2.8,8.4,3,8.7,3.1C9,3.2,9.2,3.3,9.4,3.3c0.3,0,0.7,0.1,1.3-0.1c0.5-0.2,0.9-0.4,1-0.5c0.3-0.2,0.4-0.4,0.7-0.8 c0.1-0.2,0.2-0.3,0.3-0.5c0-0.1,0.1-0.2,0.1-0.2"/> <path class="st0-detailed-textile-selected" d="M3.6,5.3c0,0.3,0,0.6,0,0.8c0,1,0,1.5,0,1.9c0,0.9,0.1,2,0.4,3.4c0.1,0.3,0.1,0.5,0.2,0.6 c0.1,0.5,0.4,1.3,0.9,2.3c0.6,1.2,1.4,2.1,1.9,2.8"/> <path class="st0-detailed-textile-selected" d="M4.3,17.3c0.4,0.2,0.7,0.3,0.9,0.5c0.6,0.3,1,0.5,1.6,0.7c0.4,0.1,0.7,0.2,0.9,0.3"/> <path class="st0-detailed-textile-selected" d="M16.8,4.4c-0.1,0.1-0.1,0.2-0.2,0.4c-0.1,0.1-0.1,0.1-0.3,0.2c-0.2,0.1-0.3,0.2-0.5,0.4 c-0.1,0.1-0.2,0.2-0.3,0.5c-0.1,0.2-0.1,0.3-0.1,0.3c-0.1,0.8,0,1.2,0,1.2c0,0,0-0.1,0,1.7c0,0.7-0.1,1.5-0.1,2.2 c0,0.1,0,0.3,0,0.5"/> <path class="st0-detailed-textile-selected" d="M18.7,9.9c-0.3,0.1-0.5,0.2-0.8,0.3c-0.4,0.1-0.6,0.2-0.8,0.3c-0.4,0.1-0.7,0.1-0.9,0.1c-0.3,0-0.6,0-0.7,0 c-0.1,0-0.2,0-0.2,0"/> <path class="st0-detailed-textile-selected" d="M8.3,1.8c0.2,0.1,0.3,0.1,0.4,0.2c0,0,1.1,0.4,2.3,0.1c0.1,0,0.2-0.1,0.2-0.1c0,0,0.4-0.2,0.4-0.2"/> <path class="st0-detailed-textile-selected" d="M15.1,14.7c0,0.2,0,0.6,0,1c0,0.3,0,0.5,0,0.7c0,0.4,0,0.9,0.1,1.7"/> <path class="st0-detailed-textile-selected" d="M0.6,10.1c0.1,0,0.2,0.1,0.3,0.1c0.4,0.1,0.6,0.2,0.9,0.3c0.3,0.1,0.6,0.1,0.7,0.1c0.3,0,0.6,0.1,0.8,0"/> </g></g></svg> ',
36
37
  'detailed-textile': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19.5 21.2" style="enable-background:new 0 0 19.5 21.2;" xml:space="preserve"><style type="text/css"> .st0-detailed-textile{fill:none;stroke:#3643ba;stroke-width:0.9;stroke-linecap:round;stroke-linejoin:round;}</style><g> <g> <path class="st0-detailed-textile" d="M15.1,18c0,0,0,0.2,0,1.1c-0.1,0-0.3,0-0.5,0.1c-0.6,0.1-1,0.3-1.4,0.4c-1.1,0.4-1.1,0.5-1.4,0.6 c-1.1,0.4-2,0.4-2.4,0.4c-0.4,0-1.2,0-2.1-0.3C6.9,20.2,6.5,20.1,6,20c-0.3,0-0.7-0.1-0.8-0.1c0,0-0.4,0-0.9,0l-0.1,0 c0-0.2-0.1-0.4-0.1-0.7c0-0.2-0.1-0.6-0.1-1.1c0,0,0-0.3,0-0.8c0,0,0,0,0-0.1c0-0.1,0-0.1-0.1-0.2c0-0.1,0-0.1,0-0.1 c0-0.1,0-0.1,0-0.3C4,16.2,3.9,16.4,4,16.3c0,0,0-0.1,0-0.2c0,0,0,0,0-0.1c0-0.1-0.1-0.2-0.1-0.2c-0.1-0.1-0.1-0.3-0.2-0.4 c-0.1-0.2,0-0.4,0-0.5c0-0.2,0-0.3,0.1-0.5c0,0,0.1-0.1,0.1-0.3c0,0,0-0.1,0-0.1c0-0.2,0-0.3,0-0.3c0-0.2-0.1-0.5,0-0.8 c0-0.1,0-0.3,0.1-0.5c0-0.1,0.2-0.4,0.2-0.6c0,0,0-0.1,0-0.1c-0.1,0-0.1-0.1-0.2-0.1c0,0-0.3-0.2-0.4-0.3c0,0-0.1-0.1-0.1-0.1 c-0.3,0-0.6,0-1,0c-0.2,0-0.5-0.1-0.9-0.2c-0.6-0.1-1.1-0.4-1.1-0.4c0-0.7,0.1-1.3,0.2-1.7c0.1-0.3,0.2-0.7,0.3-1.1 c0.1-0.3,0.1-0.5,0.2-0.8c0.1-0.3,0.2-0.5,0.2-0.7c0-0.1,0-0.2,0-0.4c0-0.2,0-0.2,0-0.3c0-0.1,0-0.1,0.1-0.2 c0.1-0.2,0.1-0.2,0.1-0.3c0-0.1,0-0.1,0-0.3c0-0.1,0-0.2,0.1-0.3C2,4.5,2.1,4.5,2.1,4.3c0-0.1,0-0.1,0-0.1c0-0.3,0.2-0.9,0.2-0.9 C2.5,3,2.6,2.8,2.9,2.5c0.2-0.2,0.4-0.3,0.4-0.3C3.5,2.1,3.6,2.1,3.8,2C4.1,2,4.4,1.9,4.7,1.8C5.1,1.7,5.4,1.6,6,1.4 c0,0,0.7-0.2,1-0.4c0.2-0.1,0.3-0.2,0.3-0.3c0.1-0.1,0.1-0.1,0.1-0.1c0,0,0,0,0,0c0,0,0.1,0.2,0.1,0.3c0,0.1,0.1,0.2,0.2,0.3 C7.9,1.3,8,1.4,8.1,1.6C8.2,1.7,8.5,2,8.9,2.3c0.2,0.1,0.3,0.2,0.6,0.2c0.2,0,0.4,0,0.5,0c0.1,0,0.4,0,0.8-0.2 c0.1-0.1,0.4-0.2,0.8-0.5C11.9,1.5,12,1.2,12.1,1c0-0.1,0.1-0.2,0.1-0.2"/> <path class="st0-detailed-textile" d="M15.3,11.7c0,0.5,0,1,0,1.3c0,0.3,0,0.5,0,0.7c0,0.3-0.1,0.6-0.1,0.8c0,0-0.1,0.3-0.1,0.3"/> <path class="st0-detailed-textile" d="M7.5,0.5c0.2,0.1,0.6,0.3,1,0.4c0.8,0.2,1.4,0.2,2,0.1c0.6,0,1-0.1,1.2-0.2c0,0,0,0,0.5-0.2 C12.4,0.9,12.6,1,13,1.2c0.1,0.1,0.4,0.2,1.1,0.5c0.6,0.2,0.6,0.2,1.1,0.4c0.8,0.3,1,0.4,1.2,0.5c0.3,0.3,0.5,0.5,0.6,0.6 C17,3.3,17,3.4,17,3.4c0.1,0.2,0.1,0.4,0.2,0.7c0.1,0.6,0.2,1,0.2,1.3c0,0,0,0.1,0,0.3c0,0.1,0.1,0.1,0.1,0.2 c0.1,0.1,0.1,0.2,0.1,0.5c0,0,0,0.1,0,0.4c0.4,1.1,0.7,2,0.8,2.6c0.1,0.2,0.4,1.3,0.4,1.3c-0.1,0-0.2,0.1-0.3,0.2 c-0.6,0.3-1.1,0.4-1.4,0.5c-0.1,0-0.3,0.1-0.6,0.1c-0.3,0-0.5,0.1-0.8,0.1c-0.2,0-0.4,0-0.7,0"/> <path class="st0-detailed-textile" d="M6.9,1.1c0,0.1,0.1,0.1,0.1,0.2c0,0,0.1,0.1,0.1,0.2c0.1,0.2,0.2,0.4,0.3,0.5C7.7,2.3,7.8,2.5,8,2.7 C8.3,2.8,8.4,3,8.7,3.1C9,3.2,9.2,3.3,9.4,3.3c0.3,0,0.7,0.1,1.3-0.1c0.5-0.2,0.9-0.4,1-0.5c0.3-0.2,0.4-0.4,0.7-0.8 c0.1-0.2,0.2-0.3,0.3-0.5c0-0.1,0.1-0.2,0.1-0.2"/> <path class="st0-detailed-textile" d="M3.6,5.3c0,0.3,0,0.6,0,0.8c0,1,0,1.5,0,1.9c0,0.9,0.1,2,0.4,3.4c0.1,0.3,0.1,0.5,0.2,0.6 c0.1,0.5,0.4,1.3,0.9,2.3c0.6,1.2,1.4,2.1,1.9,2.8"/> <path class="st0-detailed-textile" d="M4.3,17.3c0.4,0.2,0.7,0.3,0.9,0.5c0.6,0.3,1,0.5,1.6,0.7c0.4,0.1,0.7,0.2,0.9,0.3"/> <path class="st0-detailed-textile" d="M16.8,4.4c-0.1,0.1-0.1,0.2-0.2,0.4c-0.1,0.1-0.1,0.1-0.3,0.2c-0.2,0.1-0.3,0.2-0.5,0.4 c-0.1,0.1-0.2,0.2-0.3,0.5c-0.1,0.2-0.1,0.3-0.1,0.3c-0.1,0.8,0,1.2,0,1.2c0,0,0-0.1,0,1.7c0,0.7-0.1,1.5-0.1,2.2 c0,0.1,0,0.3,0,0.5"/> <path class="st0-detailed-textile" d="M18.7,9.9c-0.3,0.1-0.5,0.2-0.8,0.3c-0.4,0.1-0.6,0.2-0.8,0.3c-0.4,0.1-0.7,0.1-0.9,0.1c-0.3,0-0.6,0-0.7,0 c-0.1,0-0.2,0-0.2,0"/> <path class="st0-detailed-textile" d="M8.3,1.8c0.2,0.1,0.3,0.1,0.4,0.2c0,0,1.1,0.4,2.3,0.1c0.1,0,0.2-0.1,0.2-0.1c0,0,0.4-0.2,0.4-0.2"/> <path class="st0-detailed-textile" d="M15.1,14.7c0,0.2,0,0.6,0,1c0,0.3,0,0.5,0,0.7c0,0.4,0,0.9,0.1,1.7"/> <path class="st0-detailed-textile" d="M0.6,10.1c0.1,0,0.2,0.1,0.3,0.1c0.4,0.1,0.6,0.2,0.9,0.3c0.3,0.1,0.6,0.1,0.7,0.1c0.3,0,0.6,0.1,0.8,0"/> </g></g></svg>',
37
- 'detailed-textile-selected': '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 19.5 21.2" style="enable-background:new 0 0 19.5 21.2;" xml:space="preserve"><style type="text/css"> .st0-detailed-textile-selected{fill:#3643ba;stroke:#FFFF;stroke-width:0.9;stroke-linecap:round;stroke-linejoin:round;}</style><g> <g> <path class="st0-detailed-textile-selected" d="M15.1,18c0,0,0,0.2,0,1.1c-0.1,0-0.3,0-0.5,0.1c-0.6,0.1-1,0.3-1.4,0.4c-1.1,0.4-1.1,0.5-1.4,0.6 c-1.1,0.4-2,0.4-2.4,0.4c-0.4,0-1.2,0-2.1-0.3C6.9,20.2,6.5,20.1,6,20c-0.3,0-0.7-0.1-0.8-0.1c0,0-0.4,0-0.9,0l-0.1,0 c0-0.2-0.1-0.4-0.1-0.7c0-0.2-0.1-0.6-0.1-1.1c0,0,0-0.3,0-0.8c0,0,0,0,0-0.1c0-0.1,0-0.1-0.1-0.2c0-0.1,0-0.1,0-0.1 c0-0.1,0-0.1,0-0.3C4,16.2,3.9,16.4,4,16.3c0,0,0-0.1,0-0.2c0,0,0,0,0-0.1c0-0.1-0.1-0.2-0.1-0.2c-0.1-0.1-0.1-0.3-0.2-0.4 c-0.1-0.2,0-0.4,0-0.5c0-0.2,0-0.3,0.1-0.5c0,0,0.1-0.1,0.1-0.3c0,0,0-0.1,0-0.1c0-0.2,0-0.3,0-0.3c0-0.2-0.1-0.5,0-0.8 c0-0.1,0-0.3,0.1-0.5c0-0.1,0.2-0.4,0.2-0.6c0,0,0-0.1,0-0.1c-0.1,0-0.1-0.1-0.2-0.1c0,0-0.3-0.2-0.4-0.3c0,0-0.1-0.1-0.1-0.1 c-0.3,0-0.6,0-1,0c-0.2,0-0.5-0.1-0.9-0.2c-0.6-0.1-1.1-0.4-1.1-0.4c0-0.7,0.1-1.3,0.2-1.7c0.1-0.3,0.2-0.7,0.3-1.1 c0.1-0.3,0.1-0.5,0.2-0.8c0.1-0.3,0.2-0.5,0.2-0.7c0-0.1,0-0.2,0-0.4c0-0.2,0-0.2,0-0.3c0-0.1,0-0.1,0.1-0.2 c0.1-0.2,0.1-0.2,0.1-0.3c0-0.1,0-0.1,0-0.3c0-0.1,0-0.2,0.1-0.3C2,4.5,2.1,4.5,2.1,4.3c0-0.1,0-0.1,0-0.1c0-0.3,0.2-0.9,0.2-0.9 C2.5,3,2.6,2.8,2.9,2.5c0.2-0.2,0.4-0.3,0.4-0.3C3.5,2.1,3.6,2.1,3.8,2C4.1,2,4.4,1.9,4.7,1.8C5.1,1.7,5.4,1.6,6,1.4 c0,0,0.7-0.2,1-0.4c0.2-0.1,0.3-0.2,0.3-0.3c0.1-0.1,0.1-0.1,0.1-0.1c0,0,0,0,0,0c0,0,0.1,0.2,0.1,0.3c0,0.1,0.1,0.2,0.2,0.3 C7.9,1.3,8,1.4,8.1,1.6C8.2,1.7,8.5,2,8.9,2.3c0.2,0.1,0.3,0.2,0.6,0.2c0.2,0,0.4,0,0.5,0c0.1,0,0.4,0,0.8-0.2 c0.1-0.1,0.4-0.2,0.8-0.5C11.9,1.5,12,1.2,12.1,1c0-0.1,0.1-0.2,0.1-0.2"/> <path class="st0-detailed-textile-selected" d="M15.3,11.7c0,0.5,0,1,0,1.3c0,0.3,0,0.5,0,0.7c0,0.3-0.1,0.6-0.1,0.8c0,0-0.1,0.3-0.1,0.3"/> <path class="st0-detailed-textile-selected" d="M7.5,0.5c0.2,0.1,0.6,0.3,1,0.4c0.8,0.2,1.4,0.2,2,0.1c0.6,0,1-0.1,1.2-0.2c0,0,0,0,0.5-0.2 C12.4,0.9,12.6,1,13,1.2c0.1,0.1,0.4,0.2,1.1,0.5c0.6,0.2,0.6,0.2,1.1,0.4c0.8,0.3,1,0.4,1.2,0.5c0.3,0.3,0.5,0.5,0.6,0.6 C17,3.3,17,3.4,17,3.4c0.1,0.2,0.1,0.4,0.2,0.7c0.1,0.6,0.2,1,0.2,1.3c0,0,0,0.1,0,0.3c0,0.1,0.1,0.1,0.1,0.2 c0.1,0.1,0.1,0.2,0.1,0.5c0,0,0,0.1,0,0.4c0.4,1.1,0.7,2,0.8,2.6c0.1,0.2,0.4,1.3,0.4,1.3c-0.1,0-0.2,0.1-0.3,0.2 c-0.6,0.3-1.1,0.4-1.4,0.5c-0.1,0-0.3,0.1-0.6,0.1c-0.3,0-0.5,0.1-0.8,0.1c-0.2,0-0.4,0-0.7,0"/> <path class="st0-detailed-textile-selected" d="M6.9,1.1c0,0.1,0.1,0.1,0.1,0.2c0,0,0.1,0.1,0.1,0.2c0.1,0.2,0.2,0.4,0.3,0.5C7.7,2.3,7.8,2.5,8,2.7 C8.3,2.8,8.4,3,8.7,3.1C9,3.2,9.2,3.3,9.4,3.3c0.3,0,0.7,0.1,1.3-0.1c0.5-0.2,0.9-0.4,1-0.5c0.3-0.2,0.4-0.4,0.7-0.8 c0.1-0.2,0.2-0.3,0.3-0.5c0-0.1,0.1-0.2,0.1-0.2"/> <path class="st0-detailed-textile-selected" d="M3.6,5.3c0,0.3,0,0.6,0,0.8c0,1,0,1.5,0,1.9c0,0.9,0.1,2,0.4,3.4c0.1,0.3,0.1,0.5,0.2,0.6 c0.1,0.5,0.4,1.3,0.9,2.3c0.6,1.2,1.4,2.1,1.9,2.8"/> <path class="st0-detailed-textile-selected" d="M4.3,17.3c0.4,0.2,0.7,0.3,0.9,0.5c0.6,0.3,1,0.5,1.6,0.7c0.4,0.1,0.7,0.2,0.9,0.3"/> <path class="st0-detailed-textile-selected" d="M16.8,4.4c-0.1,0.1-0.1,0.2-0.2,0.4c-0.1,0.1-0.1,0.1-0.3,0.2c-0.2,0.1-0.3,0.2-0.5,0.4 c-0.1,0.1-0.2,0.2-0.3,0.5c-0.1,0.2-0.1,0.3-0.1,0.3c-0.1,0.8,0,1.2,0,1.2c0,0,0-0.1,0,1.7c0,0.7-0.1,1.5-0.1,2.2 c0,0.1,0,0.3,0,0.5"/> <path class="st0-detailed-textile-selected" d="M18.7,9.9c-0.3,0.1-0.5,0.2-0.8,0.3c-0.4,0.1-0.6,0.2-0.8,0.3c-0.4,0.1-0.7,0.1-0.9,0.1c-0.3,0-0.6,0-0.7,0 c-0.1,0-0.2,0-0.2,0"/> <path class="st0-detailed-textile-selected" d="M8.3,1.8c0.2,0.1,0.3,0.1,0.4,0.2c0,0,1.1,0.4,2.3,0.1c0.1,0,0.2-0.1,0.2-0.1c0,0,0.4-0.2,0.4-0.2"/> <path class="st0-detailed-textile-selected" d="M15.1,14.7c0,0.2,0,0.6,0,1c0,0.3,0,0.5,0,0.7c0,0.4,0,0.9,0.1,1.7"/> <path class="st0-detailed-textile-selected" d="M0.6,10.1c0.1,0,0.2,0.1,0.3,0.1c0.4,0.1,0.6,0.2,0.9,0.3c0.3,0.1,0.6,0.1,0.7,0.1c0.3,0,0.6,0.1,0.8,0"/> </g></g></svg>',
38
+ 'dots-vertical': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 3C10.9 3 10 3.9 10 5C10 6.1 10.9 7 12 7C13.1 7 14 6.1 14 5C14 3.9 13.1 3 12 3ZM12 17C10.9 17 10 17.9 10 19C10 20.1 10.9 21 12 21C13.1 21 14 20.1 14 19C14 17.9 13.1 17 12 17ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z"></path></svg>',
38
39
  'download': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 19H21V21H3V19ZM13 13.1716L19.0711 7.1005L20.4853 8.51472L12 17L3.51472 8.51472L4.92893 7.1005L11 13.1716V2H13V13.1716Z"></path></svg>',
39
40
  'edit': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M6.41421 15.89L16.5563 5.74785L15.1421 4.33363L5 14.4758V15.89H6.41421ZM7.24264 17.89H3V13.6473L14.435 2.21231C14.8256 1.82179 15.4587 1.82179 15.8492 2.21231L18.6777 5.04074C19.0682 5.43126 19.0682 6.06443 18.6777 6.45495L7.24264 17.89ZM3 19.89H21V21.89H3V19.89Z"></path></svg>',
40
41
  'external-link': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z"></path></svg>',
@@ -0,0 +1,60 @@
1
+ .ts-menu-button {
2
+ position: relative;
3
+ }
4
+ .ts-menu-button-menu {
5
+ position: absolute;
6
+ width: 220px;
7
+ padding: 12px;
8
+ box-shadow: 0px 8px 9px 0px #1010101a;
9
+ background: #ffffff;
10
+ }
11
+ .ts-menu-button-menu--bottom-end {
12
+ right: 0;
13
+ }
14
+ .ts-menu-button-menu--top-start {
15
+ bottom: calc(100% + 12px);
16
+ }
17
+ .ts-menu-button-menu--top-end {
18
+ bottom: calc(100% + 12px);
19
+ right: 0;
20
+ }
21
+ /* ###### */
22
+ /* ITEM */
23
+ .ts-menu-item {
24
+ display: flex;
25
+ align-items: center;
26
+ width: 100%;
27
+ min-height: 36px;
28
+ border: none;
29
+ background: #ffffff;
30
+ cursor: pointer;
31
+ }
32
+ .ts-menu-item:hover {
33
+ background: #e1e3f5;
34
+ color: #3643ba;
35
+ }
36
+ .ts-menu-item-icon {
37
+ display: flex;
38
+ align-items: center;
39
+ justify-content: center;
40
+ width: 36px;
41
+ height: 36px;
42
+ }
43
+ /* ######### */
44
+ /* DIVIDER */
45
+ .ts-menu-divider {
46
+ width: 100%;
47
+ height: 1px;
48
+ margin: 12px 0;
49
+ background: #d9dde1;
50
+ }
51
+
52
+ /* ######### */
53
+ /* GLOBALS */
54
+ * {
55
+ font-size: 14px;
56
+ outline: none;
57
+ box-sizing: border-box;
58
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
59
+ 'Helvetica Neue', sans-serif;
60
+ }
@@ -0,0 +1,42 @@
1
+ import * as React from 'react';
2
+ import { useState } from 'react';
3
+ import { TsMenuButtonProps, TsMenuItemProps } from './TsMenuButton.types';
4
+ import { TsIcon } from '../TsIcon/TsIcon';
5
+ import { useClickOutside } from '../../hooks/use-click-outside';
6
+ import './TsMenuButton.css';
7
+
8
+ export const TsMenuDivider = () => {
9
+ // #########
10
+ // Rendering
11
+ return <div className="ts-menu-divider" />;
12
+ };
13
+
14
+ export const TsMenuItem = ({ icon, label, onClick }: TsMenuItemProps) => {
15
+ // #########
16
+ // Rendering
17
+ return (
18
+ <button className="ts-menu-item" onClick={onClick}>
19
+ {icon && (
20
+ <div className="ts-menu-item-icon">
21
+ <TsIcon name={icon} size="16" />
22
+ </div>
23
+ )}
24
+
25
+ <div className="ts-menu-item-label">{label}</div>
26
+ </button>
27
+ );
28
+ };
29
+
30
+ export const TsMenuButton = ({ menuAlignment = 'bottom-start', mainButton, items }: TsMenuButtonProps) => {
31
+ const [showMenu, setShowMenu] = useState<boolean>(false);
32
+ const dropdownRef = useClickOutside(() => setShowMenu(false));
33
+
34
+ // #########
35
+ // Rendering
36
+ return (
37
+ <div className="ts-menu-button" ref={dropdownRef}>
38
+ {React.cloneElement(mainButton, { onClick: () => setShowMenu(true) })}
39
+ {showMenu && <div className={`ts-menu-button-menu ts-menu-button-menu--${menuAlignment}`}>{items}</div>}
40
+ </div>
41
+ );
42
+ };
@@ -0,0 +1,13 @@
1
+ import { ButtonHTMLAttributes, ReactElement } from 'react';
2
+
3
+ export type TsMenuItemProps = {
4
+ label: string;
5
+ icon?: string;
6
+ onClick: () => void;
7
+ };
8
+
9
+ export type TsMenuButtonProps = {
10
+ menuAlignment?: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
11
+ mainButton: ReactElement;
12
+ items: ReactElement;
13
+ } & ButtonHTMLAttributes<HTMLButtonElement>;
@@ -0,0 +1,50 @@
1
+ import React from 'react';
2
+ import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
3
+ import { TsMenuButton, TsMenuItem, TsMenuDivider } from '../TsMenuButton';
4
+ import { TsButton } from '../../TsButton/TsButton';
5
+
6
+ <Meta title="Components/MenuButton" />
7
+
8
+ export const menuButtonArgTypes = {
9
+ menuAlignment: {
10
+ control: 'select',
11
+ options: ['bottom-start', 'bottom-end', 'top-start', 'top-end'],
12
+ description: 'Define the direction of the menu.',
13
+ table: { defaultValue: { summary: 'bottom-start' } },
14
+ },
15
+ };
16
+
17
+ # MenuButton
18
+
19
+ A MenuButton can be used to group a set of actions that are related.
20
+
21
+ ## Overview
22
+
23
+ <Canvas>
24
+ <Story
25
+ name="Overview"
26
+ args={{
27
+ menuAlignment: 'bottom-start',
28
+ mainButton: <TsButton icon="dots-vertical" variant="secondary" />,
29
+ items: (
30
+ <>
31
+ <TsMenuItem icon="edit" label="Edit" />
32
+ <TsMenuItem icon="file-copy" label="Duplicate" />
33
+ <TsMenuDivider />
34
+ <TsMenuItem icon="delete-bin" label="Delete" />
35
+ </>
36
+ ),
37
+ }}
38
+ argTypes={menuButtonArgTypes}
39
+ >
40
+ {args => (
41
+ <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '400px' }}>
42
+ <TsMenuButton {...args} />
43
+ </div>
44
+ )}
45
+ </Story>
46
+ </Canvas>
47
+
48
+ ## Props
49
+
50
+ <ArgsTable story="Overview" of={TsMenuButton} />