{"product_id":"hub-mouse","title":"HubMouse Mouse with USB Hub","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\n\n    \u003cstyle\u003e\n        .product_detail_banner {\n            position: relative;\n            display: block;\n            text-align: center;\n            background-color: #ffffff;\n        }\n\n        \/* banner 1 text css *\/\n        @media screen and (max-width: 750px) {\n            div.banner1_text_pc {\n                display: none;\n            }\n        }\n\n        .banner1_text_pc {\n            position: absolute;\n            text-align: left;\n            top: 20%;\n            left: 70%;\n            transform: translate(-50%, -50%);\n        }\n\n        @media screen and (min-width: 750px) {\n            div.banner1_text_mob {\n                display: none;\n            }\n        }\n\n        .banner1_text_mob {\n            position: absolute;\n            text-align: left;\n            top: 0%;\n            left: 50%;\n            padding: 0px;\n            width: 200px;\n\n        }\n\n        \/* END banner 1 text css *\/\n\n\n        .page_specs_container {\n            display: flex;\n            overflow: hidden;\n            clear: both;\n        }\n\n        .specs_wrapper {\n            float: left;\n            padding: 10px 7%;\n            width: 50%;\n            background-color: #E7E9EB;\n        }\n\n        .page_specs_container2 {\n            display: flex;\n            overflow: hidden;\n            clear: both;\n        }\n\n        .specs_wrapper2 {\n            float: left;\n            padding: 10px 0;\n            width: 50%;\n            background-color: #f5f7f8;\n        }\n\n        @media only screen and (max-width:1150px) {\n            .page_specs_container {\n                display: block;\n            }\n\n            .specs_wrapper {\n                width: 100%;\n            }\n        }\n\n\n        \/* GM icon control font *\/\n        .gm_icon_blocks {\n            line-height: 1.5;\n            width: auto;\n            height: auto;\n            color: #000000;\n            font-size: 14px;\n            margin: auto;\n            text-align: center;\n        }\n\n        \/* spec_page control font *\/\n        .spec_page_blocks {\n            line-height: 1.5;\n            width: auto;\n            height: auto;\n            color: #000000;\n            font-size: 14px;\n            margin: auto;\n            text-align: left;\n        }\n\n        \/* GM icon control icon*\/\n        .material-icons {\n            text-align: center;\n            font-size: 60px;\n            color: #f3a330;\n        }\n\n\n        @media screen and (max-width: 750px) {\n            div.pc_banner {\n                display: none;\n            }\n        }\n\n\n        @media screen and (min-width:750px) {\n            div.mob_banner {\n                display: none;\n            }\n        }\n\n\n        .responsive {\n            width: 100%;\n            height: auto;\n        }\n\n\n        @media screen and (min-width: 750px) {\n            div.text_des_banner_white {\n                background-color: #ffffff;\n                padding-top: 40px;\n                text-align: center;\n                padding-left: 10rem;\n                padding-right: 10rem;\n\n            }\n        }\n\n\n        @media screen and (max-width: 750px) {\n            div.text_des_banner_white {\n                background-color: #ffffff;\n                padding-top: 40px;\n                text-align: center;\n                padding-left: 40px;\n                padding-right: 40px;\n            }\n        }\n\n        @media screen and (min-width: 750px) {\n            div.icons_title {\n                background-color: #f5f7f8;\n                padding: 20px;\n                text-align: center;\n\n            }\n        }\n\n\n        @media screen and (max-width: 750px) {\n            div.icons_title {\n                background-color: #f5f7f8;\n                padding: 15px;\n                text-align: center;\n            }\n        }\n\n        \/* fallback *\/\n        @font-face {\n            font-family: 'Material Icons_Page';\n            font-style: normal;\n            font-weight: 400;\n            src: url(https:\/\/fonts.gstatic.com\/s\/materialicons\/v128\/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');\n        }\n\n        .material-icons_Page {\n            font-family: 'Material Icons_Page';\n            font-weight: normal;\n            font-style: normal;\n            font-size: 24px;\n            line-height: 1;\n            letter-spacing: normal;\n            text-transform: none;\n            display: inline-block;\n            white-space: nowrap;\n            word-wrap: normal;\n            direction: ltr;\n            -webkit-font-feature-settings: 'liga';\n            -webkit-font-smoothing: antialiased;\n            text-align: center;\n            color: #f3a330;\n        }\n\n        .indexPage_sec001_flexBox {\n            box-sizing: border-box;\n        }\n\n        .indexPage_sec001_flex_container {\n            display: flex;\n            height: fit-content;\n            align-content: space-around;\n            flex-wrap: wrap;\n            flex-direction: row;\n            background-color: #ffffff;\n        }\n\n        .indexPage_sec001_flex_container\u003ediv {\n            flex: 50%;\n            font-size: 30px;\n            margin: auto;\n        }\n\n        .indexPage_sec001_text {\n            width: 70%;\n            margin-top: 0px;\n            height: 100%;\n            background-color: #ffffff;\n            color: #222222;\n            margin: auto;\n            text-align: center;\n        }\n\n        .indexPage_sec001_text_lg {\n            font-size: 30px;\n            margin-bottom: 30px;\n            color: #222222;\n        }\n\n        .indexPage_sec001_text_sm {\n            font-size: 17px;\n            margin-bottom: 30px;\n            color: #222222;\n        }\n\n        @media (max-width: 768px) {\n            .indexPage_sec001_flex_container {\n                flex: 100%;\n                flex-direction: column;\n            }\n\n            .indexPage_sec001_flex_reverse {\n                flex-direction: column-reverse;\n            }\n\n        }\n\n        .hubmouse-container {\n            width: 100%;\n            display: flex;\n            overflow: auto;\n            align-items: center;\n            flex-direction: column;\n            background-color: #ffffff;\n        }\n\n        .hubmouse-hubmousebanner {\n            width: 100%;\n            margin: 10px 0;\n            display: flex;\n            align-items: center;\n            flex-direction: row;\n            justify-content: space-between;\n            padding-top: 5rem;\n            padding-bottom: 5rem;\n        }\n\n        .hubmouse-image {\n            width: 100%;\n            display: block;\n            overflow: hidden;\n            flex-basis: 60%;\n        }\n\n        .hubmouse-container1 {\n            display: flex;\n            flex-basis: 40%;\n            padding-left: 3rem;\n            flex-direction: column;\n        }\n\n        .hubmouse-text1 {\n            margin-top: 32px;\n            margin-bottom: 32px;\n            padding-right: 48px;\n        }\n\n        @media(max-width: 991px) {\n            .hubmouse-container1 {\n                align-items: center;\n                margin-left: 0px;\n                margin-right: 0px;\n                margin-bottom: 32px;\n            }\n        }\n\n        @media(max-width: 767px) {\n            .hubmouse-hubmousebanner {\n                padding-left: 32px;\n                padding-right: 32px;\n            }\n\n            .hubmouse-image {\n                width: 100%;\n            }\n        }\n\n        @media(max-width: 479px) {\n            .hubmouse-hubmousebanner {\n                padding-top: 32px;\n                padding-left: 16px;\n                padding-right: 16px;\n                flex-direction: column;\n                padding-bottom: 32px;\n            }\n\n            .hubmouse-image {\n                order: 2;\n            }\n\n            .hubmouse-container1 {\n                padding-left: 1rem;\n                margin-bottom: 16px;\n                padding-right: 1rem;\n            }\n\n            .hubmouse-text {\n                text-align: center;\n            }\n\n            .hubmouse-text1 {\n                text-align: center;\n                padding-left: 16px;\n                padding-right: 16px;\n            }\n        }\n\n        \/* Common styles for all devices *\/\n        .pic_text {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            background-color: #ffffff;\n        }\n\n        .pic_text_style {\n            width: 33%;\n            padding: 10px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .pic_text_style img {\n            width: 100%;\n        }\n\n        .pic_and_text_title {\n            padding-top: 10px;\n            text-align: center;\n        }\n\n        \/* Styles for desktop devices *\/\n        @media (min-width: 1024px) {\n            .pic_text_style {\n                width: 33%;\n            }\n        }\n\n        \/* Styles for tablets *\/\n        @media (min-width: 768px) and (max-width: 1023px) {\n            .pic_text_style {\n                width: 33%;\n            }\n        }\n\n        \/* Styles for mobile devices *\/\n        @media (max-width: 767px) {\n            .pic_text_style {\n                width: 100%;\n                flex-direction: column-reverse;\n            }\n        }\n       \/* Styles for slide *\/ \n       .slidefw {\n  padding: 0;\n  margin: 0;\n  border: 0;\n  box-sizing: border-box;\n}\n\n.slidecfw {\n  width: 100%;\n  height: auto;\n  min-height: 52vh;\n  display: flex;\n  flex-flow: column nowrap;\n  background:;\n}\n\n.slide-container {\n  position: relative;\n  width: 35vw;\n  height: 35vw;\n  margin: 14vmin auto;\n  border-radius: 50%;\n  box-shadow: 0 10px 20px rgba(0, 0, 0, .5);\n  background: url() no-repeat center\/cover;\n  transition: all .3s;\n}\n\n.slide-container .slide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 8vw;\n  height: 8vw;\n  margin-top: -4vw;\n  margin-left: -4vw;\n  background: url() no-repeat center\/cover;\n  border-radius: 50%;\n  box-shadow: 0 5px 10px rgba(0, 0, 0, .3);\n  cursor: pointer;\n  transform: scale(1);\n  opacity: .9;\n  transition: all .3s;\n}\n\n.slide[data-slide-no=\"1\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09554.jpg?v=1693381528);\n}\n\n.slide[data-slide-no=\"2\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09587.jpg?v=1693381527);\n}\n\n.slide[data-slide-no=\"3\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09575.jpg?v=1693381528);\n}\n\n.slide[data-slide-no=\"4\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09547.jpg?v=1693381528);\n}\n\n.slide[data-slide-no=\"5\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09585.jpg?v=1693381527);\n}\n\n.slide[data-slide-no=\"6\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09614.jpg?v=1693381528);\n}\n\n.slide[data-slide-no=\"7\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09601.jpg?v=1693381527);\n}\n\n.slide[data-slide-no=\"8\"] {\n  background-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/DSC09621.jpg?v=1693381527);\n}\n\n}\n\n.slide.active,\n.slide:hover {\n  transform: scale(1.3);\n  opacity: 1;\n  z-index: 100;\n}\n\n.button-wrap {\n  margin-top: auto;\n  display: flex;\n  flex-flow: row nowrap;\n}\n\n.button-wrap .btn {\n  display: block;\n  flex: 1 1 auto;\n  line-height: 1vw;\n  text-align: center;\n  background: #333;\n  color: #fff;\n  cursor: pointer;\n  text-transform: uppercase;\n  font-weight: bold;\n  transition: all .3s;\n}\n\n.button-wrap .btn:hover {\n  background: #000;\n}\n\n.button-wrap .btn-prev {\n  border-right: 1px solid #999;\n}\n\n@media all and (max-width: 1024px) {\n  .slide-container {\n    width: 55vw;\n    height: 55vw;\n  }\n  \n  .slide-container .slide {\n    width: 13vw;\n    height: 13vw;\n    margin-top: -6.5vw;\n    margin-left: -6.5vw;\n  }\n}\n\n@media all and (max-width: 720px) {\n  .slide-container {\n    width: 65vw;\n    height: 65vw;\n  }\n  \n  .slide-container .slide {\n    width: 15vw;\n    height: 15vw;\n    margin-top: -7.5vw;\n    margin-left: -7.5vw;\n  }\n}\n    \u003c\/style\u003e\n\n\n\n    \u003cdiv\u003e\n        \u003cvideo style=\"width: 100%;\" id=\"product-video\" preload=\"none\" loop webkit-playsinline=\"\" playsinline=\"\" autoplay muted=\"\" controls\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/79834144b73f475390f132dd3e93ffde.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n    \u003c!--START 1st banner--\u003e\n    \u003cdiv class=\"product_detail_banner\"\u003e\n        \u003c!--1st banner img for PC--\u003e\n        \u003cdiv class=\"pc_banner\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC.jpg?v=1688976918\" alt=\"2 in 1 Hub Mouse\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n\n        \u003c!--1st banner img for MOB--\u003e\n        \u003cdiv class=\"mob_banner\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-MB.jpg?v=1688979613\" alt=\"2 in 1 Hub Mouse\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003c!--END 1st banner--\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"icons_title\"\u003e\n        \u003ch4\u003eADDITIONAL FEATURES\u003c\/h4\u003e\n    \u003c\/div\u003e\n\n    \u003c!--START 2nd banner_a--\u003e\n    \u003cdiv class=\"page_specs_container2\"\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_Page\"\u003emouse\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003e2-in-1\u003cbr\u003e Compact Design\u003c\/p\u003e\n                \u003cbr\u003e\u003cbr\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_Page\"\u003edevice_hub\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003e3-in-1\u003cbr\u003e Hub Port\u003c\/p\u003e\n                \u003cbr\u003e\u003cbr\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n                \u003cbr\u003e\n                \u003cspan class=\"material-icons_Page\"\u003ebluetooth\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003eDual Mode \u0026amp;\u003cbr\u003e Three-Channel\u003c\/p\u003e\n                \u003cbr\u003e\u003cbr\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!--END 2nd banner--\u003e\n    \u003c\/div\u003e\n\n    \u003c!--START 2nd banner_b--\u003e\n    \u003cdiv class=\"page_specs_container2\"\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n\n                \u003cspan class=\"material-icons_Page\"\u003ebattery_charging_full\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003e300mAh\u003cbr\u003e Rechargeable Battery\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n                \u003cspan class=\"material-icons_Page\"\u003ebusiness_center\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003eUltra-light\u003cbr\u003e Portable\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"specs_wrapper2\"\u003e\n            \u003cdiv class=\"gm_icon_blocks\"\u003e\n                \u003cspan class=\"material-icons_Page\"\u003edevices\u003c\/span\u003e\u003cbr\u003e\n                \u003cp\u003eWide \u003cbr\u003eCompatibility\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!--END 2nd banner--\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hubmouse-container\"\u003e\n        \u003cdiv class=\"hubmouse-hubmousebanner\"\u003e\n            \u003cimg alt=\"2 in 1 Hub Mouse\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-2.gif?v=1688977348\" class=\"hubmouse-image\"\u003e\n            \u003cdiv class=\"hubmouse-container1\"\u003e\n                \u003ch4 class=\"hubmouse-text\"\u003e2-in-1 Compact Design\u003c\/h4\u003e\n                \u003cspan class=\"hubmouse-text1\"\u003e\n                    The first-of-its-kind high-performing modular HubMouse carries an\n                    expansion HUB in its built-in slot.Work from anywhere with our ultra-portable wireless mouse，No more hunting for desk space,Boost your productivity.\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hubmouse-container\"\u003e\n        \u003cdiv class=\"hubmouse-hubmousebanner\"\u003e\n            \u003cdiv class=\"hubmouse-container1\"\u003e\n                \u003ch4 class=\"hubmouse-text\"\u003e3-in-1 HUB\u003c\/h4\u003e\n                \u003cspan class=\"hubmouse-text1\"\u003e\n                    Featuring USB-A 3.0 and PD quick charge USB-C, and one 4K HDMI port, making it extremely easy to connect your devices.Turn any workspace into a productivity powerhouse. \n                \u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cimg alt=\"2 in 1 Hub Mouse\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-3.jpg?v=1688977485\" class=\"hubmouse-image\"\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!--START 3rd banner--\u003e\n    \u003cdiv class=\"product_detail_banner\"\u003e\n        \u003c!--3rd banner text--\u003e\n        \u003cdiv class=\"text_des_banner_white\"\u003e\n            \u003ch4\u003eMore Than Just A Mouse\u003c\/h4\u003e\n\n            \u003cdiv class=\"slidefw\"\u003e\n    \u003cdiv class=\"slidecfw\"\u003e\n    \u003cdiv class=\"slide-container\"\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"2\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"3\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"4\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"5\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"6\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"7\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"slide\" data-slide-no=\"8\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"button-wrap\"\u003e\n  \u003cbutton type=\"button\" class=\"btn btn-prev\"\u003eprev\u003c\/button\u003e\n  \u003cbutton type=\"button\" class=\"btn btn-next\"\u003enext\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript type=\"text\/javascript\"\u003e\n    const container = document.querySelector('.slide-container');\nconst slides = document.querySelectorAll('.slide');\nconst btns = document.querySelectorAll('.btn');\nconst btnPrev = document.querySelector('.btn-prev');\nconst btnNext = document.querySelector('.btn-next');\n\nconst n = slides.length;\nconst angle = 360 \/ n;\n\nlet setId = 0;\nlet deg = [];\nlet x = 0;\nlet y = 0;\n\nconst touchDevice = () =\u003e ('ontouchstart' in document.documentElement);\nconst setTransition = (time) =\u003e {\n  let i = 0;\n  for (; i \u003c n; i++) slides[i].style.transition = `all ${time}s`;\n}\nconst positionSlides = () =\u003e {\n  const r = container.offsetWidth \/ 2;\n  let i = 0;\n  \n  setTransition('0');\n  \n  for (; i \u003c n; i++) {\n    deg[i] = i * angle;\n    x = Math.cos(deg[i] * (Math.PI \/ 180)) * r + r;\n    y = Math.sin(deg[i] * (Math.PI \/ 180)) * r + r;\n    \n    slides[i].style.top = `${~~y}px`;\n    slides[i].style.left = `${~~x}px`;\n  }\n  \n  setTimeout(() =\u003e {\n    setTransition('.3');\n  }, 10);\n}\nconst prevSlide = () =\u003e {\n  let i = 0;\n  for (; i \u003c n; i++) deg[i] -= angle;\n  animateSlide();\n}\nconst nextSlide = () =\u003e {\n  let i = 0;\n  for (; i \u003c n; i++) deg[i] += angle;\n  animateSlide();\n}\nconst animateSlide = () =\u003e {\n  const r = container.offsetWidth \/ 2;\n  let i = 0;\n  \n  for (; i \u003c n; i++) {\n    x = Math.cos(deg[i] * (Math.PI \/ 180)) * r + r;\n    y = Math.sin(deg[i] * (Math.PI \/ 180)) * r + r;\n    \n    slides[i].style.top = `${~~y}px`;\n    slides[i].style.left = `${~~x}px`;\n    \n    y === 0 ? slides[i].classList.add('active') : slides[i].classList.remove('active');\n  }\n  \n  const activeSlide = document.querySelector('.slide.active');\n  const slideBgImg = getComputedStyle(activeSlide).backgroundImage;\n  \n  container.style.backgroundImage = slideBgImg;\n}\nconst autoPlay = () =\u003e setId = setInterval(nextSlide, 3000);\nconst changeSlideImg = (e) =\u003e {\n  let i = 0;\n  for (; i \u003c n; i++) slides[i].classList.remove('active');\n  e.currentTarget.classList.add('active');\n\n  const activeSlide = document.querySelector('.slide.active');\n  const slideBgImg = getComputedStyle(activeSlide).backgroundImage;\n\n  container.style.backgroundImage = slideBgImg;\n}\n\npositionSlides();\nnextSlide();\nautoPlay();\n\nbtnPrev.addEventListener('click', prevSlide);\nbtnNext.addEventListener('click', nextSlide);\nbtns.forEach(btn =\u003e {\n  btn.addEventListener('mouseenter', () =\u003e clearInterval(setId));\n  btn.addEventListener('mouseleave', () =\u003e {\n    clearInterval(setId);\n    autoPlay();\n  });\n})\nslides.forEach(slide =\u003e {\n  if (touchDevice()) {\n    slide.addEventListener('click', (e) =\u003e {\n      changeSlideImg(e);\n      clearInterval(setId);\n      autoPlay();\n    });\n  }\n  else {\n    slide.addEventListener('mouseenter', (e) =\u003e {\n      changeSlideImg(e);\n      clearInterval(setId);\n    });\n    slide.addEventListener('mouseleave', () =\u003e {\n      clearInterval(setId);\n      autoPlay();\n    });\n  }\n})\nwindow.addEventListener('resize', () =\u003e {\n  clearInterval(setId);\n  positionSlides();\n  autoPlay();\n})\n\u003c\/script\u003e\n\n\u003cbr\u003e\u003cbr\u003e\n            \u003cp\u003eProtoArc HubMouse is not just a hub but also a high-performing mouse. The HUB itself is a Plug and Play 2.4G wireless receiver, and the mouse has two additional Bluetooth channels that allow multi-device connection at once.Seamlessly switch between your MacBook, iPad, iPhone, and other devices.\u003c\/p\u003e\n            \u003cp\u003eFree up precious ports on your MacBook or iPad with this all-in-one expansion solution. Ditch the bulky docking stations and simplify your mobile workstation with the streamlined HubMouse.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n\n        \u003c!--3rd banner img for PC--\u003e\n        \u003cdiv class=\"pc_banner\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-11.jpg?v=1688984778\" alt=\"2 in 1 Hub Mouse\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003cbr\u003e\n        \u003cbr\u003e\n\n        \u003c!--3rd banner img for MOB--\u003e\n        \u003cdiv class=\"mob_banner\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-MB-2.jpg?v=1688984540\" alt=\"2 in 1 Hub Mouse\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n        \u003c!--END 3rd banner--\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pic_text\"\u003e\n        \u003cdiv class=\"pic_text_style\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-4.jpg?v=1688977485\" alt=\"2 in 1 Hub Mouse\" loading=\"lazy\"\u003e\n            \u003cspan class=\"pic_and_text_title\"\u003e\n                \u003ch4 style=\"font-size: 18px;\"\u003eUSB-C Charging\u003c\/h4\u003e\n                \u003cp\u003eThe 60W PD USB-C interface on the hub allows you to charge your devices\u003c\/p\u003e\n            \u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pic_text_style\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-5.jpg?v=1688977485\" alt=\"2 in 1 Hub Mouse\" loading=\"lazy\"\u003e\n            \u003cspan class=\"pic_and_text_title\"\u003e\n                \u003ch4 style=\"font-size: 18px;\"\u003eUSB-A Transfer Data\u003c\/h4\u003e\n                \u003cp\u003eUSB-A 3.0 provides a quick and efficient way to transfer data between devices.\u003c\/p\u003e\n            \u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pic_text_style\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-6.jpg?v=1688977485\" alt=\"2 in 1 Hub Mouse\" loading=\"lazy\"\u003e\n            \u003cspan class=\"pic_and_text_title\"\u003e\n                \u003ch4 style=\"font-size: 18px;\"\u003e4K HDMI\u003c\/h4\u003e\n                \u003cp\u003eShare your content on a larger screen with the 4K HDMI port.\u003c\/p\u003e\n            \u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hubmouse-container\"\u003e\n        \u003cdiv class=\"hubmouse-hubmousebanner\"\u003e\n            \u003cimg alt=\"2 in 1 Hub Mouse\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-7.jpg?v=1688977485\" class=\"hubmouse-image\"\u003e\n            \u003cdiv class=\"hubmouse-container1\"\u003e\n                \u003ch4 class=\"hubmouse-text\"\u003eDual Mode Connection\u003c\/h4\u003e\n                \u003cspan class=\"hubmouse-text1\"\u003e\n                    The multi-channel design allows you to set up your customized workstation any way you like.\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hubmouse-container\"\u003e\n        \u003cdiv class=\"hubmouse-hubmousebanner\"\u003e\n            \u003cdiv class=\"hubmouse-container1\"\u003e\n                \u003ch4 class=\"hubmouse-text\"\u003eUSB-C Charging\u003c\/h4\u003e\n                \u003cspan class=\"hubmouse-text1\"\u003e\n                    The 300mAh capacity of the built-in battery provides a reliable power source for the mouse, allowing extended periods of usage without interruptions.\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cimg alt=\"2 in 1 Hub Mouse\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-8.jpg?v=1688977485\" class=\"hubmouse-image\"\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hubmouse-container\"\u003e\n        \u003cdiv class=\"hubmouse-hubmousebanner\"\u003e\n            \u003cimg alt=\"2 in 1 Hub Mouse\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/2-IN-1-HubMouse-PC-9.jpg?v=1688977485\" class=\"hubmouse-image\"\u003e\n            \u003cdiv class=\"hubmouse-container1\"\u003e\n                \u003ch4 class=\"hubmouse-text\"\u003eUltralight and Portable\u003c\/h4\u003e\n                \u003cspan class=\"hubmouse-text1\"\u003e\n                    The HubMouse is ultra-light and designed to be portable, a versatile device for various scenarios.Condenses your entire mobile workstation into one incredibly portable device.\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"ProtoArc","offers":[{"title":"White","offer_id":40450124120153,"sku":"CP013077","price":52.0,"currency_code":"GBP","in_stock":true},{"title":"Dark Gray","offer_id":40450124087385,"sku":"CP013076","price":52.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/protoarc_mouse_1600x2000_uniform_bg.png?v=1776396939","url":"https:\/\/www.protoarc.com\/en-gb\/products\/hub-mouse","provider":"ProtoArc","version":"1.0","type":"link"}