@fonixtree/magic-design 2.0.200 → 2.0.203

package/lib/assets/images/base64/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.walletVoucherIcon = exports.walletSaldoIcon = exports.walletKoinIcon = exports.tipIcon = exports.timeIcon = exports.starIcon = exports.pcNavIcon = exports.menuHomeSelectedIcon = exports.menuHomeIcon = exports.menuCommunitySelectedIcon = exports.menuCommunityIcon = exports.menuCategorySelectedIcon = exports.menuCategoryIcon = exports.menuCartSelectedIcon = exports.menuCartIcon = exports.menuAccountSelectedIcon = exports.menuAccountIcon = exports.headInboxIcon = exports.headHomeIcon = exports.headAccountIcon = exports.flashIcon = exports.bikeIcon = exports.bargainIcon = void 0;
+exports.walletVoucherIcon = exports.walletSaldoIcon = exports.walletKoinIcon = exports.tipIcon = exports.timeIcon = exports.starIcon = exports.searchMessageIcon = exports.searchChatbotIcon = exports.searchCartIcon = exports.pcNavIcon = exports.menuHomeSelectedIcon = exports.menuHomeIcon = exports.menuCommunitySelectedIcon = exports.menuCommunityIcon = exports.menuCategorySelectedIcon = exports.menuCategoryIcon = exports.menuCartSelectedIcon = exports.menuCartIcon = exports.menuAccountSelectedIcon = exports.menuAccountIcon = exports.headInboxIcon = exports.headHomeIcon = exports.headAccountIcon = exports.flashIcon = exports.bikeIcon = exports.bargainIcon = void 0;
 var pcNavIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAbCAYAAAAdx42aAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABRSURBVHgB7dWxFUBQEAXR91YidERicmXIVYRSdKIUJWjA+VRhA3M7mGjcj9Nia9X3znCZq7YbDuVoiqOOt35Tjsu6dwFANvMCXgDg93hB+gsemfAbHEJkq40AAAAASUVORK5CYII=';
 exports.pcNavIcon = pcNavIcon;
 var flashIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAYAAAAqXEs9AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMoSURBVHgB5VhdbtNAEP5sJxKP6RsS/dmeoIlIkHginKThBNATJDlB4QSkJyA9AelTpdCq5QQsBZ5rXknjZcb1Oht34+ySRKrEJ1lZr2fX45lvv9kN8L/h/KkQVzVRw2PBxY747GMfYoMY74gOFLyiszGHOFU0eVcF+O4zrlLsoBB/sxnSxCetG9mDI6pVsK0IFE7hgYqlT1gtFepwxFiIOqY4TIcpSHjAOWUB8MrVNpziUz4uXNGh5g8Z6GsSYd94VDsXQmAJLrdFF0aUk2iNEXoppaTQxPo+mqBdZs9EJq71zL5qvOaUEQfOcuOgnEcZkU3EjVjGWKdDFKGR0T5YZJZqDu6JbOAanljuUDI3qTVCWnOK/Qr4DU8ExQ5Th4gPHyohBtMpbnP/IjReSDn35Ze74phS+w7uGJF9PwjwMbuXtIhec8MWIaGvUOGgIYkDwSxKQYHYKZH9nAGt3jfkTCd/l8JX/aw0ZUqLoTkgnOcREdmreFJKBunqNXRNVTB0cohGC/5JkhmxiRdt3b7YFW+xSNkX4E+E/pdt0dbjyEHZknLk5hCJIXMqirBn9KX7G04VPFOlo5OlS2Nk2lQc5hEqwRa5HuutxF0N9eo054AzODpZM08XLZITX4d4tXHVZmK3044J6s1fskOtTtGWIjrAQz3Ko1NMV9NIF8OpuNLAA5PYNKoND/CLdXTK0nU/tQN4L2Qqtk/lZyQ0PltZjIXpcnaI9GiPtMMUQ6fKz+DokLi+5/b4mWAZ0ePiViFdzg6xHmVfKHXfssqvMQX6qbgiLc4dw9Ghzd6J1FqPCFz50zYJ5DERuGuxPjNv6IsPyU6TPK+FpGenTg4VNmVzIC5d02rTk9eyq9QhwBrJmGqXW4QM8j0EV/4AK2NRuqwOlaH1U46IzPtlNiSYPf4lMT26q9pf/ATw2rStBBZG39OqCa8IadD+p0srj0+lMZ0qhs9vZN98rmYlwsnehDcj+FRR3MjTfV8fIrk0cGpd7Vd2iLYct5bzOq+arXXYb/TPhn+Bv0OWs3rZMva193aINmu8KTOL4jCMcLQu+5VwJfz+GfO1fxT4C80iKW9PTeIFAAAAAElFTkSuQmCC';
@@ -49,4 +49,10 @@ exports.starIcon = starIcon;
 var timeIcon = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzI1MjY4MTYzMDY2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYxMDkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PHBhdGggZD0iTTUxMS45NDcwNTkwOCAxODUuNTY0NzA1NDdhMzI2LjQ4ODIzNTQ1IDMyNi40ODgyMzU0NSAwIDEgMCAwIDY1Mi45MjM1Mjk5OCAzMjYuNDg4MjM1NDUgMzI2LjQ4ODIzNTQ1IDAgMCAwIDAtNjUyLjkyMzUyOTk4ek0xMzIuNTE3NjQ3MjcgNTEyLjA1Mjk0MDkyYTM3OS40Mjk0MTE4MiAzNzkuNDI5NDExODIgMCAxIDEgNzU4LjgwNTg4MTg0IDAgMzc5LjQyOTQxMTgyIDM3OS40Mjk0MTE4MiAwIDAgMS03NTguODA1ODgxODQgMHogbTM3OS40Mjk0MTE4MS0xNjcuNjY0NzA1NDdhMjYuNDcwNTg4MTggMjYuNDcwNTg4MTggMCAwIDEgMjYuNDcwNTg4MTkgMjYuNDcwNTg4MTl2MTMwLjIzNTI5MzY1bDgwLjQ3MDU4ODE4IDgwLjQ3MDU4ODE4YTI2LjQ3MDU4ODE4IDI2LjQ3MDU4ODE4IDAgMSAxLTM3LjQyOTQxMTgxIDM3LjQyOTQxMTgyTDQ5My4yMDU4ODI3MSA1MzAuNzQxMTc2MzdhMjYuNDcwNTg4MTggMjYuNDcwNTg4MTggMCAwIDEtNy43Mjk0MTE4MS0xOC42ODgyMzU0NVYzNzAuODU4ODIzNjNhMjYuNDcwNTg4MTggMjYuNDcwNTg4MTggMCAwIDEgMjYuNDcwNTg4MTgtMjYuNDcwNTg4MTh6IiBmaWxsPSIjMzMzMzMzIiBwLWlkPSI2MTEwIj48L3BhdGg+PC9zdmc+';
 exports.timeIcon = timeIcon;
 var bikeIcon = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzI1MjY4MTcwMjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYyNjYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PHBhdGggZD0iTTU4Mi4xMzY0NzAzMSAyNzcuOTg1ODgyMTlhNTQ0Ljk0MTE3NjI1IDU0NC45NDExNzYyNSAwIDAgMC01MC4zMTUyOTQwNi0xLjI0MjM1MjVoLTE5Ljg3NzY0NjU2YTI4LjIzNTI5NDA2IDI4LjIzNTI5NDA2IDAgMCAxIDAtNTYuNDcwNTg4MTNoMjEuMjMyOTQwNjJjMjEuNDU4ODIzNzUgMCAzOS42OTg4MjM3NSAwIDU0Ljc3NjQ3MTI1IDEuNTgxMTc2MjUgMTUuOTgxMTc2MjUgMS42Mzc2NDc1IDMwLjgzMjk0MTU2IDUuMjUxNzY0MzcgNDQuNzgxMTc2MjUgMTMuODkxNzY0MzggMTQuMDA0NzA1OTQgOC42NCAyMy44ODcwNTg0NCAyMC4zMjk0MTE4NyAzMi41MjcwNTg0NCAzMy44ODIzNTM0MyA3LjYyMzUyOTY5IDExLjk3MTc2NDM4IDE1LjI0NzA1ODQ0IDI3LjEwNTg4MjE5IDI0LjExMjk0MTU2IDQ0Ljc4MTE3NjI1aDQzLjQ4MjM1MjVjMTAuNzI5NDExODggMCAyMC40OTg4MjM3NSAwIDI4LjY4NzA1OTM4IDAuNzM0MTE3ODIgOC44MDk0MTE4OCAwLjc5MDU4ODEyIDE4LjQ2NTg4MjE5IDIuNTk3NjQ3NSAyNy43ODM1Mjg3NSA3LjkwNTg4MjE4IDEwLjE2NDcwNTk0IDUuODcyOTQxNTYgMTguNjM1Mjk0MDYgMTQuMzQzNTI5NjkgMjQuNTA4MjM1NjIgMjQuNTY0NzA1OTQgNS4zMDgyMzU2MyA5LjMxNzY0NzUgNy4xNzE3NjQzNyAxOC45MTc2NDc1IDcuOTA1ODgyMTkgMjcuNzgzNTI5NjkgMC43OTA1ODgxMiA4LjE4ODIzNTYzIDAuNzkwNTg4MTIgMTcuOTU3NjQ3NSAwLjc5MDU4ODEzIDI4LjYzMDU4ODEydjMuNTU3NjQ2NTdjMCA5Ljc2OTQxMTg3IDAgMjAuMjE2NDcwMzEtMy4xNjIzNTI1IDMwLjE1NTI5NDA2YTY1LjkwMTE3NjI1IDY1LjkwMTE3NjI1IDAgMCAxLTkuMzc0MTE3ODIgMTguNjM1Mjk0MDZjLTYuMDk4ODIzNzUgOC40NzA1ODgxMy0xNC41Njk0MTE4OCAxNC42MjU4ODIxOS0yMi40MTg4MjM3NSAyMC4zODU4ODIxOWwtMS45NzY0NzAzMSAxLjQ2ODIzNTYyLTEwLjQ0NzA1ODQ0IDcuNjgwMDAwMDEgMTguMzUyOTQwNjMgMzYuNzA1ODgyMThhMTQxLjE3NjQ3MDMxIDE0MS4xNzY0NzAzMSAwIDEgMS0xNTYuNDIzNTI5NjkgMTY4LjI4MjM1MzQ0SDQ0My4yMTg4MjM3NWExNDEuMTc2NDcwMzEgMTQxLjE3NjQ3MDMxIDAgMCAxLTI3Ni43NjIzNTM0NC0wLjM5NTI5NDA2IDY1LjkwMTE3NjI1IDY1LjkwMTE3NjI1IDAgMCAxLTU5LjIzNzY0NjU2LTY4LjU1NTI5NDA2di0yLjE0NTg4MzEzYzAtMTIuNjQ5NDExODggMC0yMC42NjgyMzU2MyAwLjU2NDcwNTk0LTI3LjY3MDU4ODEzQTE3OC44NDIzNTI1IDE3OC44NDIzNTI1IDAgMCAxIDI3MiA0MjcuODU4ODIzNzVDMjc5LjA1ODgyMzc1IDQyNy4yOTQxMTc4MSAyODcuMDc3NjQ3NSA0MjcuMjk0MTE3ODEgMjk5LjY3MDU4ODEzIDQyNy4yOTQxMTc4MWgyNS45NzY0NzAzMWMzMy44MjU4ODIxOSAwIDYyLjA2MTE3NjI1IDAgODQuNDIzNTI5NjkgMy4wNDk0MTE4OCAyMy42NjExNzYyNSAzLjE2MjM1MjUgNDQuOTUwNTg4MTIgMTAuMTY0NzA1OTQgNjIuMTE3NjQ3NSAyNy4zMzE3NjQzNyAxNy4xNjcwNTg0NCAxNy4xMTA1ODgxMiAyNC4xNjk0MTE4NyAzOC40NTY0NzAzMSAyNy4zMzE3NjQzNyA2Mi4xMTc2NDc1IDIuOTkyOTQxNTYgMjIuMzYyMzUyNSAyLjk5Mjk0MTU2IDUwLjU5NzY0NzUgMi45OTI5NDE1NiA4NC40MjM1Mjg3NXYzMC4xNTUyOTQwN2gxMzQuNTY5NDEwOTRhMTQxLjQwMjM1MjUgMTQxLjQwMjM1MjUgMCAwIDEgOTUuOTQzNTI5NjktMTA2LjQ0NzA1ODQ0bC05MS43NjQ3MDU5NC0xODMuNTI5NDExODhhNTQ1LjI4IDU0NS4yOCAwIDAgMC0yMy42NjExNzYyNS00NC40NDIzNTI1Yy01Ljk4NTg4MjE5LTkuNDg3MDU4NDQtMTAuMzM0MTE3ODEtMTMuNTUyOTQxNTYtMTQuNTEyOTQxNTYtMTYuMjA3MDU5MzctNC4yMzUyOTQwNi0yLjU5NzY0NzUtOS44MjU4ODIxOS00LjU3NDExNzgxLTIwLjk1MDU4ODEzLTUuNzZ6IG0tMTM2LjA5NDExNzgxIDM1Ni4zODU4ODIxOXYtMjguMjM1Mjk0MDdjMC0zNi4yNTQxMTc4MS0wLjA1NjQ3MDMxLTYwLjY0OTQxMTg3LTIuNDg0NzA1LTc4LjgzMjk0MDYyLTIuMzcxNzY0MzgtMTcuMzkyOTQxNTYtNi4zODExNzYyNS0yNC44NDcwNTg0NC0xMS4yOTQxMTc4MS0yOS43MDM1Mjk2OS00LjkxMjk0MTU2LTQuOTEyOTQxNTYtMTIuMzY3MDU4NDQtOC45Nzg4MjM3NS0yOS43MDM1Mjk2OS0xMS4yOTQxMTc4MS0xOC4xODM1Mjk2OS0yLjQyODIzNTYzLTQyLjU3ODgyMzc1LTIuNDg0NzA1OTQtNzguODg5NDExODgtMi40ODQ3MDU5NGgtMjIuNTg4MjM1NjJjLTE0LjUxMjk0MTU2IDAtMjAuMTAzNTI5NjkgMC0yNC42MjExNzYyNSAwLjMzODgyMzc1YTEyMi4zNzE3NjQzNyAxMjIuMzcxNzY0MzcgMCAwIDAtMTEyLjM3NjQ3MDMxIDExMi4zNzY0NzAzMSAzNjIuMTQ1ODgyMTkgMzYyLjE0NTg4MjE5IDAgMCAwLTAuMzk1Mjk0MDcgMjguNDA0NzA1OTRjMC4zOTUyOTQwNiA0LjU3NDExNzgxIDQuODU2NDcwMzEgOS4wMzUyOTQwNiA5LjQzMDU4ODEzIDkuNDMwNTg4MTJoMjcyLjkyMjM1MjV6IG0tMjIxLjA4MjM1MjUgNTYuNDcwNTg4MTJhODQuNzA1ODgyMTkgODQuNzA1ODgyMTkgMCAwIDAgMTU5LjgxMTc2NDM3IDBoLTE1OS44MTE3NjQzN3ogbTQ2NS43Njk0MTE4Ny0yOC4yMzUyOTQwNmE4NC43MDU4ODIxOSA4NC43MDU4ODIxOSAwIDEgMSAxNjkuNDExNzY0MzggMCA4NC43MDU4ODIxOSA4NC43MDU4ODIxOSAwIDAgMS0xNjkuNDExNzY0MzggMHogbTU4LjcyOTQxMTg4LTIyNy45NzE3NjQzOGwyLjY1NDExNzgxLTEuODYzNTI5NjhhMjQ4LjQ3MDU4ODEzIDI0OC40NzA1ODgxMyAwIDAgMCAxMC4yMjExNzYyNS03Ljc5Mjk0MDYzIDE3LjczMTc2NDM4IDE3LjczMTc2NDM4IDAgMCAwIDEuOTItMS42OTQxMTc4MSA5LjU0MzUyOTY5IDkuNTQzNTI5NjkgMCAwIDAgMS4zNTUyOTQwNi0yLjcxMDU4ODEzYy0wLjExMjk0MTU2IDAuMjI1ODgyMTkgMC4xMTI5NDE1Ni0wLjE2OTQxMTg4IDAuMjgyMzUyNS0yLjU0MTE3NjI1YTI0NS4wODIzNTI1IDI0NS4wODIzNTI1IDAgMCAwIDAuMTY5NDExODgtMTIuODc1Mjk0MDZjMC0xMi4xNDExNzYyNSAwLTE5LjM2OTQxMTg4LTAuNTY0NzA1OTQtMjQuNzM0MTE3ODFhMjIuOTgzNTI5NjkgMjIuOTgzNTI5NjkgMCAwIDAtMC43MzQxMTc4MS00LjkxMjk0MTU2IDkuMzc0MTE3ODEgOS4zNzQxMTc4MSAwIDAgMC0zLjM4ODIzNDY5LTMuMzg4MjM1NjMgMjMuMTUyOTQxNTYgMjMuMTUyOTQxNTYgMCAwIDAtNC45MTI5NDE1Ni0wLjczNDExNjg3IDMxNC44OCAzMTQuODggMCAwIDAtMjQuNjc3NjQ2NTYtMC41NjQ3MDU5NGgtMTQuMTE3NjQ3NWwzMS44NDk0MTE4NyA2My44MTE3NjQzN3oiIGZpbGw9IiMzMzMzMzMiIHAtaWQ9IjYyNjciPjwvcGF0aD48L3N2Zz4=';
-exports.bikeIcon = bikeIcon;
+exports.bikeIcon = bikeIcon;
+var searchChatbotIcon = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzMzNDU5NjE5MDg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU2OTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PHBhdGggZD0iTTU3MC45OTIxODc3NyA0NzcuMjY1NjI0NzNhMzIuNTE5NTMxNTIgMzIuNTE5NTMxNTIgMCAwIDAgMCA2NC45Njg3NSAzMi41MTk1MzE1MiAzMi41MTk1MzE1MiAwIDAgMCAwLTY0Ljk2ODc1ek00MjEuMTIxMDk0MDIgNDc3LjI2NTYyNDczYTMyLjUxOTUzMTUyIDMyLjUxOTUzMTUyIDAgMCAwIDAgNjQuOTY4NzUgMzIuNTE5NTMxNTIgMzIuNTE5NTMxNTIgMCAwIDAgMC02NC45Njg3NXoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjU2OTciPjwvcGF0aD48cGF0aCBkPSJNNDk0LjQyMTg3NTI3IDkwLjEyNUMyNzEuMTQ0NTMxNTIgOTAuMTI1IDkwLjEyNSAyNzEuMTQ0NTMxNTIgOTAuMTI1IDQ5NC40MjE4NzUyN2MwIDEwMC4xOTUzMTI1IDM2LjQ1NzAzMDk4IDE5MS44ODI4MTI3NyA5Ni44NTU0NjkwMiAyNjIuNTQ2ODc0NDZMMTQ4Ljk3NjU2MjUgODY5LjE4NzQ5OTczbDEyOS40NDUzMTI3Ny0zMi45NDE0MDU3MUE0MDIuMjU3ODEyNSA0MDIuMjU3ODEyNSAwIDAgMCA0OTQuNDIxODc1MjcgODk4LjcxODc0OTczQzcxNy42OTkyMTkwMiA4OTguNzE4NzQ5NzMgODk4LjcxODc0OTczIDcxNy43MzQzNzQ3MyA4OTguNzE4NzQ5NzMgNDk0LjQyMTg3NTI3IDg5OC43MTg3NDk3MyAyNzEuMTQ0NTMxNTIgNzE3LjY5OTIxOTAyIDkwLjEyNSA0OTQuNDIxODc1MjcgOTAuMTI1ek0yOTUuOTI5Njg3NzcgNTEwLjgzOTg0Mzc1YTgzLjg4MjgxMjc3IDgzLjg4MjgxMjc3IDAgMCAxIDgzLjc3NzM0MzIxLTgzLjc0MjE4NzVoMjI0LjY0ODQzNzVhODMuODgyODEyNzcgODMuODgyODEyNzcgMCAwIDEgODMuNzQyMTg3NSA4My43NDIxODc1IDgzLjg4MjgxMjc3IDgzLjg4MjgxMjc3IDAgMCAxLTgzLjc3NzM0MzIxIDgzLjc3NzM0NDAyaC0yMjQuNjQ4NDM3NWE4My44ODI4MTI3NyA4My44ODI4MTI3NyAwIDAgMS04My43NDIxODc1LTgzLjc3NzM0NDAyeiBtMjU4LjUwMzkwNjI1IDExMC40NjA5Mzc3N3Y1LjYyNDk5OTQ2YTYwLjExNzE4NzUgNjAuMTE3MTg3NSAwIDAgMS02MC4wMTE3MTg3NSA1OS45NzY1NjMwNCA2MC4xMTcxODc1IDYwLjExNzE4NzUgMCAwIDEtNjAuMDExNzE4NzUtNjAuMDExNzE4NzV2LTUuNTg5ODQzNzVoMTIwLjAyMzQzNzV6IG0yMDIuOTkyMTg3MjMtMTkuMTI1MDAwMjdhMjgwLjMzNTkzNzUgMjgwLjMzNTkzNzUgMCAwIDEtMTg1Ljc2NTYyNTI3IDE3NS41MzUxNTY1MiAzNi41MjczNDQwMiAzNi41MjczNDQwMiAwIDAgMS0xNC4yMDMxMjQ3MyAyMy40MTQwNjI1Yy0xMy43MTA5Mzc1IDEwLjE5NTMxMjIzLTMzLjE1MjM0NDAyIDE1LjkyNTc4MTI1LTU3LjcyNjU2Mjc3IDE3LjAxNTYyNDQ2YTE3MS42Njc5Njg0OCAxNzEuNjY3OTY4NDggMCAwIDEtNi42NDQ1MzEyNSAwLjE0MDYyNTI3Yy0zMS42MDU0Njg0OCAwLTUxLjUwMzkwNjUyLTEwLjQwNjI0OTczLTYyLjg1OTM3NS0xOS41MTE3MTg3NWEzNi4wMzUxNTU5OCAzNi4wMzUxNTU5OCAwIDAgMS02LjgyMDMxMjIzLTQ5LjE0ODQzNzVjMTMuMzI0MjE5MDItMTguNDkyMTg3NzcgMzguOTUzMTI1MjctMzguMjQ5OTk5NzMgNzEuMDE1NjI1MjctMzguMjQ5OTk5NzMgMTkuMzcxMDkzNDggMCAzOC40OTYwOTM3NSA3LjU1ODU5MzQ4IDU0LjQ5MjE4NzIzIDIxLjQ0NTMxMTk2IDEwMS43NzczNDM3NS0yNC44OTA2MjUgMTc0LjkzNzQ5OTczLTExNy41MjczNDQwMiAxNzQuOTM3NDk5NzMtMjIyLjg5MDYyNDQ2QTIyOC4wOTM3NDk3MyAyMjguMDkzNzQ5NzMgMCAwIDAgNjU4Ljk1MzEyNTI3IDM1MC4yODEyNDk3M2EyMjguMjY5NTMxNTIgMjI4LjI2OTUzMTUyIDAgMCAwLTE0My4zMzIwMzEyNS02OC43NjU2MjV2MzkuMDIzNDM3NWMxNy4zMzIwMzE1MiA4LjE5MTQwNTk4IDI5LjA3NDIxODQ4IDI1LjkxMDE1NTk4IDI5LjA3NDIxODQ4IDQ1LjcwMzEyNTI3djEzLjM5NDUzMTI1aC0xMDAuNzIyNjU2MjV2LTEzLjQyOTY4Nzc3YzAtMTkuNzIyNjU2MjUgMTEuNzQyMTg3NzctMzcuNDc2NTYyNzcgMjkuMTA5Mzc1LTQ1LjYzMjgxMjIzVjI4MS40ODA0NjkwMmEyMjguMzA0Njg3MjMgMjI4LjMwNDY4NzIzIDAgMCAwLTE0My4zMzIwMzEyNSA2OC43NjU2MjUgMjI4LjE2NDA2Mjc3IDIyOC4xNjQwNjI3NyAwIDAgMC02NC44NjMyODEyNSAxNTkuNjc5Njg3NWMwIDI1LjYyODkwNjI1IDQuMjE4NzUgNTIuMjQyMTg3NzcgMTEuODEyNSA3NS4wMjM0MzY5Nmw1Ljk3NjU2MjIzIDE3LjcxODc1SDIzMC41MzkwNjI3N2wtMC4xNDA2MjUyNy0wLjUyNzM0Mzc1YTkyLjgxMjUgOTIuODEyNSAwIDAgMS04Mi44MjgxMjUyNy05Mi4xNzk2ODc1IDkzLjA1ODU5NDAyIDkzLjA1ODU5NDAyIDAgMCAxIDgzLjc3NzM0NDAyLTkyLjI4NTE1NjI1IDI3OC4zMzIwMzEyNSAyNzguMzMyMDMxMjUgMCAwIDEgMjQxLjc2OTUzMTUyLTE4NS42MjVWMjE5LjQ5OTk5OTczYTM4LjMyMDMxMjc3IDM4LjMyMDMxMjc3IDAgMCAxIDIxLjI2OTUzMDk4LTcwLjA2NjQwNTcxIDM4LjMyMDMxMjc3IDM4LjMyMDMxMjc3IDAgMCAxIDIxLjIzNDM3NTI3IDcwLjA2NjQwNTcxdjEyLjYyMTA5NDI5YTI3OC4zMzIwMzEyNSAyNzguMzMyMDMxMjUgMCAwIDEgMjQxLjczNDM3NSAxODUuNjI1IDkyLjgxMjUgOTIuODEyNSAwIDAgMSA4My44MTI0OTk3MyA5Mi4yNDk5OTk3MyA5Mi44MTI1IDkyLjgxMjUgMCAwIDEtODMuODEyNDk5NzMgOTIuMjQ5OTk5NzNoMC4wMzUxNTU3MXoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjU2OTgiPjwvcGF0aD48L3N2Zz4=';
+exports.searchChatbotIcon = searchChatbotIcon;
+var searchCartIcon = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzMzNDU5NjY4MDcxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU4OTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PHBhdGggZD0iTTMyMCA5MzAuMTMzMzMzYy0zNC4xMzMzMzMgMC02NC0yOS44NjY2NjctNjQtNjRzMjkuODY2NjY3LTY0IDY0LTY0IDY0IDI1LjYgNjQgNTkuNzMzMzM0LTI5Ljg2NjY2NyA2OC4yNjY2NjctNjQgNjguMjY2NjY2eiBtMC02OC4yNjY2NjZoMzQuMTMzMzMzLTM0LjEzMzMzM3pNNzMzLjg2NjY2NyA5MzAuMTMzMzMzYy0zNC4xMzMzMzMgMC02NC0yOS44NjY2NjctNjQtNjRzMjkuODY2NjY3LTY0IDY0LTY0IDY0IDI5Ljg2NjY2NyA2NCA2NC0yNS42IDY0LTY0IDY0eiBtMC02OC4yNjY2NjZoMzQuMTMzMzMzLTM0LjEzMzMzM3pNMzM3LjA2NjY2NyA3MzMuODY2NjY3Yy0yMS4zMzMzMzMgMC00Mi42NjY2NjctOC41MzMzMzMtNTUuNDY2NjY3LTIxLjMzMzMzNC0xNy4wNjY2NjctMTIuOC0yOS44NjY2NjctMjkuODY2NjY3LTM0LjEzMzMzMy01MS4yTDk4LjEzMzMzMyAxNjIuMTMzMzMzSDM0LjEzMzMzM0MxMi44IDE2Mi4xMzMzMzMgMCAxNDUuMDY2NjY3IDAgMTI4czEyLjgtMzQuMTMzMzMzIDM0LjEzMzMzMy0zNC4xMzMzMzNoNjguMjY2NjY3YzEyLjggMCAyNS42IDQuMjY2NjY3IDM4LjQgMTIuOCA4LjUzMzMzMyA4LjUzMzMzMyAxNy4wNjY2NjcgMjEuMzMzMzMzIDIxLjMzMzMzMyAzNC4xMzMzMzNMMTkyIDI1Nmg2OTUuNDY2NjY3YzguNTMzMzMzIDAgMjEuMzMzMzMzIDQuMjY2NjY3IDI1LjYgMTIuOHM4LjUzMzMzMyAxNy4wNjY2NjcgNC4yNjY2NjYgMjkuODY2NjY3TDgxMC42NjY2NjcgNjY1LjZjLTQuMjY2NjY3IDIxLjMzMzMzMy0xNy4wNjY2NjcgMzguNC0zNC4xMzMzMzQgNTEuMi0xNy4wNjY2NjcgMTIuOC0zOC40IDE3LjA2NjY2Ny01OS43MzMzMzMgMjEuMzMzMzMzSDMzNy4wNjY2Njd2LTQuMjY2NjY2ek0yMTMuMzMzMzMzIDMyMGw5My44NjY2NjcgMzI4LjUzMzMzM2MwIDguNTMzMzMzIDQuMjY2NjY3IDEyLjggMTIuOCAxNy4wNjY2NjcgNC4yNjY2NjcgNC4yNjY2NjcgMTIuOCA0LjI2NjY2NyAxNy4wNjY2NjcgNC4yNjY2NjdoMzg0YzguNTMzMzMzIDAgMTIuOC00LjI2NjY2NyAyMS4zMzMzMzMtNC4yNjY2NjcgNC4yNjY2NjctNC4yNjY2NjcgOC41MzMzMzMtOC41MzMzMzMgMTIuOC0xNy4wNjY2NjdsOTMuODY2NjY3LTMyOC41MzMzMzNIMjEzLjMzMzMzM3oiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjU5MDAiPjwvcGF0aD48L3N2Zz4=';
+exports.searchCartIcon = searchCartIcon;
+var searchMessageIcon = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAzMCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMTU2MjUgNkMwLjk2NTgyIDYgMCA2Ljk1MTgyIDAgOC4xMjVDMCA4Ljc5MzQ5IDAuMzE4OTQ1IDkuNDIyMTMgMC44NjI1IDkuODI1TDEwLjYzNzUgMTcuMDVDMTEuMTQ5NiAxNy40MjYzIDExLjg1MDQgMTcuNDI2MyAxMi4zNjI1IDE3LjA1TDIyLjEzNzUgOS44MjVDMjIuNjgxMSA5LjQyMjEzIDIzIDguNzkzNDkgMjMgOC4xMjVDMjMgNi45NTE4MiAyMi4wMzQyIDYgMjAuODQzOCA2SDIuMTU2MjVaTTAgMTAuOTU4M1YyMC4xNjY3QzAgMjEuNzI5NCAxLjI4OTI2IDIzIDIuODc1IDIzSDIwLjEyNUMyMS43MTA3IDIzIDIzIDIxLjcyOTQgMjMgMjAuMTY2N1YxMC45NTgzTDEzLjIyNSAxOC4xODMzQzEyLjcyNzYgMTguNTUxOCAxMi4xMjIyIDE4Ljc1MTEgMTEuNSAxOC43NTExQzEwLjg3NzggMTguNzUxMSAxMC4yNzI0IDE4LjU1MTggOS43NzUgMTguMTgzM0wwIDEwLjk1ODNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjUuMjcxNSAwLjY2MDA0OUMyNC42MjAyIDAuNDQ5ODQgMjMuOTI1NiAwLjgwMTgwNyAyMy43MTcyIDEuNDQ3NjdMMjMuNDkxIDIuMTQ4MjZDMjAuNjMwNyAxLjgyMTM0IDE3Ljg0NjEgMy41MjUzNiAxNi45MzQ1IDYuMzQ5NjNMMTYuNzEzMSA3LjAzNTYzQzE2LjE1OTYgOC43NTA2MiAxNC45ODgzIDEwLjIwMTggMTMuNDI1NyAxMS4xMTU3TDEzLjA1NTcgMTEuMzMwNkMxMi42MzU5IDExLjU3MzkgMTIuNDAzMyAxMi4wNDI3IDEyLjQ1NTUgMTIuNTIyOUMxMi41MDc4IDEzLjAwMzEgMTIuODQzNyAxMy40MDk3IDEzLjMwNzQgMTMuNTU5NEwyNy40MzY4IDE4LjExOThDMjcuOTAwNSAxOC4yNjk1IDI4LjQwNzEgMTguMTM0OCAyOC43MzM5IDE3Ljc3N0MyOS4wNjA2IDE3LjQxOTEgMjkuMTQyNCAxNi45MDE2IDI4Ljk0NCAxNi40NTg4TDI4Ljc2OTQgMTYuMDY4MUMyOC4wMzYgMTQuNDEzMSAyNy45MzI5IDEyLjU1NDcgMjguNDg3NyAxMC44MzZMMjguNzA5MSAxMC4xNUMyOS42MjA3IDcuMzI1NzUgMjguMzU3NyA0LjMxNTM1IDI1Ljg0NiAyLjkwODM0TDI2LjA3MjEgMi4yMDc3NUMyNi4yODA1IDEuNTYxODkgMjUuOTIyOCAwLjg3MDI1OSAyNS4yNzE1IDAuNjYwMDQ5Wk0yMS4xMjg1IDE5LjE5ODJDMjEuNzExNCAxOC45MDI5IDIyLjE0OTkgMTguMzg3NyAyMi4zNTAxIDE3Ljc2NzNMMTcuNjQwMyAxNi4yNDcyQzE3LjQ0MDEgMTYuODY3NSAxNy40OTQ3IDE3LjU0MTggMTcuNzk0OSAxOC4xMjIyQzE4LjA5NTEgMTguNzAyNiAxOC42MTU5IDE5LjE0MDcgMTkuMjQxNSAxOS4zNDI2QzE5Ljg2NyAxOS41NDQ1IDIwLjU0NTcgMTkuNDkzNiAyMS4xMjg1IDE5LjE5ODJaIiBmaWxsPSIjRkNEMTE3Ii8+CjxwYXRoIGQ9Ik0yMS4wNjQgNy40SDIzLjI4OFYxM0gyMi4yNDhWOC4yNzJIMjEuMDY0VjcuNFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=';
+exports.searchMessageIcon = searchMessageIcon;

package/lib/assets/less/font.less

@@ -118,4 +118,34 @@
   src: url(../fonts/Roboto-Bold.ttf);
   font-weight: 700;
   font-style: normal;
+}
+
+
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url('../fonts/AvenirNext-Regular.ttf');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url('../fonts/AvenirNext-Medium.ttf');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url(../fonts/AvenirNext-DemiBold.ttf);
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'AvenirNext';
+  src: url(../fonts/AvenirNext-Bold.ttf);
+  font-weight: 700;
+  font-style: normal;
 }

package/lib/assets/less/global.less

@@ -3,6 +3,11 @@
 * {
   box-sizing: border-box;
 }
+
 body {
   margin: 0;
+}
+
+.no-scroll {
+  overflow: hidden;
 }

package/lib/common/ColorPickerInput/index.less

@@ -1,4 +1,6 @@
 .m-color-picker-input {
+  position: relative;
+
   .input-color {
     height: 60px;
     background: #FFFFFF;

package/lib/common/CountDown/index.js

@@ -9,10 +9,18 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _commonUtil = require("../../utils/commonUtil");
 
 require("./index.less");
 
+var _Iconfont = _interopRequireDefault(require("../Iconfont"));
+
+var _coreUtil = require("../../utils/coreUtil");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -138,13 +146,32 @@ function (_super) {
   };
 
   CountDown.prototype.render = function () {
+    var type = this.props.type;
     var _a = this.state,
         hour = _a.hour,
         min = _a.min,
         second = _a.second;
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "count-down-wrap"
-    }, /*#__PURE__*/_react["default"].createElement("span", null, hour), /*#__PURE__*/_react["default"].createElement("span", null, min), /*#__PURE__*/_react["default"].createElement("span", null, second));
+      className: (0, _classnames["default"])('count-down-wrap', {
+        pc: type === 'pc'
+      })
+    }, (0, _coreUtil.isPc)() && /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      className: "icon_time",
+      color: "#000",
+      fontWeight: 700,
+      size: 24,
+      type: "icon-time1"
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "num"
+    }, hour), (0, _coreUtil.isPc)() && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "pots"
+    }, ":"), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "num"
+    }, min), (0, _coreUtil.isPc)() && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "pots"
+    }, ":"), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "num"
+    }, second));
   };
 
   CountDown.defaultProps = {

package/lib/common/CountDown/index.less

@@ -1,11 +1,13 @@
 .count-down-wrap {
   display: flex;
   align-items: center;
+  justify-content: center;
+  font-family: 'Montserrat';
+  gap: 4px;
 
-  span {
+  .num {
     background: #CC1D20;
     border-radius: 4px;
-    font-family: 'Montserrat';
     font-style: normal;
     font-weight: 500;
     font-size: 12px;
@@ -14,10 +16,41 @@
     line-height: 17px;
     width: 24px;
     text-align: center;
-    margin-right: 4px;
+  }
+
+  .pots {
+    display: none;
+  }
+
+  &.pc {
+    background-color: #F9CA1C;
+    border-radius: 20px;
+    padding: 0 12px;
+    gap: 2px;
+
+    .icon_time {
+      margin-right: 2px;
+    }
+
+    .num {
+      background: none;
+      font-style: normal;
+      font-weight: 700;
+      font-size: 20px;
+      color: #000;
+      height: 36px;
+      line-height: 38px;
+    }
 
-    &:last-child {
-      margin-right: 0;
+    .pots {
+      display: inline-block;
+      font-style: normal;
+      font-weight: 700;
+      font-size: 20px;
+      color: #000;
+      height: 36px;
+      line-height: 35px;
+      margin-left: 3px;
     }
   }
 }

package/lib/common/ErrorBoundary/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var ErrorBoundary =
+/** @class */
+function (_super) {
+  __extends(ErrorBoundary, _super);
+
+  function ErrorBoundary(props) {
+    var _this = _super.call(this, props) || this;
+
+    _this.state = {
+      hasError: false
+    };
+    return _this;
+  }
+
+  ErrorBoundary.getDerivedStateFromError = function (error) {
+    // 更新 state 以触发备用 UI 渲染
+    return {
+      hasError: true
+    };
+  };
+
+  ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
+    // 可以在这里将错误信息发送给日志系统
+    console.error('Error caught by ErrorBoundary:', error, errorInfo);
+  };
+
+  ErrorBoundary.prototype.render = function () {
+    if (this.state.hasError) {
+      // 自定义错误 UI
+      if (window.magicDesign.mode === 'renderer') {
+        return null;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          textAlign: 'center',
+          padding: '10px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("h2", null, this.props.name, " Components updated"), /*#__PURE__*/_react["default"].createElement("p", null, "Please delete the component and add it again!"));
+    }
+
+    return this.props.children;
+  };
+
+  return ErrorBoundary;
+}(_react.Component);
+
+var _default = ErrorBoundary;
+exports["default"] = _default;

package/lib/common/FontStyles/index.less

@@ -1,7 +1,7 @@
 .m-font-styles {
+  position: relative;
   display: flex;
   align-items: center;
-  position: relative;
 
   .item {
     min-width: 40px;