{"data":{"page":{"vanityUrl":"pdp/hp-680-comfort-dual-mode-keyboard","templateKey":"pdp","nextQuery":{"hash":"footerLinks","timeout":1000},"pageComponents":{"pdpTechSpecs":{"highlights":[],"technical_specifications":[{"name":"Connection Type","tooltip":"","value":[{"value":["2.4 GHz wireless connection<br/> Bluetooth®"]}]},{"name":"Wireless Range","tooltip":"","value":[{"value":["Up to 32.81 ft in open area<a class='footerLink' href='#disclaimerTabs'>[2]</a>"]}]},{"name":"Keyboard Type","tooltip":"","value":[{"value":["Full size<br/> 3-zone layout"]}]},{"name":"Keys Structure","tooltip":"","value":[{"value":["Plunger<br/> 2.0 mm<br/> Low profile key travel"]}]},{"name":"Battery","tooltip":"","value":[{"value":["2 x AA"]}]},{"name":"Battery life","tooltip":"","value":[{"value":["Up to 36 months<a class='footerLink' href='#disclaimerTabs'>[3]</a>"]}]},{"name":"Programmable Keys","tooltip":"","value":[{"value":["23 programmable keys<a class='footerLink' href='#disclaimerTabs'>[1]</a>"]}]},{"name":"Special Keys","tooltip":"","value":[{"value":["Copilot<br/> Dictation<br/> Language switch<a class='footerLink' href='#disclaimerTabs'>[6,7]</a>"]}]},{"name":"Keyboard Features","tooltip":"","value":[{"value":["Multi-device<br/> Soft touch palm rest<br/> Spill resistant<br/> Swift pair<br/> OS Auto-Detection<br/> Negative tilt<br/> Quiet keys"]}]},{"name":"Keys Lifecycle","tooltip":"","value":[{"value":["12 million keystrokes for all the keys"]}]},{"name":"Color","tooltip":"","value":[{"value":["Black"]}]},{"name":"Sustainable Impact Specifications","tooltip":"","value":[{"value":["At least 55% post-consumer recycled plastic<br/> FSC Certified Packaging<a class='footerLink' href='#disclaimerTabs'>[4]</a>"]}]},{"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 keyboard<br/> 2 x AA batteries<br/> Quick start guide<br/> Warranty card<br/> HP Unifying dongle"]}]},{"name":"Dimensions (W X D X H)","tooltip":"","value":[{"value":["17.41 x 8.44 x 1.39 in"]}]},{"name":"Weight","tooltip":"","value":[{"value":["1.86 lb"]}]},{"name":"Warranty","tooltip":"","value":[{"value":["HP standard one-year limited warranty"]}]},{"name":"Certifications and Compliances","tooltip":"","value":[{"value":["CB; FCC; IC; RCM; WPC; NTC; IMDA; BSMI; NCC; SRRC; SIRIM; TRA; EAC; ICASA; UKCA; KCC; TUV; RATEL; IFETEL; BIS; MOICT; iCTqatar; RoHS; Subtel; NOM-208; NKRZI"]}]},{"name":"Package Dimensions","tooltip":"","value":[{"value":["18.5 x 9.84 x 1.97 in"]}]},{"name":"Package Weight","tooltip":"","value":[{"value":["2.68 lb"]}]}],"datasheets":[{"datasheet_url":"http://www8.hp.com/h20195/v2/GetDocument.aspx?docname=c09068962","label":"HP 680 Comfort Dual-Mode Keyboard","gtmId":"HP 680 Comfort Dual-Mode Keyboard","gtmValue":"aspx"}],"translations":{"technical_details":"Specs","see_complete_specs":"See complete specs","see_less_specs":"See less specs","technicalDetails":"Technical Specs"}},"exclusiveFeatures":null,"pdpAccessories":{"products":{}},"pdpRichContent":{"featuresContent":[{"value":[{"html":"<style>\r\n    .hp-680-keybrd-main p,\r\n.hp-680-keybrd-main h2,\r\n.hp-680-keybrd-main h3,\r\n.hp-680-keybrd-main h4,\r\n.hp-680-keybrd-main 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-680-keybrd-main {\r\n    max-width: 1464px;\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-680-keybrd-main sup,\r\n.hp-680-keybrd-main 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-680-keybrd-main 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/* hp 680 Keyboard Hero Banner */\r\n.hp-680-keybrd-heroBan{\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6L8AAABA/A-man-is-typing-on-a-keyboard.jpg);\r\n    background-repeat: no-repeat;\r\n    background-size: 100%;\r\n    min-height:653px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap:30px;\r\n    padding:60px 0px 0px;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n}\r\n.hp-680-keybrd-heroBan h2{\r\n    font-size: clamp(1rem, 5.8vw, 5.875rem);\r\n    line-height: 1;\r\n    color:#fff;\r\n    border-bottom: 1px solid #fff;\r\n    padding-bottom:16px;\r\n    width: 100%;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n}\r\n.hp-680-keybrd-heroBan p{color:#fff;text-align: center;padding:0 60px 60px;font-size: clamp(0.6rem, 2.8vw, 2.25rem) !important;}\r\n/* mouse around you */\r\n\r\n.mouse_build_around_you {\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6L8AAABA/A-keyboard.png);\r\n    background-repeat: no-repeat;\r\n    background-position:590px 12px;\r\n    background-size: 60%;\r\n    display: flex\r\n;\r\n    flex-direction: column;\r\n    gap: 238px;\r\n    padding: 132px 60px 100px\r\n}\r\n.hp-680-keybrd-main .hp_comfort_icons{display: flex;flex-direction: column;gap: 20px;}\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-680-keybrd-main 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.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    float: left;\r\n    position: relative;\r\n    padding: 0px 0 100px;\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-8T6L8AAABA/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-8T6L8AAABA/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.Hp_comfort_mouse_slider_image p{\r\n    font-size: clamp(1rem, 2vw, 2rem) !important;\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-8T6L8AAABA/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-8T6L8AAABA/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.res_mouse_details ul li img.glb-envf{\r\n    width:66px;\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:92% !important;\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\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-8T6L8AAABA/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-8T6L8AAABA/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 a{color:#000;text-decoration: none;}\r\n.hp_mouse_foot_notes a:hover{color:#000;text-decoration: underline;}\r\n.hp_mouse_foot_notes a:visited{color:#000;text-decoration: none;}\r\n.hp_mouse_foot_notes a:focus{color:#000;text-decoration: none;}\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.res_mouse_details .hp_comfort_mouse_title + p{padding: 16px 0 0 0px;}\r\np.hp-mouse-copyright-text {\r\n    font-size: 14px;padding: 28px 45px 20px;\r\n}\r\n@media only screen and (max-width:600px){\r\n    .hp-680-keybrd-heroBan {\r\n        gap: 10px;\r\n        padding: 20px 0px 20px;\r\n        justify-content: flex-start;\r\n        min-height: min-content !important;\r\n    }\r\n    .hp-680-keybrd-heroBan h2{\r\n        padding-bottom:10px;\r\n    }\r\n    .hp-680-keybrd-heroBan p{padding:0 12px;}\r\n    .hp_confortmouse_top_header {\r\n        padding: 20px !important;\r\n    }\r\n    .hp-680-keybrd-heroBan p {\r\n        padding: 0 20px 0px !important;\r\n    }\r\n}\r\n@media only screen and (max-width:1024px){\r\n    .hp-680-keybrd-heroBan{\r\n        min-height: 270px;\r\n    }\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 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    .mouse_build_around_you {\r\n        background-position: 556px 28px;\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 !important;\r\n    }\r\n\r\n    .hp-680-keybrd-main 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    .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:20px;\r\n    }\r\n    .hp_mouse_title_padding {\r\n        padding: 60px 20px 0 20px;\r\n    }\r\n    .seamless_connection_details {\r\n        padding:16px 0 0 20px;\r\n    }\r\n    .HP_Comfort_mouse_one article {\r\n        padding: 0px 0 40px;\r\n    }\r\n    .hp_mouse_foot_notes{padding: 28px 30px 20px 30px;}\r\n    .hp_mouse_measurements_top{padding: 15px 20px;}\r\n    .mouse_build_around_you{padding:50px 20px;}\r\n    .hp-680-keybrd-heroBan p{\r\n        padding:0 20px 20px;\r\n    }\r\n    p.hp-mouse-copyright-text{padding: 28px 20px 20px;}\r\n    .hp_mouse_icons img {\r\n        width: 36px !important;\r\n    }\r\n    .hp_mouse_icons figure:nth-child(2) img {\r\n        width: 56px !important;\r\n    }\r\n    .res_mouse_details .hp_comfort_mouse_title + p{padding: 16px 0 0 0px;}\r\n    .hp_comfort_icons img {\r\n    max-width: 50px;\r\n}\r\n}\r\n@media only screen and (max-width: 1279px){\r\n    .hp_mouse_icons img {\r\n        width: 36px !important;\r\n    }\r\n    .hp_mouse_icons figure:nth-child(2) img {\r\n        width: 56px !important;\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    .hp-680-keybrd-heroBan{\r\n        min-height:min-content;  }\r\n        .hp-680-keybrd-heroBan p br{display: none;}\r\n        .mouse_build_around_you {\r\n            \r\n            background-position: 359px 0px;\r\n        }\r\n        .hp-680-keybrd-main .hp_comfort_icons{gap:15px;}\r\n        .responsibly_made_content {gap: 26px;}\r\n        .seamlessConnection_block{gap: 26px;}\r\n}\r\n@media only screen and (min-width: 1281px) and (max-width:1615px){\r\n    .hp-680-keybrd-heroBan{\r\n        min-height: min-content;\r\n    }\r\n    .hp-680-keybrd-heroBan p br{display: none;}\r\n}\r\n@media only screen and (min-width: 1361px) and (max-width:1615px){\r\n    .mouse_build_around_you{background-position: 600px 58px;}\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-size: 70%;\r\n        gap: 114px;\r\n    }\r\n\r\n    .hp-680-keybrd-main 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    .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@media only screen and (min-width:1025px) and (max-width:1280px){\r\n    .mouse_build_around_you {\r\n        background-position:560px 53px;\r\n        gap: 86px;\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: 89% !important;\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 0px;\r\n        gap: 86px;\r\n    }\r\n    .mouse_build_around_you h2 {\r\n        line-height: 37px;\r\n    }\r\n\r\n    .hp-680-keybrd-main 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    .HP_Comfort_mouse_one article {\r\n        padding: 0px 0 40px;\r\n    }\r\n    .res_mouse_details .hp_comfort_mouse_title + p{\r\n        padding-top:18px;\r\n    }\r\n    .responsibly_made_content{gap:20px}\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    }\r\n\r\n    .hp-680-keybrd-main 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:18px 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: 40px !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        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    }\r\n    .res_mouse_details img {\r\n    max-width: 40px !important;\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: 26px !important;\r\n    }\r\n\r\n    .hp_mouse_icons figure:nth-child(2) img {\r\n        width: 36px !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{padding: 16px 0 0 20px;}\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-680-keybrd-main 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</style>\r\n\r\n\r\n    <section class=\"hp-680-keybrd-main hp-680-keybrd-main\">\r\n        <div class=\"hp_480_comfort_mouse_Header hp_confortmouse_top_header\">\r\n            <h3>HP Comfort Dual-Mode Keyboard</h3>\r\n        </div>\r\n        <div class=\"HP_comfort_mouse_blankBG hp_comfort_mouse_light_bg\"></div>\r\n        <div class=\"hp-680-keybrd-heroBan\">\r\n            <h2>A keyboard built around you\r\n            </h2>\r\n            <p>The HP Comfort Dual-Mode Keyboard fits to your style with adjustable angles,<br>\r\n                a wave-like shape, and secure HP Unifying Dongle and Bluetooth&reg; connectivity.\r\n                </p>\r\n        </div>\r\n    \r\n        <section class=\"mouse_build_around_you\">\r\n            \r\n        <div class=\"hp_mouse_image hp_mouse_mobile_view\" style=\"display: none;\">\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6L8AAABA/HP_mouse.png\" alt=\"A Keyboard\">\r\n        </div>\r\n        <div class=\"hp_comfort_icons\">\r\n            <div class=\"confort_mouse_multiOS\">\r\n                <p>Multi-OS<sup><small>2</small></sup> compatible</p>\r\n                <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6L8AAABA/system_responsive_icon.png\" alt=\"Devices\"></figure>\r\n            </div>\r\n\r\n            <div class=\"confort_mouse_multiOS\">\r\n                <p>23 programmable keys<sup><small>1</small></sup></p>\r\n                <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6L8AAABA/keyboardi_icon.png\" alt=\"A Keyboard\"></figure>\r\n            </div>\r\n\r\n            <div class=\"confort_mouse_multiOS\">\r\n                <p>Microsoft Copilot<sup><small>4</small></sup></p>\r\n                <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6L8AAABA/microsoft-copilot-icon.png\" alt=\"A Keyboard\"></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            <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-8T6L8AAABA/A-keyboard2.png\" alt=\"A Keyboard\">\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\">Work in your<br>\r\n                    comfort zone</h2>\r\n            \r\n            </div>\r\n            <div class=\"zen_paragraph hp_comfort_mouse_light_bg\">\r\n            <p>Natural comfort thanks to the wave-like design, cushioned palm rest, and three keyboard positions-flat (3.2&deg;), neutral incline (6.7&deg;), and negative tilt (8.08&deg;).\r\n            </p>\r\n            </div>    \r\n                    </div>\r\n                </div><!---zen in your palm-->\r\n            </article>\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                    Connect. Secure. Go.\r\n\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, pair and switch between Bluetooth&reg; or the HP Unifying Dongle across devices. \r\n                    </p>\r\n            </div>\r\n            <div class=\"seamless_connection_img\">\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6L8AAABA/A-keyboard3.png\" alt=\"A Keyboard\">\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-8T6L8AAABA/A-keyboard4.png\" alt=\"A Keyboard\">\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>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-8T6L8AAABA/HP_mouse_packing.png\" alt=\"Packaging\">\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-8T6L8AAABA/environmental_globe.png\" class=\"glb-envf\" alt=\"Environment Friendly\">\r\n            </figure>\r\n            <p>Made with at least 55% post-consumer recycled materials.<sup><small>3</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: 1.86 lb (845 g)</p>\r\n                <div class=\"hp_mouse_icons\">\r\n                    <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6L8AAABA/microsoft-copilot-icon.png\" alt=\"microsoft copilot\"></figure>\r\n                    <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6L8AAABA/keyboardi_icon2.png\" alt=\"Keyboard\"></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>17.41 in<br>\r\n                    (442.3 mm)</p>  </div>\r\n                <div class=\"hp_slider_image_container\">\r\n                <div class=\"Hp_comfort_mouse_slider_image_height\"><p>8.44 in<br>\r\n                    (214.4 mm)</p></div>\r\n                <div class=\"Hp_comfort_mouse_slider_mouse\"><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-8T6L8AAABA/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>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                    <li>Requires Windows 11 and an NPU. Timing of feature delivery and availability varies by market and device. Requires Microsoft account to log in. Where Copilot in Windows is not available, \r\n                        the Copilot key will lead to the Bing search engine. See <a href=\"http://aka.ms/WindowsAIFeatures\" target=\"_blank\">http://aka.ms/WindowsAIFeatures</a></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>"}]}]},"pdpSpecialOffers":null}}},"extensions":{}}