{"data":{"page":{"vanityUrl":"pdp/hp-685-comfort-dual-mode-mouse","templateKey":"pdp","nextQuery":{"hash":"footerLinks","timeout":1000},"pageComponents":{"pdpTechSpecs":{"highlights":[],"technical_specifications":[{"name":"Wireless Range","tooltip":"","value":[{"value":["Up to 32.81 ft in open area<a class='footerLink' href='#disclaimerTabs'>[3]</a>"]}]},{"name":"Sensor Technology","tooltip":"","value":[{"value":["Multi surface tracking<a class='footerLink' href='#disclaimerTabs'>[2]</a>"]}]},{"name":"Sensor Nominal Value","tooltip":"","value":[{"value":["1200 dpi"]}]},{"name":"Sensor resolution","tooltip":"","value":[{"value":["Up to 4000 dpi"]}]},{"name":"Buttons","tooltip":"","value":[{"value":["7 buttons (6 programmable)"]}]},{"name":"Advanced Scroll Wheel","tooltip":"","value":[{"value":["Tilt wheel<br/> Fast scrolling"]}]},{"name":"Battery","tooltip":"","value":[{"value":["1 x AA"]}]},{"name":"Battery life","tooltip":"","value":[{"value":["Up to 20 months<a class='footerLink' href='#disclaimerTabs'>[4]</a>"]}]},{"name":"Indicator Light","tooltip":"","value":[{"value":["Battery<br/> Connectivity<br/> Channel LED"]}]},{"name":"Color","tooltip":"","value":[{"value":["Black"]}]},{"name":"Sustainable Impact Specifications","tooltip":"","value":[{"value":["At least 65% post-consumer recycled plastic<br/> FSC Certified Packaging"]}]},{"name":"Compatible operating systems","tooltip":"","value":[{"value":["Windows 11<br/> Windows 10<br/> macOS<br/> ChromeOS"]}]},{"name":"Minimum system requirements","tooltip":"","value":[{"value":["USB Type-A port<br/> Bluetooth®"]}]},{"name":"What's in the box","tooltip":"","value":[{"value":["Wireless mouse<br/> USB dongle<br/> 1 x AA battery<br/> Quick start guide<br/> Warranty card"]}]},{"name":"Dimensions (W X D X H)","tooltip":"","value":[{"value":["4.72 x 2.72 x 1.66 in"]}]},{"name":"Weight","tooltip":"","value":[{"value":["0.19 lb"]}]},{"name":"Warranty","tooltip":"","value":[{"value":["HP standard one-year limited warranty"]}]}],"datasheets":[{"datasheet_url":"http://www8.hp.com/h20195/v2/GetDocument.aspx?docname=c08967329","label":"HP 685 Comfort Dual-Mode Mouse","gtmId":"HP 685 Comfort Dual-Mode Mouse","gtmValue":"aspx"}],"translations":{"technical_details":"Specs","see_complete_specs":"See complete specs","see_less_specs":"See less specs","technicalDetails":"Technical Specs"}},"exclusiveFeatures":{"richContent":null,"features":[{"title":"HP Unifying Dongle","description":"Easily connect and pair with up to eight devices via a USB-A nano-dongle."},{"title":"Up to 20 Months of Battery Life","description":"Up to 20 months of battery life from 1 AA battery.<a class='footerLink' href='#disclaimerTabs'>[5]</a>"},{"title":"Swift Pair for Quick Connections","description":"Sync up with a single click. When the pop-up asks if you’d like to pair, simply click \"Yes\" for a seamless Bluetooth® connection."},{"title":"Fast Scroll Mode","description":"Easily adjust the scroll speed to your preference. Effortlessly zip through webpages or lines of code using the fast scroll wheel."},{"title":"4-Way Scroll","description":"Work more efficiently in projects like a spreadsheet by scrolling up and down as well as side-to-side."}]},"pdpAccessories":{"products":{}},"pdpRichContent":{"featuresContent":[{"value":[{"html":"<style>\r\n    .HP_480_comfort_BT_Mouse_full p,\r\n.HP_480_comfort_BT_Mouse_full h2,\r\n.HP_480_comfort_BT_Mouse_full h3,\r\n.HP_480_comfort_BT_Mouse_full h4,\r\n.HP_480_comfort_BT_Mouse_full h5 {\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    font-size: 100%;\r\n    font: inherit;\r\n    vertical-align: baseline;\r\n    font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.HP_480_comfort_BT_Mouse_full {\r\n    max-width: 1600px;\r\n    font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;\r\n    margin: 0 auto;\r\n    background-color: #f2f2f2;\r\n    padding-bottom: 15px;\r\n}\r\n\r\n.HP_480_comfort_BT_Mouse_full sup,\r\n.HP_480_comfort_BT_Mouse_full sup small {\r\n    position: relative;\r\n    font-size: 64%;\r\n    top: 2px;\r\n    vertical-align: text-top;\r\n}\r\n\r\n.HP_480_comfort_BT_Mouse_full hr {\r\n    background-color: #000;\r\n}\r\n\r\n\r\n.hp_480_comfort_mouse_Header {\r\n    background-color: #0096d6;\r\n}\r\n\r\n.hp_comfort_mouse_light_bg {\r\n    background-color: #a3d9f1;\r\n}\r\n\r\n.hp_confortmouse_top_header {\r\n    padding: 24px 60px;\r\n}\r\n\r\n.hp_confortmouse_top_header h3 {\r\n    font-size: clamp(1.25rem, 0.9327rem + 1.6923vw, 2.625rem);\r\n}\r\n\r\n.HP_comfort_mouse_blankBG {\r\n    height: 30px;\r\n}\r\n\r\n/* mouse around you */\r\n\r\n.mouse_build_around_you {\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/HP_mouse.png);\r\n    background-repeat: no-repeat;\r\n    background-position: 758px 132px;\r\n    background-size: 66%;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 238px;\r\n    padding: 132px 60px 60px 60px;\r\n}\r\n\r\n.mouse_build_around_you h2,\r\n.hp_comfort_mouse_title h2 {\r\n    font-size: 84px;\r\n    line-height: 78px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.confort_mouse_multiOS {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n}\r\n\r\n.confort_mouse_multiOS figure {\r\n    margin: 0;\r\n    margin-left: 15px;\r\n}\r\n\r\n.HP_480_comfort_BT_Mouse_full p {\r\n    font-size: 34px;\r\n    text-wrap: pretty;\r\n}\r\n\r\n/* mouse around you end */\r\n\r\n\r\n\r\n.zen_in_your_palm {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: end;\r\n    justify-content: end;\r\n}\r\n\r\n.zen_in_your_palm2 p {\r\n    text-wrap: balance !important;\r\n}\r\n\r\n.zen_in_your_palm_image {\r\n    width: 44%;\r\n    position: relative;\r\n    text-align: right;\r\n}\r\n\r\n.mouse_zen_content {\r\n    width: 50%;\r\n}\r\n\r\n.zen_in_your_palm_image img {\r\n    max-width: 85% !important;\r\n}\r\n\r\n.soft_side_grips {\r\n    top: -5px;\r\n    position: absolute;\r\n    display: inline-block;\r\n    right: auto;\r\n    left: 34%;\r\n\r\n}\r\n\r\n.hp_comfort_mb-0 {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n.quietClicks {\r\n    position: absolute;\r\n    display: inline-block;\r\n    top: 14.66666%;\r\n    left: 10%;\r\n    bottom: auto;\r\n    right: auto;\r\n\r\n}\r\n\r\n.mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n    padding: 20px 20px 20px 20px;\r\n    min-height: 200px;\r\n    display: flex;\r\n    align-items: end;\r\n}\r\n\r\n.mouse_zen_content .zen_paragraph.hp_comfort_mouse_light_bg {\r\n    padding: 30px 30px 60px 30px;\r\n}\r\n\r\n.zen_in_your_palm2 {\r\n    align-items: start;\r\n}\r\n\r\n.zen_in_your_palm2 img {\r\n    max-width: 95%;\r\n}\r\n\r\n\r\n\r\n/*slider one*/\r\n\r\n.HP_Comfort_mouse_one {\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n}\r\n\r\n.HP_Comfort_mouse_one input {\r\n    display: none;\r\n}\r\n\r\n.HP_Comfort_mouse_one .innerone {\r\n    width: 500%;\r\n\r\n}\r\n\r\n.HP_Comfort_mouse_one article {\r\n    width: 20%;\r\n    float: left;\r\n    position: relative;\r\n}\r\n\r\n.HP_Comfort_mouse_one article img {\r\n    width: 100%;\r\n}\r\n\r\n/*---- SET UP CONTROL ----*/\r\n.HP_Comfort_mouse_one .slider-prev-next-controlone {\r\n    height: 22px;\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 100%;\r\n    -webkit-transform: translateY(-50%);\r\n    -moz-transform: translateY(-50%);\r\n    -ms-transform: translateY(-50%);\r\n    -o-transform: translateY(-50%);\r\n    transform: translateY(-50%);\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-prev-next-controlone label {\r\n    display: none;\r\n    width: 26px;\r\n    height: 26px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    opacity: 0.6;\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-prev-next-controlone label:hover {\r\n    opacity: 1;\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-dot-controlone {\r\n    position: relative;\r\n    width: 100%;\r\n    bottom: -6px;\r\n    text-align: center;\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-dot-controlone label {\r\n    cursor: pointer;\r\n    border-radius: 5px;\r\n    display: inline-block;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #bbb;\r\n    -webkit-transition: all 0.3s;\r\n    -moz-transition: all 0.3s;\r\n    transition: all 0.3s;\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-dot-controlone label:hover {\r\n    background: #ccc;\r\n    border-color: #777;\r\n}\r\n\r\n/* Slider Styling */\r\n.HP_Comfort_mouse_one .slider-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-radius: 5px;\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-transition: all 500ms ease-out;\r\n    -moz-transition: all 500ms ease-out;\r\n    transition: all 500ms ease-out;\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-wrapper .innerone {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n}\r\n\r\n/*---- SET POSITION FOR SLIDE ----*/\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2)::after,\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2)::after {\r\n    font-family: FontAwesome;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    text-decoration: inherit;\r\n    margin: 0;\r\n    line-height: 38px;\r\n    font-size: 3em;\r\n    display: block;\r\n    color: #777;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2)::after {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/right-arrow.png);\r\n    background-size: 53%;\r\n    background-repeat: no-repeat;\r\n    background-position: 7px 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1),\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5),\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4),\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3),\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2) {\r\n    display: block;\r\n    float: right;\r\n    margin-right: 5px;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5),\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4),\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3),\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2),\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1) {\r\n    display: block;\r\n    float: left;\r\n    margin-left: 5px;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2)::after,\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1)::after {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/left-arrow.png);\r\n    background-size: 53%;\r\n    background-repeat: no-repeat;\r\n    background-position: 4px 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-dot-controlone label:nth-child(5),\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-dot-controlone label:nth-child(4),\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-dot-controlone label:nth-child(3),\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-dot-controlone label:nth-child(2),\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-dot-controlone label:nth-child(1) {\r\n    background: #ffcc00;\r\n    border: 1px solid #000\r\n}\r\n\r\n\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-wrapper article:nth-child(5) .info,\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-wrapper article:nth-child(4) .info,\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-wrapper article:nth-child(3) .info,\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-wrapper article:nth-child(2) .info,\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-wrapper article:nth-child(1) .info {\r\n    opacity: 1;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-wrapper .innerone {\r\n    margin-left: 0%;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-wrapper .innerone {\r\n    margin-left: -100%;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-wrapper .innerone {\r\n    margin-left: -200%;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-wrapper .innerone {\r\n    margin-left: -300%;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-wrapper .innerone {\r\n    margin-left: -400%;\r\n}\r\n\r\n/*---- TABLET ----*/\r\n@media only screen and (max-width: 850px) and (min-width: 450px) {\r\n    .HP_Comfort_mouse_one .slider-wrapper {\r\n        border-radius: 0;\r\n    }\r\n}\r\n\r\n/*---- MOBILE----*/\r\n@media only screen and (max-width: 450px) {\r\n    .HP_Comfort_mouse_one .slider-wrapper {\r\n        border-radius: 0;\r\n    }\r\n\r\n    .HP_Comfort_mouse_one .slider-wrapper .info {\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n/* slider two */\r\n\r\n/*slider two*/\r\n\r\n.HP_Comfort_mouse_two {\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n}\r\n\r\n.HP_Comfort_mouse_two input {\r\n    display: none;\r\n}\r\n\r\n.HP_Comfort_mouse_two .innertwo {\r\n    width: 500%;\r\n\r\n}\r\n\r\n.HP_Comfort_mouse_two article {\r\n    width: 20%;\r\n    float: left;\r\n    position: relative;\r\n}\r\n\r\n.HP_Comfort_mouse_two article img {\r\n    width: 100%;\r\n}\r\n\r\n/*---- SET UP CONTROL ----*/\r\n.HP_Comfort_mouse_two .slider-prev-next-controltwo {\r\n    height: 22px;\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 100%;\r\n    -webkit-transform: translateY(-50%);\r\n    -moz-transform: translateY(-50%);\r\n    -ms-transform: translateY(-50%);\r\n    -o-transform: translateY(-50%);\r\n    transform: translateY(-50%);\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-prev-next-controltwo label {\r\n    display: none;\r\n    width: 26px;\r\n    height: 26px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    opacity: 0.6;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-prev-next-controltwo label:hover {\r\n    opacity: 1;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-dot-controltwo {\r\n    position: relative;\r\n    width: 100%;\r\n    bottom: -6px;\r\n    text-align: center;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-dot-controltwo label {\r\n    cursor: pointer;\r\n    border-radius: 5px;\r\n    display: inline-block;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #bbb;\r\n    -webkit-transition: all 0.3s;\r\n    -moz-transition: all 0.3s;\r\n    transition: all 0.3s;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-dot-controltwo label:hover {\r\n    background: #ccc;\r\n    border-color: #777;\r\n}\r\n\r\n/* Slider Styling */\r\n.HP_Comfort_mouse_two .slider-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-radius: 5px;\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-transition: all 500ms ease-out;\r\n    -moz-transition: all 500ms ease-out;\r\n    transition: all 500ms ease-out;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-wrapper .innertwo {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n}\r\n\r\n/*---- SET POSITION FOR SLIDE ----*/\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2)::after {\r\n    font-family: FontAwesome;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    text-decoration: inherit;\r\n    margin: 0;\r\n    line-height: 38px;\r\n    font-size: 3em;\r\n    display: block;\r\n    color: #777;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2)::after {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/right-arrow.png);\r\n    background-size: 53%;\r\n    background-repeat: no-repeat;\r\n    background-position: 7px 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1),\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5),\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4),\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3),\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2) {\r\n    display: block;\r\n    float: right;\r\n    margin-right: 5px;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5),\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4),\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3),\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2),\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1) {\r\n    display: block;\r\n    float: left;\r\n    margin-left: 5px;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1)::after {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/left-arrow.png);\r\n    background-size: 53%;\r\n    background-repeat: no-repeat;\r\n    background-position: 4px 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-dot-controltwo label:nth-child(5),\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-dot-controltwo label:nth-child(4),\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-dot-controltwo label:nth-child(3),\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-dot-controltwo label:nth-child(2),\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-dot-controltwo label:nth-child(1) {\r\n    background: #ffcc00;\r\n    border: 1px solid #000\r\n}\r\n\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-wrapper article:nth-child(5) .info,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-wrapper article:nth-child(4) .info,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-wrapper article:nth-child(3) .info,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-wrapper article:nth-child(2) .info,\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-wrapper article:nth-child(1) .info {\r\n    opacity: 1;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-wrapper .innertwo {\r\n    margin-left: 0%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-wrapper .innertwo {\r\n    margin-left: -100%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-wrapper .innertwo {\r\n    margin-left: -200%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-wrapper .innertwo {\r\n    margin-left: -300%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-wrapper .innertwo {\r\n    margin-left: -400%;\r\n}\r\n\r\n/*---- TABLET ----*/\r\n@media only screen and (max-width: 850px) and (min-width: 450px) {\r\n    .HP_Comfort_mouse_two .slider-wrapper {\r\n        border-radius: 0;\r\n    }\r\n}\r\n\r\n/*---- MOBILE----*/\r\n@media only screen and (max-width: 450px) {\r\n    .HP_Comfort_mouse_two .slider-wrapper {\r\n        border-radius: 0;\r\n    }\r\n\r\n    .HP_Comfort_mouse_two .slider-wrapper .info {\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n/* slider two end */\r\n\r\n\r\n\r\n\r\n\r\n.seamlessConnection_block {\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.seamless_connection_img,\r\n.seamless_connection_details {\r\n    width: 50%;\r\n}\r\n\r\n.seamless_connection_img img {\r\n    max-width: 100%;\r\n    position: relative;\r\n    top: -20%;\r\n}\r\n\r\n.seamless_connection_img {\r\n    text-align: right;\r\n}\r\n\r\n.hp_mouse_title_padding {\r\n    padding: 60px 60px 0 60px\r\n}\r\n\r\n.seamless_connection_details {\r\n    padding: 38px 0 0 60px;\r\n}\r\n\r\n\r\n.responsibly_made_content {\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.responsilbly_mouse_img img {\r\n    max-width: 100%;\r\n}\r\n\r\n.responsilbly_mouse_img,\r\n.res_mouse_details {\r\n    width: 50%;\r\n}\r\n\r\n.res_mouse_details ul li {\r\n    display: flex;\r\n    list-style-type: none;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.res_mouse_details ul {\r\n    padding-left: 0;\r\n    margin-top: 50px\r\n}\r\n\r\n.res_mouse_details ul li figure {\r\n    margin: 0;\r\n}\r\n\r\n\r\n.hp_mouse_measurements_top {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    padding: 15px 60px;\r\n    align-items: center;\r\n}\r\n\r\n.mouse_measurements_slider {\r\n    margin-top: 30px;\r\n}\r\n\r\n.hp_mouse_icons {\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 22px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.hp_mouse_icons figure {\r\n    margin: 0;\r\n}\r\n\r\n\r\n\r\n.Hp_comfort_mouse_slider_image {\r\n    width: 40%;\r\n    margin: auto;\r\n}\r\n\r\n.Hp_comfort_mouse_slider_image_width {\r\n    width: 100%;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/line_bg1.png);\r\n    background-repeat: no-repeat;\r\n    background-size: 86%;\r\n    height: 100px;\r\n    background-position: right;\r\n}\r\n\r\n.Hp_comfort_mouse_slider_image_height {\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/line_bg2.png);\r\n    background-repeat: no-repeat;\r\n    background-size: contain;\r\n    position: relative;\r\n    width: 100px;\r\n}\r\n\r\n.hp_slider_image_container {\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 60px\r\n}\r\n\r\n.Hp_comfort_mouse_slider_mouse img {\r\n    max-width: 100%;\r\n}\r\n\r\n.Hp_comfort_mouse_slider_image_width p {\r\n    display: inline-block;\r\n    text-align: center;\r\n    background-color: #f2f2f2;\r\n    padding: 0 16px;\r\n    position: absolute;\r\n    top: 20%;\r\n    right: 26%;\r\n    transform: translate(-26%, -20%);\r\n}\r\n\r\n.Hp_comfort_mouse_slider_image_width {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    position: relative;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.responsilbly_mouse_img {\r\n    position: relative;\r\n    top: -43px;\r\n}\r\n\r\n.Hp_comfort_mouse_slider_image_height p {\r\n    text-wrap: nowrap;\r\n    position: absolute;\r\n    background: #f2f2f2;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    text-align: center;\r\n    padding: 16px 0;\r\n}\r\n\r\n.hp_mouse_slider1 {\r\n    margin-bottom: 60px;\r\n}\r\n\r\n.hp_mouse_foot_notes {\r\n    padding: 28px 60px 20px 60px;\r\n    position: relative;\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n\r\n}\r\n\r\n.hp_mouse_foot_notes ol {\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.hp_mouse_foot_notes ol li {\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n.hp_mouse_foot_notes p {\r\n    font-size: 15px !important;\r\n}\r\n\r\n\r\n@media only screen and (max-width: 1444px) {\r\n    .soft_side_grips {\r\n        left: 30%\r\n    }\r\n\r\n    .quietClicks {\r\n        left: 7%\r\n    }\r\n}\r\n\r\n@media only screen and (min-width: 1360px) {\r\n    .hp_mouse_foot_notes ol li {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 1360px) {\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        font-size: clamp(1.875rem, 1.1827rem + 3.4vw, 4.875rem);\r\n        line-height: 58px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n\r\n    .HP_480_comfort_BT_Mouse_full p {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .mouse_build_around_you {\r\n        background-position: 626px 138px;\r\n        background-size: 68%;\r\n        gap: 178px;\r\n    }\r\n\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        padding: 20px;\r\n    }\r\n\r\n    .soft_side_grips {\r\n        left: 32%;\r\n    }\r\n\r\n    .quietClicks {\r\n        left: 9%;\r\n    }\r\n\r\n\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        min-height: 180px;\r\n    }\r\n\r\n}\r\n\r\n@media only screen and (max-width: 1200px) {\r\n    .Hp_comfort_mouse_slider_image {\r\n        width: 56%;\r\n    }\r\n\r\n    .mouse_build_around_you {\r\n        background-position: 546px 170px;\r\n        background-size: 66%;\r\n        gap: 145px;\r\n    }\r\n\r\n    .res_mouse_details ul {\r\n        margin-top: 35px;\r\n    }\r\n\r\n    .res_mouse_details ul li {\r\n        margin-bottom: 12px;\r\n        gap: 12px;\r\n    }\r\n\r\n    .res_mouse_details ul li img {\r\n        max-width: 35px !important;\r\n    }\r\n\r\n    .HP_480_comfort_BT_Mouse_full p {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .hp_comfort_icons img {\r\n        max-width: 42px !important;\r\n    }\r\n\r\n    .mouse_build_around_you h2 {\r\n        line-height: 48px;\r\n    }\r\n\r\n    .quietClicks {\r\n        left: 10%;\r\n    }\r\n\r\n    .soft_side_grips {\r\n        left: 34%;\r\n    }\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        padding: 20px;\r\n    }\r\n\r\n    .mouse_zen_content .zen_paragraph.hp_comfort_mouse_light_bg {\r\n        padding: 30px 30px 48px 30px;\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        line-height: 58px;\r\n    }\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        min-height: 170px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width p {\r\n        top: 36%;\r\n        right: 28%;\r\n        transform: translate(-30%, -26%);\r\n    }\r\n\r\n    .hp_mouse_icons img {\r\n        width: 60px;\r\n    }\r\n\r\n    .hp_mouse_icons figure:nth-child(2) img {\r\n        width: 37px !important;\r\n    }\r\n\r\n\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n    .zen_in_your_palm_image {\r\n        width: 50%\r\n    }\r\n\r\n    .hp_confortmouse_top_header {\r\n        padding: 24px 24px;\r\n    }\r\n\r\n    .soft_side_grips {\r\n        left: 30%;\r\n    }\r\n\r\n    .quietClicks {\r\n        left: 7%;\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        line-height: 55px;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 990px) {\r\n    .mouse_build_around_you {\r\n        background-position: 519px 108px;\r\n        background-size: 70%;\r\n        gap: 114px;\r\n        padding: 60px 60px 60px 60px;\r\n    }\r\n\r\n    .HP_480_comfort_BT_Mouse_full p {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        padding: 20px 20px 20px 20px;\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        line-height: 48px;\r\n    }\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        min-height: 142px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image {\r\n        width: 75%;\r\n        margin: auto;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_height {\r\n        width: 50px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width p {\r\n        right: 31%;\r\n    }\r\n\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        min-height: 130px;\r\n    }\r\n\r\n    .zen_in_your_palm {\r\n        margin-top: 20px\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        line-height: 44px;\r\n    }\r\n}\r\n\r\n\r\n\r\n@media only screen and (min-width: 769px) {\r\n    .responsilbly_mouse_img img {\r\n        max-width: 85%;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n    .mouse_build_around_you {\r\n        background-position: 359px 108px;\r\n        gap: 86px;\r\n    }\r\n\r\n    .mouse_build_around_you h2 {\r\n        line-height: 37px;\r\n    }\r\n\r\n    .HP_480_comfort_BT_Mouse_full p {\r\n        font-size: 20px !important;\r\n    }\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        padding: 20px 20px 20px 20px;\r\n        min-height: 110px;\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        font-size: 38px;\r\n        line-height: 37px;\r\n\r\n    }\r\n\r\n    .mouse_zen_content .zen_paragraph.hp_comfort_mouse_light_bg {\r\n        padding: 20px 20px 20px 20px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image {\r\n        width: 78%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width {\r\n        height: 56px;\r\n    }\r\n\r\n    .hp_slider_image_container {\r\n        gap: 26px;\r\n    }\r\n\r\n    .hp_mouse_icons img {\r\n        width: 48px !important;\r\n    }\r\n\r\n    .hp_mouse_icons figure:nth-child(2) img {\r\n        width: 27px !important;\r\n    }\r\n\r\n}\r\n\r\n@media only screen and (max-width: 767px) {\r\n    .mouse_build_around_you {\r\n        padding: 15px;\r\n        background-position: 319px 70px;\r\n    }\r\n\r\n    .HP_480_comfort_BT_Mouse_full p {\r\n        font-size: 16px !important;\r\n     \r\n    }\r\n    .responsibly_made .hp_comfort_mouse_title{margin-bottom: 10px;}\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        padding: 15PX;\r\n    }\r\n\r\n    .hp_mouse_title_padding,\r\n    .mouse_zen_content .zen_paragraph.hp_comfort_mouse_light_bg {\r\n        padding: 15PX\r\n    }\r\n\r\n    .seamless_connection_details {\r\n        padding: 15px;\r\n    }\r\n\r\n    .hp_mouse_title_padding h2 {\r\n        margin-bottom: 0;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n    .seamlessConnection_block {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .seamless_connection_img,\r\n    .seamless_connection_details {\r\n        width: 100%;\r\n    }\r\n\r\n    .hp_mouse_title_padding h2 {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .seamless_connection_img img {\r\n        max-width: 95% !important;\r\n        position: relative;\r\n        top: 22px;\r\n    }\r\n\r\n    .seamless_connection_details {\r\n        padding: 0;\r\n    }\r\n\r\n    .seamless_connection_details P {\r\n        PADDING: 0 15PX;\r\n    }\r\n\r\n    .mouse_build_around_you {\r\n        background-position: 267px 70px;\r\n        gap: 52px\r\n    }\r\n\r\n    .hp_comfort_icons img {\r\n        max-width: 30px !important;\r\n    }\r\n\r\n    .mouse_build_around_you h2 {\r\n        line-height: 34px;\r\n        font-size: 46px;\r\n    }\r\n\r\n    .zen_in_your_palm_image {\r\n        width: 100%;\r\n        order: 2;\r\n    }\r\n\r\n    .mouse_zen_content {\r\n        width: 100%;\r\n        order: 1;\r\n    }\r\n\r\n    .zen_in_your_palm {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .zen_in_your_palm2 img {\r\n        max-width: 80%;\r\n    }\r\n\r\n    .zen_palm_mt_25 {\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .soft_side_grips {\r\n        left: auto;\r\n        right: 36%;\r\n        top: 1%;\r\n    }\r\n\r\n    .quietClicks {\r\n        top: 17.3333%;\r\n        right: 65%;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .zen_in_your_palm_image img {\r\n        width: 100% !important;\r\n    }\r\n\r\n    .hp_mouse_destopview {\r\n        display: none;\r\n    }\r\n\r\n    .hp_mouse_mobile_view {\r\n        display: block !important;\r\n    }\r\n\r\n    .mouse_build_around_you {\r\n        background: none;\r\n        gap: 30px;\r\n    }\r\n\r\n    .hp_mouse_image img {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n\r\n        line-height: 30px;\r\n        text-wrap: pretty;\r\n        font-size: 32px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        min-height: auto;\r\n    }\r\n\r\n\r\n    .hp_comfort_icons {\r\n        display: flex;\r\n        justify-content: space-around;\r\n    }\r\n\r\n    .confort_mouse_multiOS {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .confort_mouse_multiOS figure {\r\n        margin-left: 0;\r\n        order: 1;\r\n        height: 32px;\r\n    }\r\n\r\n    .confort_mouse_multiOS p {\r\n        order: 2\r\n    }\r\n\r\n    .seamlessConnection {\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .responsibly_made_content {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .responsilbly_mouse_img,\r\n    .res_mouse_details {\r\n        width: 100%;\r\n    }\r\n\r\n    .responsilbly_mouse_img {\r\n        order: 2;\r\n    }\r\n\r\n    .res_mouse_details {\r\n        order: 1\r\n    }\r\n\r\n    .responsibly_made {\r\n        padding: 60px 0px 15px 0;\r\n    }\r\n\r\n    .res_mouse_details ul {\r\n        padding-right: 15px;\r\n    }\r\n\r\n    .hp_mouse_foot_notes ol {\r\n        margin-top: 0;\r\n    }\r\n\r\n    .hp_mouse_mb-0 {\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    .mouse_zen_content .zen_paragraph.hp_comfort_mouse_light_bg {\r\n        padding: 15PX 15px 5px 15px;\r\n    }\r\n\r\n    .res_mouse_details ul {\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .res_mouse_details .hp_comfort_mouse_title h2,\r\n    .res_mouse_details p,\r\n    .res_mouse_details ul {\r\n        padding-left: 15px;\r\n    }\r\n\r\n    .res_mouse_details ul p {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image {\r\n        width: 84%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width p {\r\n        right: 27%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width {\r\n        background-size: 85%;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .responsilbly_mouse_img {\r\n        top: 0\r\n    }\r\n\r\n    .hp_mouse_measurements_top {\r\n        padding: 15px;\r\n    }\r\n\r\n    .hp_mouse_icons img {\r\n        width: 36px !important;\r\n    }\r\n\r\n    .hp_mouse_icons figure:nth-child(2) img {\r\n        width: 19px !important;\r\n    }\r\n\r\n    .hp_mouse_icons {\r\n        gap: 12px\r\n    }\r\n\r\n    .hp_mouse_slider1 {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .hp_mouse_foot_notes {\r\n        padding: 14px 22px 12px 24px;\r\n    }\r\n\r\n    .hp_mouse_foot_notes p {\r\n        font-size: 12px !important;\r\n    }\r\n\r\n    .HPMouse_full_image {\r\n        width: 100%;\r\n        text-align: center;\r\n        padding: 30px 0 20px;\r\n    }\r\n\r\n    .hp_mouse_foot_notes ol li {\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n\r\n@media only screen and (max-width: 425px) {\r\n\r\n    .mouse_build_around_you h2 {\r\n        line-height: 31px;\r\n        font-size: 38px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .quietClicks {\r\n        top: 15%;\r\n        right: 66%;\r\n    }\r\n\r\n    .soft_side_grips {\r\n        left: auto;\r\n        right: 37%;\r\n        top: -1%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width p {\r\n        right: 20%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width {\r\n        height: 50px;\r\n    }\r\n\r\n    .hp_slider_image_container {\r\n        gap: 30px\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image {\r\n        width: 76%;\r\n\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 375px) {\r\n    .hp_confortmouse_top_header {\r\n        padding: 20px 14px;\r\n\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        line-height: 36px;\r\n        text-wrap: pretty;\r\n        font-size: 38px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width p {\r\n        right: auto;\r\n        padding: 0 6px;\r\n        left: 51%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_height p {\r\n        padding: 6px 0;\r\n    }\r\n\r\n\r\n}\r\n\r\n@media only screen and (max-width: 320px) {\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        font-size: 30px;\r\n        line-height: 28px;\r\n    }\r\n\r\n    .HP_480_comfort_BT_Mouse_full p {\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    .hp_mouse_foot_notes {\r\n        height: auto;\r\n    }\r\n\r\n    .hp_mouse_foot_notes p {\r\n        margin-top: 12px;\r\n    }\r\n}\r\n</style>\r\n\r\n <section class=\"HP_480_comfort_BT_Mouse_full\">\r\n        <div class=\"hp_480_comfort_mouse_Header hp_confortmouse_top_header\">\r\n            <h3>HP Comfort Bluetooth Mouse</h3>\r\n        </div>\r\n        <div class=\"HP_comfort_mouse_blankBG hp_comfort_mouse_light_bg\"></div>\r\n\r\n        <div class=\"HPMouse_full_image hp_mouse_mobile_view\" style=\"display: none;\">\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nHpcomfortMouse.png\">\r\n        </div>\r\n\r\n        <section class=\"mouse_build_around_you\">\r\n            <div class=\"hp_comfort_mouse_title\">\r\n            <h2>\r\n                A mouse built</br>around you \r\n            </h2>\r\n            <p class=\"hp_mouse_destopview\">The HP 480 Comfort Bluetooth Mouse</br>was built for you, featuring programmable<sup><small>1</small></sup></br>buttons, \r\n            a 4D tilt, fast scroll wheel,</br>and connection for up to 3 devices.</p>\r\n            <p class=\"hp_mouse_mobile_view\" style=\"display: none;\">The HP 480 Comfort Bluetooth Mouse was built for you, featuring programmable<sup><small>1</small></sup> buttons, \r\n                a 4D tilt, fast scroll wheel, and connection for up to 3 devices.</p>\r\n\r\n        </div>\r\n<div class=\"hp_mouse_image hp_mouse_mobile_view\" style=\"display: none;\">\r\n    <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nHP_mouse.png\" alt=\"\">\r\n</div>\r\n        <div class=\"hp_comfort_icons\">\r\n            <div class=\"confort_mouse_multiOS\">\r\n                <p>Multi-OS3</p>\r\n                <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nsystem_responsive_icon.png\" alt=\"\"></figure>\r\n            </div>\r\n\r\n            <div class=\"confort_mouse_multiOS\">\r\n                <p>Built for comfort</p>\r\n                <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nmouse_handi_icon.png\" alt=\"\"></figure>\r\n            </div>\r\n        </div>\r\n    </section>\r\n\r\n\r\n\r\n<!--zen_in_your_palm_slider-->\r\n\r\n  <section class=\"HP_Comfort_mouse_one zen_in_your_palm_slider\">\r\n        <input checked type=\"radio\" name=\"sliderone\" id=\"slideone1\" />\r\n        <input type=\"radio\" name=\"sliderone\" id=\"slideone2\" />\r\n        <input type=\"radio\" name=\"sliderone\" id=\"slideone3\" />\r\n        <input type=\"radio\" name=\"sliderone\" id=\"slideone4\" />\r\n        <input type=\"radio\" name=\"sliderone\" id=\"slideone5\" />\r\n      \r\n        <div class=\"slider-wrapper\">\r\n          <div class=innerone>\r\n             <article>\r\n                <div class=\"zen_in_your_palm\">\r\n                    <div class=\"zen_in_your_palm_image zen_palm_mt_25\">\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nzen_palm.png\" alt=\"\">\r\n            <p class=\"soft_side_grips\">Soft side grips</p>\r\n            <p class=\"quietClicks\">Quiet Clicks</p>\r\n                    </div>\r\n            \r\n                    <div class=\"mouse_zen_content\">\r\n            <div class=\"hp_480_comfort_mouse_Header hp_comfort_mouse_title \">\r\n                <h2 class=\"hp_comfort_mb-0\">Zen in the palm</br>of your hand </h2>\r\n              \r\n            </div>\r\n            <div class=\"zen_paragraph hp_comfort_mouse_light_bg\">\r\n            <p>This Bluetooth&reg; mouse is designed for your natural comfort and productivity. Its contoured shape features soft side grips and quiet clicks.</p>\r\n            </div>    \r\n            </div>\r\n            </div><!---zen in your palm-->\r\n             </article>\r\n\r\n             <article>\r\n                \r\n    <div class=\"zen_in_your_palm zen_in_your_palm2\">\r\n        <div class=\"zen_in_your_palm_image\">\r\n<img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\npersonalized_mouse.png\" alt=\"\">\r\n        </div>\r\n\r\n        <div class=\"mouse_zen_content\">\r\n<div class=\"hp_480_comfort_mouse_Header hp_comfort_mouse_title \">\r\n    <h2 class=\"hp_comfort_mb-0 hp_mouse_destopview\">Performance</br>never felt so</br>personalized </h2>\r\n    <h2 class=\"hp_comfort_mb-0 hp_mouse_mobile_view\" style=\"display: none;\">Performance never felt so personalized </h2>\r\n  \r\n</div>\r\n<div class=\"zen_paragraph hp_comfort_mouse_light_bg\">\r\n<p>Get comfortable and stay productive with six programmable buttons<sup><small>1</small></sup> and multi-surface traction<sup><small>2</small></sup>.</p>\r\n</div>    \r\n</div>\r\n</div><!---zen in your palm-->\r\n             </article>\r\n           \r\n          </div>\r\n          <!-- .inner -->\r\n        </div>\r\n        <!-- .slider-wrapper -->\r\n      \r\n        <div class=\"slider-prev-next-controlone\">\r\n          <label for=\"slideone1\"></label>\r\n          <label for=\"slideone2\"></label>\r\n          \r\n        </div>\r\n        <!-- .slider-prev-next-controlone -->\r\n        <div class=\"slider-dot-controlone\">\r\n            <label for=\"slideone1\"></label>\r\n            <label for=\"slideone2\"></label>\r\n           \r\n          \r\n          </div>\r\n          <!-- .slider-dot-control -->\r\n       \r\n    </section>\r\n    <!--zen_in_your_palm_slider-->\r\n\r\n\r\n\r\n\r\n    <!---seamless connection-->\r\n\r\n<section class=\"seamlessConnection\">\r\n\r\n    <div class=\"hp_comfort_mouse_title hp_mouse_title_padding\">\r\n        <h2 class=\"hp_mouse_mb-0\">\r\n            Seamless,</br>untethered connection\r\n        </h2>\r\n        \r\n        </div>\r\n        <hr/>\r\n<div class=\"seamlessConnection_block\">\r\n        <div class=\"seamless_connection_details\">\r\n        <p>Engineered for Intel&reg;Evo<sup><small>TM</small></sup>, this mouse seamlessly connects via Bluetooth&reg; 5.3.  Get up and running with almost \r\n            any operating system<sup><small>3</small></sup> in no time.</p>\r\n    </div>\r\n    <div class=\"seamless_connection_img\">\r\n        <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nhp_seamless_connection.png\" alt=\"\">\r\n    </div>\r\n    </div>\r\n\r\n\r\n</section>\r\n <!---seamless connection-->\r\n\r\n\r\n <section class=\"responsibly_made\">\r\n    \r\n   \r\n\r\n <div class=\"responsibly_made_content\">\r\n\r\n    <div class=\"responsilbly_mouse_img\">\r\n        <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nhp_mouse_coreset_front.png\">\r\n    </div>\r\n<div class=\"res_mouse_details\">\r\n    <div class=\"hp_comfort_mouse_title\">\r\n        <h2>\r\n           \r\n Responsibly Made\r\n        </h2>\r\n        <hr/>\r\n </div>\r\n\r\n <p>HP is committed to reducing</br>plastic in landfills.</p>\r\n\r\n <ul>\r\n    <li>\r\n        <figure>\r\n<img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nHP_mouse_packing.png\">\r\n        </figure>\r\n        <p>FSC certified packaging</p>\r\n    </li>\r\n\r\n    <li>\r\n        <figure>\r\n<img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nenvironmental_globe.png\">\r\n        </figure>\r\n        <p>Contains at least 65% post-consumer recycled materials<sup><small>4</small></sup>. </p>\r\n    </li>\r\n\r\n </ul>\r\n\r\n</div>\r\n\r\n\r\n </div>\r\n\r\n </section>\r\n  <!---Responsibly_made-->\r\n\r\n\r\n\r\n \r\n  <section class=\"mouse_measurements_slider \">\r\n    <hr>\r\n  \r\n  \r\n    <div class=\"hp_mouse_slider1\">\r\n      <div class=\"hp_mouse_measurements_top\">\r\n      \r\n        <p class=\"HP_mouse_weight\">Weight: 0.194 lb (88 g)</p>\r\n        <div class=\"hp_mouse_icons\">\r\n            <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nsystem_responsive_icon.png\"></figure>\r\n            <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nmouse_icon.png\"></figure>\r\n        </div>\r\n      </div>\r\n    \r\n    <div class=\"Hp_comfort_mouse_slider_image\">\r\n        <div class=\"Hp_comfort_mouse_slider_image_width\"><p>4.72 in</br>(120 mm)</p>  </div>\r\n        <div class=\"hp_slider_image_container\">\r\n        <div class=\"Hp_comfort_mouse_slider_image_height\"><p>2.72 in</br>(69.1 mm)</p></div>\r\n        <div class=\"Hp_comfort_mouse_slider_mouse\"><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M3AA/\r\nHP_comfort_mouse.png\"></div>\r\n    </div>\r\n    \r\n        \r\n    </div>\r\n    </div>\r\n  \r\n  \r\n    <hr>\r\n  \r\n    <div class=\"hp_mouse_foot_notes\">\r\n    \r\n  \r\n      <ol>\r\n          <li>Requires HP Accessory Center (HPAC) Software. HPAC available for free download in Microsoft Store.</li>\r\n          <li>Glass surface may affect functionality. </li>\r\n          <li>Supports Windows 10, Windows 11, macOS, ChromeOS. </li>\r\n          <li>Recycled plastic is expressed as a percentage of the total weight plastic. Post-consumer recycled is based on the definition\r\n           set in the EPEAT standard for computers, IEEE 1680.1-2018 standard.</li>\r\n      \r\n      </ol>\r\n        </div>\r\n      \r\n  \r\n  \r\n    </section>\r\n  \r\n\r\n\r\n  \r\n    </section><!---HP_480_comfort_BT_Mouse_full-->\r\n   \r\n<style>\r\n    .HP_480_comfort_BT_Mouse_full p,\r\n.HP_480_comfort_BT_Mouse_full h2,\r\n.HP_480_comfort_BT_Mouse_full h3,\r\n.HP_480_comfort_BT_Mouse_full h4,\r\n.HP_480_comfort_BT_Mouse_full h5 {\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    font-size: 100%;\r\n    font: inherit;\r\n    vertical-align: baseline;\r\n    font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;\r\n}\r\n.image-block img{width:100%;object-fit: cover;}\r\n.HP_480_comfort_BT_Mouse_full {\r\n    max-width: 1600px;\r\n    font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;\r\n    margin: 0 auto;\r\n    background-color: #f2f2f2;\r\n    padding-bottom: 15px;\r\n}\r\n\r\n.HP_480_comfort_BT_Mouse_full sup,\r\n.HP_480_comfort_BT_Mouse_full sup small {\r\n    position: relative;\r\n    font-size: 64%;\r\n    top: 2px;\r\n    vertical-align: text-top;\r\n}\r\n\r\n.HP_480_comfort_BT_Mouse_full hr {\r\n    background-color: #000;\r\n}\r\n\r\n.hp_480_comfort_mouse_Header {\r\n    background-color: #0096d6;\r\n}\r\n\r\n.hp_comfort_mouse_light_bg {\r\n    background-color: #a3d9f1;\r\n}\r\n\r\n.hp_confortmouse_top_header {\r\n    padding: 24px 60px;\r\n}\r\n\r\n.hp_confortmouse_top_header h3 {\r\n    font-size: clamp(1.25rem, 0.9327rem + 1.6923vw, 2.625rem);\r\n}\r\n\r\n.HP_comfort_mouse_blankBG {\r\n    height: 30px;\r\n}\r\n\r\n/* mouse around you */\r\n\r\n.mouse_build_around_you {\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/HP_mouse.png);\r\n    background-repeat: no-repeat;\r\n    background-position: 758px 132px;\r\n    background-size: 66%;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 238px;\r\n    padding: 132px 60px 60px 60px;\r\n}\r\n\r\n.mouse_build_around_you h2,\r\n.hp_comfort_mouse_title h2 {\r\n    font-size: clamp(1.875rem, 1.1827rem + 3.4vw, 4.875rem);\r\n        line-height:1;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.confort_mouse_multiOS {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n}\r\n\r\n.confort_mouse_multiOS figure {\r\n    margin: 0;\r\n    margin-left: 15px;\r\n}\r\n\r\n.HP_480_comfort_BT_Mouse_full p {\r\n    font-size: 34px;\r\n    text-wrap: pretty;\r\n}\r\n\r\n/* mouse around you end */\r\n\r\n\r\n\r\n.zen_in_your_palm {\r\n    display: flex;\r\n    flex-direction: row;\r\n    /* align-items: end;\r\n    justify-content: end; */\r\n}\r\n\r\n.zen_in_your_palm2 p {\r\n    text-wrap: balance !important;\r\n}\r\n\r\n.zen_in_your_palm_image {\r\n    width:50%;\r\n    position: relative;\r\n    text-align: right;\r\n}\r\n\r\n.mouse_zen_content {\r\n    width: 50%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n/* .zen_in_your_palm_image img {\r\n    max-width: 85%;\r\n} */\r\n\r\n.soft_side_grips {\r\n    top: -5px;\r\n    position: absolute;\r\n    display: inline-block;\r\n    right: auto;\r\n    left: 34%;\r\n\r\n}\r\n\r\n.hp_comfort_mb-0 {\r\n    margin-bottom: 0 !important;\r\n}\r\n\r\n.quietClicks {\r\n    position: absolute;\r\n    display: inline-block;\r\n    top: 14.66666%;\r\n    left: 10%;\r\n    bottom: auto;\r\n    right: auto;\r\n\r\n}\r\n\r\n.mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n    padding: 20px 20px 20px 20px;\r\n    display: flex;\r\n    align-items: end;\r\n}\r\n\r\n.mouse_zen_content .zen_paragraph.hp_comfort_mouse_light_bg {\r\n    padding: 30px 30px 60px 30px;\r\n    height: 100%;\r\n}\r\n\r\n/* .zen_in_your_palm2 {\r\n    align-items: start;\r\n} */\r\n\r\n/* .zen_in_your_palm2 img {\r\n    max-width: 95%;\r\n} */\r\n.zen_in_your_palm .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n    min-height: 200px;\r\n}\r\n.zen_in_your_palm2 .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n    min-height: 280px;\r\n}\r\n.zen_in_your_palm_image .image-block{max-width: 812px;display: flex\r\n    ;height: 100%;}\r\n\r\n/*slider one*/\r\n\r\n.HP_Comfort_mouse_one {\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n}\r\n\r\n.HP_Comfort_mouse_one input {\r\n    display: none;\r\n}\r\n\r\n.HP_Comfort_mouse_one .innerone {\r\n    width: 500%;\r\n\r\n}\r\n\r\n.HP_Comfort_mouse_one article {\r\n    width: 20%;\r\n    float: left;\r\n    position: relative;\r\n}\r\n\r\n.HP_Comfort_mouse_one article img {\r\n    width: 100%;\r\n    display: flex;\r\n}\r\n\r\n/*---- SET UP CONTROL ----*/\r\n.HP_Comfort_mouse_one .slider-prev-next-controlone {\r\n    height: 22px;\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 100%;\r\n    -webkit-transform: translateY(-50%);\r\n    -moz-transform: translateY(-50%);\r\n    -ms-transform: translateY(-50%);\r\n    -o-transform: translateY(-50%);\r\n    transform: translateY(-50%);\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-prev-next-controlone label {\r\n    display: none;\r\n    width: 26px;\r\n    height: 26px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    opacity: 0.6;\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-prev-next-controlone label:hover {\r\n    opacity: 1;\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-dot-controlone {\r\n    position: relative;\r\n    width: 100%;\r\n    bottom: -6px;\r\n    text-align: center;\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-dot-controlone label {\r\n    cursor: pointer;\r\n    border-radius: 5px;\r\n    display: inline-block;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #bbb;\r\n    -webkit-transition: all 0.3s;\r\n    -moz-transition: all 0.3s;\r\n    transition: all 0.3s;\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-dot-controlone label:hover {\r\n    background: #ccc;\r\n    border-color: #777;\r\n}\r\n\r\n/* Slider Styling */\r\n.HP_Comfort_mouse_one .slider-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-radius: 5px;\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-transition: all 500ms ease-out;\r\n    -moz-transition: all 500ms ease-out;\r\n    transition: all 500ms ease-out;\r\n}\r\n\r\n.HP_Comfort_mouse_one .slider-wrapper .innerone {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n}\r\n\r\n/*---- SET POSITION FOR SLIDE ----*/\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2)::after,\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2)::after {\r\n    font-family: FontAwesome;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    text-decoration: inherit;\r\n    margin: 0;\r\n    line-height: 38px;\r\n    font-size: 3em;\r\n    display: block;\r\n    color: #777;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1)::after,\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2)::after {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/right-arrow.png);\r\n    background-size: 53%;\r\n    background-repeat: no-repeat;\r\n    background-position: 7px 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(1),\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(5),\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(4),\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(3),\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(2) {\r\n    display: block;\r\n    float: right;\r\n    margin-right: 5px;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5),\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4),\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3),\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2),\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1) {\r\n    display: block;\r\n    float: left;\r\n    margin-left: 5px;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-prev-next-controlone label:nth-child(5)::after,\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-prev-next-controlone label:nth-child(4)::after,\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-prev-next-controlone label:nth-child(3)::after,\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-prev-next-controlone label:nth-child(2)::after,\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-prev-next-controlone label:nth-child(1)::after {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/left-arrow.png);\r\n    background-size: 53%;\r\n    background-repeat: no-repeat;\r\n    background-position: 4px 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-dot-controlone label:nth-child(5),\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-dot-controlone label:nth-child(4),\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-dot-controlone label:nth-child(3),\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-dot-controlone label:nth-child(2),\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-dot-controlone label:nth-child(1) {\r\n    background: #ffcc00;\r\n    border: 1px solid #000\r\n}\r\n\r\n\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-wrapper article:nth-child(5) .info,\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-wrapper article:nth-child(4) .info,\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-wrapper article:nth-child(3) .info,\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-wrapper article:nth-child(2) .info,\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-wrapper article:nth-child(1) .info {\r\n    opacity: 1;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone1:checked~.slider-wrapper .innerone {\r\n    margin-left: 0%;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone2:checked~.slider-wrapper .innerone {\r\n    margin-left: -100%;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone3:checked~.slider-wrapper .innerone {\r\n    margin-left: -200%;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone4:checked~.slider-wrapper .innerone {\r\n    margin-left: -300%;\r\n}\r\n\r\n.HP_Comfort_mouse_one #slideone5:checked~.slider-wrapper .innerone {\r\n    margin-left: -400%;\r\n}\r\n\r\n/*---- TABLET ----*/\r\n@media only screen and (max-width: 850px) and (min-width: 450px) {\r\n    .HP_Comfort_mouse_one .slider-wrapper {\r\n        border-radius: 0;\r\n    }\r\n}\r\n\r\n/*---- MOBILE----*/\r\n@media only screen and (max-width: 450px) {\r\n    .HP_Comfort_mouse_one .slider-wrapper {\r\n        border-radius: 0;\r\n    }\r\n\r\n    .HP_Comfort_mouse_one .slider-wrapper .info {\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n/* slider two */\r\n\r\n/*slider two*/\r\n\r\n.HP_Comfort_mouse_two {\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n}\r\n\r\n.HP_Comfort_mouse_two input {\r\n    display: none;\r\n}\r\n\r\n.HP_Comfort_mouse_two .innertwo {\r\n    width: 500%;\r\n\r\n}\r\n\r\n.HP_Comfort_mouse_two article {\r\n    width: 20%;\r\n    float: left;\r\n    position: relative;\r\n}\r\n\r\n.HP_Comfort_mouse_two article img {\r\n    width: 100%;\r\n}\r\n\r\n/*---- SET UP CONTROL ----*/\r\n.HP_Comfort_mouse_two .slider-prev-next-controltwo {\r\n    height: 22px;\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 100%;\r\n    -webkit-transform: translateY(-50%);\r\n    -moz-transform: translateY(-50%);\r\n    -ms-transform: translateY(-50%);\r\n    -o-transform: translateY(-50%);\r\n    transform: translateY(-50%);\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-prev-next-controltwo label {\r\n    display: none;\r\n    width: 26px;\r\n    height: 26px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    opacity: 0.6;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-prev-next-controltwo label:hover {\r\n    opacity: 1;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-dot-controltwo {\r\n    position: relative;\r\n    width: 100%;\r\n    bottom: -6px;\r\n    text-align: center;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-dot-controltwo label {\r\n    cursor: pointer;\r\n    border-radius: 5px;\r\n    display: inline-block;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #bbb;\r\n    -webkit-transition: all 0.3s;\r\n    -moz-transition: all 0.3s;\r\n    transition: all 0.3s;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-dot-controltwo label:hover {\r\n    background: #ccc;\r\n    border-color: #777;\r\n}\r\n\r\n/* Slider Styling */\r\n.HP_Comfort_mouse_two .slider-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-radius: 5px;\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-transition: all 500ms ease-out;\r\n    -moz-transition: all 500ms ease-out;\r\n    transition: all 500ms ease-out;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-wrapper .innertwo {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n}\r\n\r\n/*---- SET POSITION FOR SLIDE ----*/\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2)::after {\r\n    font-family: FontAwesome;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    text-decoration: inherit;\r\n    margin: 0;\r\n    line-height: 38px;\r\n    font-size: 3em;\r\n    display: block;\r\n    color: #777;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2)::after {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/right-arrow.png);\r\n    background-size: 53%;\r\n    background-repeat: no-repeat;\r\n    background-position: 7px 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1),\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5),\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4),\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3),\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2) {\r\n    display: block;\r\n    float: right;\r\n    margin-right: 5px;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5),\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4),\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3),\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2),\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1) {\r\n    display: block;\r\n    float: left;\r\n    margin-left: 5px;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1)::after {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/left-arrow.png);\r\n    background-size: 53%;\r\n    background-repeat: no-repeat;\r\n    background-position: 4px 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-dot-controltwo label:nth-child(5),\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-dot-controltwo label:nth-child(4),\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-dot-controltwo label:nth-child(3),\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-dot-controltwo label:nth-child(2),\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-dot-controltwo label:nth-child(1) {\r\n    background: #ffcc00;\r\n    border: 1px solid #000\r\n}\r\n\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-wrapper article:nth-child(5) .info,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-wrapper article:nth-child(4) .info,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-wrapper article:nth-child(3) .info,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-wrapper article:nth-child(2) .info,\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-wrapper article:nth-child(1) .info {\r\n    opacity: 1;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-wrapper .innertwo {\r\n    margin-left: 0%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-wrapper .innertwo {\r\n    margin-left: -100%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-wrapper .innertwo {\r\n    margin-left: -200%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-wrapper .innertwo {\r\n    margin-left: -300%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-wrapper .innertwo {\r\n    margin-left: -400%;\r\n}\r\n\r\n/*---- TABLET ----*/\r\n@media only screen and (max-width: 850px) and (min-width: 450px) {\r\n    .HP_Comfort_mouse_two .slider-wrapper {\r\n        border-radius: 0;\r\n    }\r\n}\r\n\r\n/*---- MOBILE----*/\r\n@media only screen and (max-width: 450px) {\r\n    .HP_Comfort_mouse_two .slider-wrapper {\r\n        border-radius: 0;\r\n    }\r\n\r\n    .HP_Comfort_mouse_two .slider-wrapper .info {\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n/* slider two end */\r\n\r\n\r\n\r\n\r\n\r\n.seamlessConnection_block {\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.seamless_connection_img,\r\n.seamless_connection_details {\r\n    width: 50%;\r\n}\r\n\r\n.seamless_connection_img img {\r\n    max-width: 100%;\r\n    position: relative;\r\n    top: -26%;\r\n}\r\n\r\n.seamless_connection_img {\r\n    text-align: right;\r\n}\r\n\r\n.hp_mouse_title_padding {\r\n    padding: 60px 60px 0 60px\r\n}\r\n\r\n.seamless_connection_details {\r\n    padding:20px 0 0 60px;\r\n}\r\n.res_mouse_details .hp_comfort_mouse_title + p{padding:20px 0 0 0px;}\r\n\r\n.responsibly_made_content {\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap:16px;\r\n}\r\n.res_mouse_details img {\r\n    max-width: 56px !important;\r\n}\r\n.responsilbly_mouse_img img {\r\n    max-width: 100%;\r\n}\r\n\r\n.responsilbly_mouse_img,\r\n.res_mouse_details {\r\n    width: 50%;\r\n}\r\n\r\n.res_mouse_details ul li {\r\n    display: flex;\r\n    list-style-type: none;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.res_mouse_details ul {\r\n    padding-left: 0;\r\n    margin-top: 50px\r\n}\r\n\r\n.res_mouse_details ul li figure {\r\n    margin: 0;\r\n}\r\n\r\n\r\n.hp_mouse_measurements_top {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    padding: 15px 60px;\r\n    align-items: center;\r\n}\r\n\r\n.mouse_measurements_slider {\r\n    margin-top: 30px;\r\n}\r\n\r\n.hp_mouse_icons {\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 22px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.hp_mouse_icons figure {\r\n    margin: 0;\r\n}\r\n\r\n\r\n\r\n.Hp_comfort_mouse_slider_image {\r\n    width: 40%;\r\n    margin: auto;\r\n}\r\n\r\n.Hp_comfort_mouse_slider_image_width {\r\n    width: 100%;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/line_bg1.png);\r\n    background-repeat: no-repeat;\r\n    background-size: 86%;\r\n    height: 100px;\r\n    background-position: right;\r\n}\r\n\r\n.Hp_comfort_mouse_slider_image_height {\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/line_bg2.png);\r\n    background-repeat: no-repeat;\r\n    background-size: contain;\r\n    position: relative;\r\n    width: 100px;\r\n}\r\n\r\n.hp_slider_image_container {\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 60px\r\n}\r\n\r\n.Hp_comfort_mouse_slider_mouse img {\r\n    max-width: 100%;\r\n}\r\n\r\n.Hp_comfort_mouse_slider_image_width p {\r\n    display: inline-block;\r\n    text-align: center;\r\n    background-color: #f2f2f2;\r\n    padding: 0 16px;\r\n    position: absolute;\r\n    top: 20%;\r\n    right: 26%;\r\n    transform: translate(-26%, -20%);\r\n}\r\n\r\n.Hp_comfort_mouse_slider_image_width {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    position: relative;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.responsilbly_mouse_img {\r\n    position: relative;\r\n    top: -43px;\r\n}\r\n\r\n.Hp_comfort_mouse_slider_image_height p {\r\n    text-wrap: nowrap;\r\n    position: absolute;\r\n    background: #f2f2f2;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    text-align: center;\r\n    padding: 16px 0;\r\n}\r\n\r\n.hp_mouse_slider1{margin-bottom: 60px;}\r\n.hp_mouse_foot_notes_wrapper{display:flex;flex-direction: column;min-height: 400px;\r\n    justify-content: space-between;}\r\n.hp_mouse_foot_notes {\r\n    padding: 28px 60px 20px 60px;\r\n    position: relative;\r\n    display: flex;\r\n  \r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n\r\n}\r\n\r\n.hp_mouse_foot_notes ol {\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.hp_mouse_foot_notes ol li {\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\np.hp-mouse-copyright-text {\r\n    font-size: 14px;padding: 28px 45px 20px;\r\n}\r\n\r\n\r\n@media only screen and (max-width: 1444px) {\r\n    .soft_side_grips {\r\n        left: 30%\r\n    }\r\n\r\n    .quietClicks {\r\n        left: 7%\r\n    }\r\n}\r\n\r\n@media only screen and (min-width: 1360px) {\r\n.hp_mouse_foot_notes ol li{ font-size: 16px;}\r\n}\r\n\r\n@media only screen and (max-width: 1360px) {\r\n\r\n    .mouse_build_around_you {\r\n        background-position: 626px 138px;\r\n        background-size: 68%;\r\n        gap: 178px;\r\n    }\r\n\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        padding: 20px;\r\n    }\r\n\r\n    .soft_side_grips {\r\n        left: 32%;\r\n    }\r\n\r\n    .quietClicks {\r\n        left: 9%;\r\n    }\r\n\r\n}\r\n\r\n@media only screen and (max-width: 1200px) {\r\n    .Hp_comfort_mouse_slider_image {\r\n        width: 56%;\r\n    }\r\n\r\n    .mouse_build_around_you {\r\n        background-position: 546px 170px;\r\n        background-size: 66%;\r\n        gap: 145px;\r\n    }\r\n\r\n    .res_mouse_details ul {\r\n        margin-top: 35px;\r\n    }\r\n\r\n    .res_mouse_details ul li {\r\n        margin-bottom: 12px;\r\n        gap: 12px;\r\n    }\r\n\r\n    .res_mouse_details ul li img {\r\n        max-width: 35px;\r\n    }\r\n\r\n    .HP_480_comfort_BT_Mouse_full p {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .hp_comfort_icons img {\r\n        max-width: 42px;\r\n    }\r\n\r\n    .mouse_build_around_you h2 {\r\n        line-height: 48px;\r\n    }\r\n\r\n    .quietClicks {\r\n        left: 10%;\r\n    }\r\n\r\n    .soft_side_grips {\r\n        left: 34%;\r\n    }\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        padding: 20px;\r\n    }\r\n\r\n    .mouse_zen_content .zen_paragraph.hp_comfort_mouse_light_bg {\r\n        padding: 30px 30px 48px 30px;\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        line-height: 58px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width p {\r\n        top: 36%;\r\n        right: 28%;\r\n        transform: translate(-30%, -26%);\r\n    }\r\n\r\n    .hp_mouse_icons img {\r\n        width: 60px;\r\n    }\r\n\r\n    .hp_mouse_icons figure:nth-child(2) img {\r\n        width: 37px !important;\r\n    }\r\n\r\n\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n    .zen_in_your_palm_image {\r\n        width: 50%\r\n    }\r\n    .hp_confortmouse_top_header {\r\n        padding: 24px 24px;\r\n    }\r\n\r\n    .soft_side_grips {\r\n        left: 30%;\r\n    }\r\n\r\n    .quietClicks {\r\n        left: 7%;\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        line-height: 55px;\r\n    }\r\n    .mouse_build_around_you {\r\n        padding: 60px 20px 60px 20px;\r\n    }\r\n    .seamless_connection_details {\r\n    padding: 38px 0 0 20px;\r\n}\r\n.hp_mouse_title_padding {\r\n    padding: 60px 20px 0 20px;\r\n}\r\n.hp_mouse_title_padding {\r\n    padding: 60px 20px 0 20px;\r\n}\r\n.hp_mouse_foot_notes {\r\n    padding: 28px 20px 20px 34px;\r\n}\r\np.hp-mouse-copyright-text {\r\n    padding: 28px 20px 20px;\r\n}\r\n}\r\n@media only screen and (max-width: 1280px){\r\n    p.hp-mouse-copyright-text{font-size: 15px;}\r\n}\r\n@media only screen and (max-width: 1360px){\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title{min-height: auto;padding:26px;}\r\n}\r\n@media only screen and (max-width: 990px) {\r\n    .mouse_build_around_you {\r\n        background-position: 519px 108px;\r\n        background-size: 70%;\r\n        gap: 114px;\r\n        padding: 60px 20px 60px 20px;\r\n    }\r\n    .seamless_connection_details {\r\n    padding: 20px 0 0 20px;\r\n}\r\n.hp_mouse_title_padding {\r\n    padding: 60px 20px 0 20px;\r\n}\r\n.hp_mouse_title_padding {\r\n    padding: 60px 20px 0 20px;\r\n}\r\n.hp_mouse_foot_notes {\r\n    padding: 28px 20px 20px 34px;\r\n}\r\np.hp-mouse-copyright-text {\r\n    padding: 28px 20px 20px;\r\n}\r\n    .HP_480_comfort_BT_Mouse_full p {\r\n        font-size: 22px;\r\n    }\r\n    p.hp-mouse-copyright-text{font-size: 15px;}\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        padding: 20px 20px 20px 20px;\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        line-height: 48px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image {\r\n        width: 75%;\r\n        margin: auto;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_height {\r\n        width: 50px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width p {\r\n        right: 31%;\r\n    }\r\n\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n\r\n    .zen_in_your_palm {\r\n        margin-top: 20px\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        line-height: 44px;\r\n    }\r\n}\r\n\r\n\r\n\r\n@media only screen and (min-width: 769px) {\r\n    .responsilbly_mouse_img img {\r\n        max-width: 85%;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n    .mouse_build_around_you {\r\n        background-position: 359px 108px;\r\n        gap: 86px;\r\n    }\r\n\r\n    .mouse_build_around_you h2 {\r\n        line-height: 37px;\r\n    }\r\n\r\n    .HP_480_comfort_BT_Mouse_full p {\r\n        font-size: 20px;\r\n    }\r\n    p.hp-mouse-copyright-text{font-size: 18px;}\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        padding: 20px 20px 20px 20px;\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        font-size: 38px;\r\n        line-height: 37px;\r\n\r\n    }\r\n\r\n    .mouse_zen_content .zen_paragraph.hp_comfort_mouse_light_bg {\r\n        padding: 20px 20px 20px 20px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image {\r\n        width: 78%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width {\r\n        height: 56px;\r\n    }\r\n\r\n    .hp_slider_image_container {\r\n        gap: 26px;\r\n    }\r\n\r\n    .hp_mouse_icons img {\r\n        width: 48px !important;\r\n    }\r\n\r\n    .hp_mouse_icons figure:nth-child(2) img {\r\n        width: 27px !important;\r\n    }\r\n\r\n}\r\n\r\n@media only screen and (max-width: 767px) {\r\n    .mouse_build_around_you {\r\n        padding: 15px;\r\n        background-position: 319px 70px;\r\n    }\r\n\r\n    .HP_480_comfort_BT_Mouse_full p {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        padding: 15PX;\r\n    }\r\n\r\n    .hp_mouse_title_padding,\r\n    .mouse_zen_content .zen_paragraph.hp_comfort_mouse_light_bg {\r\n        padding: 15PX\r\n    }\r\n\r\n    .seamless_connection_details {\r\n        padding: 15px;\r\n    }\r\n\r\n    .hp_mouse_title_padding h2 {\r\n        margin-bottom: 0;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n    .seamlessConnection_block {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .seamless_connection_img,\r\n    .seamless_connection_details {\r\n        width: 100%;\r\n    }\r\n\r\n    .hp_mouse_title_padding h2 {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .seamless_connection_img img {\r\n        max-width: 95%;\r\n        position: relative;\r\n        top: 22px;\r\n    }\r\n\r\n    .seamless_connection_details {\r\n        padding: 0;\r\n    }\r\n\r\n    .seamless_connection_details P {\r\n        PADDING: 16px 15PX;\r\n    }\r\n    .responsibly_made ul li figure img {\r\n    width: 40px;\r\n    max-height: 40px;\r\n}\r\n    .mouse_build_around_you {\r\n        background-position: 267px 70px;\r\n        gap: 52px\r\n    }\r\n\r\n    .hp_comfort_icons img {\r\n        max-width: 30px;\r\n    }\r\n\r\n    .mouse_build_around_you h2 {\r\n        line-height: 34px;\r\n        font-size: 46px;\r\n    }\r\n\r\n    .zen_in_your_palm_image {\r\n        width: 100%;\r\n        order: 2;\r\n    }\r\n\r\n    .mouse_zen_content {\r\n        width: 100%;\r\n        order: 1;\r\n    }\r\n\r\n    .zen_in_your_palm {\r\n        flex-direction: column;\r\n    }\r\n\r\n    /* .zen_in_your_palm2 img {\r\n        max-width: 80%;\r\n    } */\r\n\r\n    .zen_palm_mt_25 {\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .soft_side_grips {\r\n        left: auto;\r\n        right: 36%;\r\n        top: 1%;\r\n    }\r\n\r\n    .quietClicks {\r\n        top: 17.3333%;\r\n        right: 65%;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    /* .zen_in_your_palm_image img {\r\n        width: 100% !important;\r\n    } */\r\n\r\n    .hp_mouse_destopview {\r\n        display: none;\r\n    }\r\n\r\n    .hp_mouse_mobile_view {\r\n        display: block !important;\r\n    }\r\n\r\n    .mouse_build_around_you {\r\n        background: none;\r\n        gap: 30px;\r\n    }\r\n\r\n    .hp_mouse_image img {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        line-height:1;\r\n        text-wrap: pretty;\r\n        font-size: 38px;\r\n    }\r\n\r\n    .mouse_zen_content .hp_480_comfort_mouse_Header.hp_comfort_mouse_title {\r\n        min-height: auto;\r\n    }\r\n\r\n\r\n    .hp_comfort_icons {\r\n        display: flex;\r\n        justify-content: space-around;\r\n    }\r\n\r\n    .confort_mouse_multiOS {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .confort_mouse_multiOS figure {\r\n        margin-left: 0;\r\n        order: 1;\r\n        height:64px;\r\n    }\r\n\r\n    .confort_mouse_multiOS p {\r\n        order: 2\r\n    }\r\n\r\n    .seamlessConnection {\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .responsibly_made_content {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .responsilbly_mouse_img,\r\n    .res_mouse_details {\r\n        width: 100%;\r\n    }\r\n\r\n    .responsilbly_mouse_img {\r\n        order: 2;\r\n    }\r\n\r\n    .res_mouse_details {\r\n        order: 1\r\n    }\r\n\r\n    .responsibly_made {\r\n        padding: 60px 0px 15px 0;\r\n    }\r\n    .res_mouse_details ul{padding-right: 15px;}\r\n    .hp_mouse_foot_notes ol{margin-top:0;}\r\n    .hp_mouse_mb-0 {\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    .mouse_zen_content .zen_paragraph.hp_comfort_mouse_light_bg {\r\n        padding: 15PX 15px 15px;\r\n    }\r\n\r\n    .res_mouse_details ul {\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .res_mouse_details .hp_comfort_mouse_title h2,\r\n    .res_mouse_details p,\r\n    .res_mouse_details ul {\r\n        padding-left: 15px;\r\n    }\r\n\r\n    .res_mouse_details ul p {\r\n        padding-left: 0;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image {\r\n        width: 84%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width p {\r\n        right: 27%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width {\r\n        background-size: 85%;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .responsilbly_mouse_img {\r\n        top: 0\r\n    }\r\n\r\n    .hp_mouse_measurements_top {\r\n        padding: 15px;\r\n    }\r\n\r\n    .hp_mouse_icons img {\r\n        width: 36px !important;\r\n    }\r\n\r\n    .hp_mouse_icons figure:nth-child(2) img {\r\n        width: 19px !important;\r\n    }\r\n\r\n    .hp_mouse_icons {\r\n        gap: 12px\r\n    }\r\n\r\n    .hp_mouse_slider1{margin-bottom: 30px;}\r\n    .hp_mouse_foot_notes{\r\n        padding: 14px 22px 12px 24px;\r\n    }\r\n    p.hp-mouse-copyright-text {\r\n        padding: 14px 15px 12px;\r\n        font-size: 12px;\r\n    }\r\n    .hp_mouse_foot_notes p {\r\n        font-size: 12px !important;\r\n    }\r\n\r\n    .HPMouse_full_image {\r\n        width: 100%;\r\n        text-align: center;\r\n        padding: 30px 0 20px;\r\n    }\r\n    .hp_mouse_foot_notes ol li{font-size: 12px;}\r\n    .res_mouse_details .hp_comfort_mouse_title + p {\r\n    padding: 20px 0 0 20px;\r\n}\r\n}\r\n\r\n@media only screen and (max-width: 425px) {\r\n\r\n    .mouse_build_around_you h2 {\r\n        line-height: 36px;\r\n        font-size: 38px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .quietClicks {\r\n        top: 15%;\r\n        right: 66%;\r\n    }\r\n\r\n    .soft_side_grips {\r\n        left: auto;\r\n        right: 37%;\r\n        top: -1%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width p {\r\n        right: 20%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width {\r\n        height: 50px;\r\n    }\r\n\r\n    .hp_slider_image_container {\r\n        gap: 30px\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image {\r\n        width: 76%;\r\n    \r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 375px) {\r\n    .hp_confortmouse_top_header {\r\n        padding: 20px 14px;\r\n\r\n    }\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        line-height: 36px;\r\n        text-wrap: pretty;\r\n        font-size: 38px;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_width p {\r\n        right: auto;\r\n        padding: 0 6px;\r\n        left: 51%;\r\n    }\r\n\r\n    .Hp_comfort_mouse_slider_image_height p {\r\n        padding: 6px 0;\r\n    }\r\n\r\n    \r\n}\r\n\r\n@media only screen and (max-width: 320px) {\r\n\r\n    .mouse_build_around_you h2,\r\n    .hp_comfort_mouse_title h2 {\r\n        font-size: 30px;\r\n        line-height: 28px;\r\n    }\r\n\r\n    .HP_480_comfort_BT_Mouse_full p {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .hp_mouse_foot_notes {\r\n        height: auto;\r\n    }\r\n\r\n    .hp_mouse_foot_notes p {\r\n        margin-top: 12px;\r\n    }\r\n\r\n  \r\n\r\n}\r\n\r\n/*slider two*/\r\n\r\n.HP_Comfort_mouse_two {\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n}\r\n\r\n.HP_Comfort_mouse_two input {\r\n    display: ntwo;\r\n}\r\n\r\n.HP_Comfort_mouse_two .innertwo {\r\n    width: 500%;\r\n\r\n}\r\n\r\n.HP_Comfort_mouse_two article {\r\n    width: 20%;\r\n    float: left;\r\n    position: relative;\r\n}\r\n\r\n.HP_Comfort_mouse_two article img {\r\n    width: 100%;\r\n}\r\n\r\n/*---- SET UP CONTROL ----*/\r\n.HP_Comfort_mouse_two .slider-prev-next-controltwo {\r\n    height: 22px;\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 100%;\r\n    -webkit-transform: translateY(-50%);\r\n    -moz-transform: translateY(-50%);\r\n    -ms-transform: translateY(-50%);\r\n    -o-transform: translateY(-50%);\r\n    transform: translateY(-50%);\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-prev-next-controltwo label {\r\n    display: ntwo;\r\n    width: 26px;\r\n    height: 26px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    opacity: 0.6;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-prev-next-controltwo label:hover {\r\n    opacity: 1;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-dot-controltwo {\r\n    position: relative;\r\n    width: 100%;\r\n    bottom: -6px;\r\n    text-align: center;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-dot-controltwo label {\r\n    cursor: pointer;\r\n    border-radius: 5px;\r\n    display: inline-block;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #bbb;\r\n    -webkit-transition: all 0.3s;\r\n    -moz-transition: all 0.3s;\r\n    transition: all 0.3s;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-dot-controltwo label:hover {\r\n    background: #ccc;\r\n    border-color: #777;\r\n}\r\n\r\n/* Slider Styling */\r\n.HP_Comfort_mouse_two .slider-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-radius: 5px;\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-transition: all 500ms ease-out;\r\n    -moz-transition: all 500ms ease-out;\r\n    transition: all 500ms ease-out;\r\n}\r\n\r\n.HP_Comfort_mouse_two .slider-wrapper .innertwo {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n}\r\n\r\n/*---- SET POSITION FOR SLIDE ----*/\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2)::after {\r\n    font-family: FontAwesome;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    text-decoration: inherit;\r\n    margin: 0;\r\n    line-height: 38px;\r\n    font-size: 3em;\r\n    display: block;\r\n    color: #777;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2)::after {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/right-arrow.png);\r\n    background-size: 53%;\r\n    background-repeat: no-repeat;\r\n    background-position: 7px 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(1),\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(5),\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(4),\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(3),\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(2) {\r\n    display: block;\r\n    float: right;\r\n    margin-right: 5px;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5),\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4),\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3),\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2),\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1) {\r\n    display: block;\r\n    float: left;\r\n    margin-left: 5px;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-prev-next-controltwo label:nth-child(5)::after,\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-prev-next-controltwo label:nth-child(4)::after,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-prev-next-controltwo label:nth-child(3)::after,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-prev-next-controltwo label:nth-child(2)::after,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-prev-next-controltwo label:nth-child(1)::after {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/left-arrow.png);\r\n    background-size: 53%;\r\n    background-repeat: no-repeat;\r\n    background-position: 4px 6px;\r\n    cursor: pointer;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-dot-controltwo label:nth-child(5),\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-dot-controltwo label:nth-child(4),\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-dot-controltwo label:nth-child(3),\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-dot-controltwo label:nth-child(2),\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-dot-controltwo label:nth-child(1) {\r\n    background: #ffcc00;\r\n    border: 1px solid #000\r\n}\r\n\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-wrapper article:nth-child(5) .info,\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-wrapper article:nth-child(4) .info,\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-wrapper article:nth-child(3) .info,\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-wrapper article:nth-child(2) .info,\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-wrapper article:nth-child(1) .info {\r\n    opacity: 1;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo1:checked~.slider-wrapper .innertwo {\r\n    margin-left: 0%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo2:checked~.slider-wrapper .innertwo {\r\n    margin-left: -100%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo3:checked~.slider-wrapper .innertwo {\r\n    margin-left: -200%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo4:checked~.slider-wrapper .innertwo {\r\n    margin-left: -300%;\r\n}\r\n\r\n.HP_Comfort_mouse_two #slidetwo5:checked~.slider-wrapper .innertwo {\r\n    margin-left: -400%;\r\n}\r\n\r\n/*---- TABLET ----*/\r\n@media only screen and (max-width: 850px) and (min-width: 450px) {\r\n    .HP_Comfort_mouse_two .slider-wrapper {\r\n        border-radius: 0;\r\n    }\r\n}\r\n\r\n/*---- MOBILE----*/\r\n@media only screen and (max-width: 450px) {\r\n    .HP_Comfort_mouse_two .slider-wrapper {\r\n        border-radius: 0;\r\n    }\r\n\r\n    .HP_Comfort_mouse_two .slider-wrapper .info {\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n</style>\r\n\r\n\r\n    <section class=\"HP_480_comfort_BT_Mouse_full\">\r\n        <div class=\"hp_480_comfort_mouse_Header hp_confortmouse_top_header\">\r\n            <h3>HP Comfort Dual-Mode Mouse</h3>\r\n        </div>\r\n        <div class=\"HP_comfort_mouse_blankBG hp_comfort_mouse_light_bg\"></div>\r\n\r\n        <div class=\"HPMouse_full_image hp_mouse_mobile_view\" style=\"display: none;\">\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/HpcomfortMouse.png\">\r\n        </div>\r\n\r\n        <section class=\"mouse_build_around_you\">\r\n            <div class=\"hp_comfort_mouse_title\">\r\n            <h2>\r\n                A mouse built<br>around you \r\n            </h2>\r\n            <p class=\"hp_mouse_destopview\">The HP 685 Comfort Dual-Mode Mouse<br> is built for business with programmable<br>buttons<sup><small>1</small></sup>, 4D tilt wheel, fast scroll,<br> \r\n                and two ways to securely connect<br>\r\n                to up to three devices.\r\n                </p>\r\n            <p class=\"hp_mouse_mobile_view\" style=\"display: none;\">The HP 685 Comfort Dual-Mode Mouse is built for business with programmable buttons<sup><small>1</small></sup>, 4D tilt wheel, fast scroll, \r\n                and two ways to securely connect \r\n                to up to three devices.\r\n                </p>\r\n\r\n        </div>\r\n<div class=\"hp_mouse_image hp_mouse_mobile_view\" style=\"display: none;\">\r\n    <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/HP_mouse.png\" alt=\"\">\r\n</div>\r\n        <div class=\"hp_comfort_icons\">\r\n            <div class=\"confort_mouse_multiOS\">\r\n                <p>Multi-OS<sup><small>3</small></sup></p>\r\n                <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/system_responsive_icon.png\" alt=\"A mouse\"></figure>\r\n            </div>\r\n\r\n            <div class=\"confort_mouse_multiOS\">\r\n                <p>Built for comfort</p>\r\n                <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/mouse_handi_icon.png\" alt=\"A mouse\"></figure>\r\n            </div>\r\n        </div>\r\n        </section>\r\n\r\n\r\n\r\n    <!--zen_in_your_palm_slider-->  \r\n        <section class=\"HP_Comfort_mouse_one zen_in_your_palm_slider\">\r\n            <input checked type=\"radio\" name=\"sliderone\" id=\"slideone1\" />\r\n            <input type=\"radio\" name=\"sliderone\" id=\"slideone2\" />\r\n            <input type=\"radio\" name=\"sliderone\" id=\"slideone3\" />\r\n            <input type=\"radio\" name=\"sliderone\" id=\"slideone4\" />\r\n            <input type=\"radio\" name=\"sliderone\" id=\"slideone5\" />\r\n        \r\n            <div class=\"slider-wrapper\">\r\n            <div class=innerone>\r\n                <article>\r\n                    <div class=\"zen_in_your_palm\">\r\n                        <div class=\"zen_in_your_palm_image\">\r\n                            <div class=\"image-block\">\r\n                                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/A-girl-working-on-a-monitor.jpg\" alt=\"A girl is working on monitor\">\r\n                            </div>\r\n                            \r\n                        </div>\r\n                        <div class=\"mouse_zen_content\">\r\n                <div class=\"hp_480_comfort_mouse_Header hp_comfort_mouse_title \">\r\n                    <h2 class=\"hp_comfort_mb-0\">Comfort <br>\r\n                        that clicks</h2>\r\n                \r\n                </div>\r\n                <div class=\"zen_paragraph hp_comfort_mouse_light_bg\">\r\n                <p>Meet the dual-mode mouse designed for business with its soft, naturally contoured design, featuring quiet clicks and fast scrolling for all-day comfort and productivity.\r\n                </p>\r\n                </div>    \r\n                        </div>\r\n                    </div><!---zen in your palm-->\r\n                </article>\r\n\r\n                <article>\r\n                    \r\n        <div class=\"zen_in_your_palm zen_in_your_palm2\">\r\n            <div class=\"zen_in_your_palm_image\">\r\n                <div class=\"image-block\">\r\n                    <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/A-man-working-on-a-monitor-while-a-girl-looking-at-it.jpg\" alt=\"A man is working on a monitor while a girl is looking at it.\">\r\n                </div>\r\n                \r\n            </div>\r\n\r\n            <div class=\"mouse_zen_content\">\r\n    <div class=\"hp_480_comfort_mouse_Header hp_comfort_mouse_title \">\r\n        <h2 class=\"hp_comfort_mb-0 hp_mouse_destopview\">Custom performance,<br>\r\n            at your fingertips </h2>\r\n        <h2 class=\"hp_comfort_mb-0 hp_mouse_mobile_view\" style=\"display: none;\">Custom performance,\r\n            at your fingertips </h2>\r\n    \r\n    </div>\r\n    <div class=\"zen_paragraph hp_comfort_mouse_light_bg\">\r\n    <p>Do what your business needs to get done with dual-mode capabilities, \r\n        six programmable buttons<sup><small>1</small></sup>, 4D tilt wheel, and tracking across virtually any surface<sup><small>2</small></sup>.\r\n        </p>\r\n    </div>    \r\n    </div>\r\n    </div><!---zen in your palm-->\r\n                </article>\r\n            \r\n            </div>\r\n            <!-- .inner -->\r\n            </div>\r\n            <!-- .slider-wrapper -->\r\n        \r\n            <div class=\"slider-prev-next-controlone\">\r\n            <label for=\"slideone1\"></label>\r\n            <label for=\"slideone2\"></label>\r\n            \r\n            </div>\r\n            <!-- .slider-prev-next-controlone -->\r\n            <div class=\"slider-dot-controlone\">\r\n                <label for=\"slideone1\"></label>\r\n                <label for=\"slideone2\"></label>\r\n            \r\n            \r\n            </div>\r\n            <!-- .slider-dot-control -->\r\n        \r\n        </section>\r\n    <!--zen_in_your_palm_slider-->\r\n\r\n\r\n\r\n\r\n    <!---seamless connection-->\r\n        <section class=\"seamlessConnection\">\r\n\r\n            <div class=\"hp_comfort_mouse_title hp_mouse_title_padding\">\r\n                <h2 class=\"hp_mouse_mb-0\">\r\n                    Safe. Secure.<br>\r\n        Ready to connect.\r\n                </h2>\r\n                \r\n                </div>\r\n                <hr/>\r\n        <div class=\"seamlessConnection_block\">\r\n                <div class=\"seamless_connection_details\">\r\n                <p>Engineered for Intel&reg; Evo&trade; and multi-OS<sup><small>3</small></sup> compatible, connect smoothly and \r\n                    securely across business devices using \r\n                    the HP Unifying Dongle or Bluetooth&reg;.\r\n                    </p>\r\n            </div>\r\n            <div class=\"seamless_connection_img\">\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/hp_seamless_connection.png\" alt=\"Backside of the Mouse\">\r\n            </div>\r\n            </div>\r\n\r\n\r\n        </section>\r\n    <!---seamless connection-->\r\n\r\n\r\n    <section class=\"responsibly_made\">\r\n        \r\n    \r\n\r\n    <div class=\"responsibly_made_content\">\r\n\r\n        <div class=\"responsilbly_mouse_img\">\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/hp_mouse_coreset_front.png\">\r\n        </div>\r\n    <div class=\"res_mouse_details\">\r\n        <div class=\"hp_comfort_mouse_title\">\r\n            <h2>Built for a<br>\r\n                better tomorrow</h2>\r\n            <hr/>\r\n    </div>\r\n\r\n    <p class=\"hp-builtT-para\">HP is committed to reducing plastic in landfills. </p>\r\n\r\n    <ul>\r\n        <li>\r\n            <figure>\r\n    <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/HP_mouse_packing.png\">\r\n            </figure>\r\n            <p>FSC certified packaging</p>\r\n        </li>\r\n\r\n        <li>\r\n            <figure>\r\n    <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/environmental_globe.png\">\r\n            </figure>\r\n            <p>Made with at least 65% post-consumer recycled materials.<sup><small>4</small></sup>  </p>\r\n        </li>\r\n\r\n    </ul>\r\n\r\n    </div>\r\n\r\n\r\n    </div>\r\n\r\n    </section>\r\n    <!---Responsibly_made-->\r\n\r\n\r\n\r\n    <section class=\"mouse_measurements_slider \">\r\n    <hr>\r\n    <div class=\"slider-wrapper\">\r\n        <div class=innertwo>\r\n        <article>\r\n            <div class=\"hp_mouse_slider1\">\r\n                <div class=\"hp_mouse_measurements_top\">\r\n                \r\n                <p class=\"HP_mouse_weight\">Weight: 0.19 lb (88 g)</p>\r\n                <div class=\"hp_mouse_icons\">\r\n                    <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/system_responsive_icon.png\"></figure>\r\n                    <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/mouse_icon.png\"></figure>\r\n                </div>\r\n                </div>\r\n            \r\n            <div class=\"Hp_comfort_mouse_slider_image\">\r\n                <div class=\"Hp_comfort_mouse_slider_image_width\"><p>4.72 in<br>(120 mm)</p>  </div>\r\n                <div class=\"hp_slider_image_container\">\r\n                <div class=\"Hp_comfort_mouse_slider_image_height\"><p>2.72 in<br>(69.1 mm)</p></div>\r\n                <div class=\"Hp_comfort_mouse_slider_mouse\"><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6M0UT-ABA/HP_comfort_mouse.png\"></div>\r\n            </div>\r\n            \r\n                \r\n            </div>\r\n            </div>\r\n        </article>\r\n        </div>\r\n        <!-- .inner -->\r\n    </div>\r\n    </section>\r\n\r\n    <section class=\"mouse_measurements_slider \">\r\n        <hr>\r\n        <article class=\"hp_mouse_foot_notes_wrapper\">\r\n            <div class=\"hp_mouse_foot_notes\">\r\n    \r\n\r\n                <ol>\r\n                    <li>Requires HP Accessory Center (HPAC) Software. HPAC available for free download in Microsoft Store.</li>\r\n                    <li>Glass surface may affect functionality. </li>\r\n                    <li>Supports Windows 10, Windows 11, macOS, ChromeOS. </li>\r\n                    <li>Recycled plastic is expressed as a percentage of the total weight plastic. Post-consumer recycled is based on the definition set in the EPEAT standard for computers, \r\n                        IEEE 1680.1-2018 standard.</li>\r\n                \r\n                </ol>\r\n                \r\n                </div>\r\n                <p class=\"hp-mouse-copyright-text\">&copy;2024 HP Development Company, L.P. The information contained herein is subject to change without notice.</p> \r\n    \r\n        </article>\r\n    </section>\r\n\r\n  \r\n</section>\r\n"}]}]},"pdpSpecialOffers":null}}},"extensions":{}}