{"data":{"page":{"vanityUrl":"pdp/hp-230-wireless-keyboard","templateKey":"pdp","nextQuery":{"hash":"footerLinks","timeout":1000},"pageComponents":{"pdpTechSpecs":{"highlights":[],"technical_specifications":[{"name":"Connection Type","tooltip":"","value":[{"value":["2.4 GHz wireless connection"]}]},{"name":"Wireless Range","tooltip":"","value":[{"value":["Up to 32.81 ft in open area"]}]},{"name":"Keyboard Type","tooltip":"","value":[{"value":["Full size<br/> 3-zone layout"]}]},{"name":"Battery","tooltip":"","value":[{"value":["2 x AAA"]}]},{"name":"Battery life","tooltip":"","value":[{"value":["Up to 16 months"]}]},{"name":"Keyboard Features","tooltip":"","value":[{"value":["Tilt adjustable"]}]},{"name":"Color","tooltip":"","value":[{"value":["Black"]}]},{"name":"Compatible operating systems","tooltip":"","value":[{"value":["Windows 11<br/> Windows 10<br/> macOS"]}]},{"name":"What's in the box","tooltip":"","value":[{"value":["Keyboard<br/> Receiver<br/> Quick Start guide<br/> Product notice<br/> Warranty card<br/> R.E.D. RTF card"]}]},{"name":"Compatibility\n","tooltip":"","value":[{"value":["Compatible with PCs with available USB-A port"]}]},{"name":"Dimensions (W X D X H)","tooltip":"","value":[{"value":["17.32 x 5.76 x 1.08 in"]}]},{"name":"Weight","tooltip":"","value":[{"value":["1.09 lb"]}]},{"name":"Warranty","tooltip":"","value":[{"value":["HP two-year limited warranty"]}]},{"name":"Package Dimensions","tooltip":"","value":[{"value":["457 x 171 x 31 mm"]}]},{"name":"Package Weight","tooltip":"","value":[{"value":["1.51 lb"]}]}],"datasheets":[],"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.k-230-wrapper{\r\n    h1,h1,h3,h4,h5,h6,p{\r\n    margin: 0px;\r\n    padding: 0px;\r\n}\r\n}\r\n.k-230-wrapper{\r\n    max-width: 1600px;\r\n    margin: auto;\r\n    font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;\r\n}\r\n.k-230-slider-card .prev, .k-230-slider-card .nxt {\r\n    position: absolute;\r\n    top: 0;\r\n    font-size: 60px;\r\n    color: #000;\r\n    z-index: 99;\r\n    cursor: pointer;\r\n    height: 96%;\r\n    /* max-height: 479px; */\r\n    /* padding: 5px; */\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.k-230-header{\r\n    background-color: #549ef7;\r\n    padding: 48px 50px;\r\n    border-bottom: 1px solid #549ef7;\r\n}\r\n.k-230-header img{\r\n    float: right;\r\n}\r\n.k-230-atf{\r\n    background-color: #f2f2f2;\r\n    position: relative;\r\n    \r\n}\r\n.k-230-sub-header{\r\n    background-color: #96c3fc;\r\n    height: 65px;\r\n}\r\n.k-230-atf img.k-230-kb-img{\r\n    position: absolute;\r\n    top: 5%;\r\n    left: 10%;\r\n    width: 45%;\r\n}\r\n.k-230-atfcon-2{\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n.k-atf-subcon{\r\n    width: 42%;\r\n    position: absolute;\r\n    left: 52%;\r\n    top: 0%;\r\n}\r\n\r\n.k-230-lap{\r\n    width: 30%;\r\n    bottom: 0;\r\n    right: -205px;\r\n    position: absolute;\r\n}\r\n\r\n.k-230-icon-text{\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    align-content: center;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    gap: 20px;\r\n}\r\n\r\n.k-230-main-div{\r\n    margin-left: 10%;\r\n}\r\n.k-230-icon-text img{\r\n    width: 70px;\r\n    height: auto;\r\n}\r\n.k-230-atfcon-2{\r\n    display: flex;\r\n    align-items: flex-start;\r\n    padding-top: 60px;\r\n}\r\n.k-230-atfcon-3{\r\n    display: flex;\r\n}\r\n.k-signal-kb{\r\n    width: 80%;\r\n}\r\n.k-230-atfcon-4{\r\n    padding:65px 0;\r\n}\r\n\r\n/* slider */\r\n.k-230-slider-card{\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n.k-230-slider-img, .k-230-slider-content{\r\n    width: 50%;\r\n}\r\n.k-230-slider-img img{\r\n    width:100%;\r\n    height: 100%;\r\n}\r\n\r\n\r\n.k-230-slider-h3, .k-230-slider-p p{\r\n    height: 50%;\r\n}\r\n.k-230-slider-h3{\r\n    background-color: #549ef7;\r\n    position: relative;\r\n}\r\n.k-230-slider-content{\r\n    background-color: #96c3fc ;\r\n}\r\n.k-230-nav{\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom:0;\r\n    z-index: 10;\r\n}\r\n\r\n.k-230-nav label{\r\n    display: inline-flex;\r\n    width: 1rem;\r\n    height: 1rem;\r\n    background: #fff;\r\n    text-decoration: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    margin: 0 0 0.5rem 0;\r\n    position: relative;\r\n    font-size: 0;\r\n    border: 1px solid #000;\r\n    transition: all 0.5s ease-out;\r\n    cursor: pointer;\r\n}\r\n.k-230-slider-card {\r\n    position: absolute;\r\n    width: 100%;\r\n    background-color: #f2f2f2;\r\n    height: fit-content;\r\n    height: 100%;\r\n    padding: 5px 0;\r\n}\r\n.k-230-slider-section{\r\n    min-height: 631px;\r\n    height: fit-content;\r\n    position: relative;\r\n}\r\nsup{\r\n    position: relative;\r\n    font-size: 64%;\r\n    top: 2px;\r\n    vertical-align: text-top;\r\n}\r\n.k-230-w-txt 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.k-230-slider-card {\r\n    z-index: -1;\r\n}\r\n#slide-1a, #slide-2a, #slide-3a{\r\n    display: none;\r\n}\r\n#slide-1a:checked ~ .k-230-nav #k-230-nav-1,\r\n#slide-2a:checked ~ .k-230-nav #k-230-nav-2,\r\n#slide-3a:checked ~ .k-230-nav #k-230-nav-3{\r\n    background:#549ef7;\r\n}\r\n#slide-1a:checked ~ #k-230-slide1, \r\n#slide-2a:checked ~ #k-230-slide2, \r\n#slide-3a:checked ~ #k-230-slide3 {\r\n    z-index: 9;\r\n}\r\n\r\n.slider .nav > label:hover {\r\n    background: #549ef7;\r\n}\r\n.k-230-footer{\r\n    display: flex;\r\n    background-color: #f2f2f2;\r\n    padding: 60px 20px;\r\n    position: relative;\r\n}\r\n.k-230-footer .k-230-sub-f{\r\n    width: 50%;\r\n}\r\n.k-230-footer .k-230-sub-f h3{\r\n    font-size: 110px;\r\n}\r\n.k-230-footer .k-230-sub-f p{\r\n    font-size: 50px;\r\n}\r\n.k-230-footer .k-230-sub-f img{\r\n    width: 100%;\r\n    height: auto;\r\n    z-index: 2;\r\n}\r\ndiv.k-230-footer .k-230-sub-1{\r\n    display: flex;\r\n    align-content: center;\r\n    flex-wrap: nowrap;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-grow: 1;\r\n}\r\n.k-230-footer hr{\r\n    position: absolute;\r\n    top: 61%;\r\n    left: 2px;\r\n    width: 99.5%;\r\n}\r\n.k-230-signal{\r\n    width: 46%;\r\n}\r\n.k-230-slider-card .prev, .k-230-slider-card .nxt{\r\n    width: 26px;\r\n    height: 26px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    opacity: 0.6;\r\n    position: absolute;\r\n    top: 50%;\r\n}\r\n.k-230-slider-card label.prev {\r\n    left: 1%;\r\n}\r\n.k-230-slider-card label.nxt {\r\n    right: 1%;\r\n}\r\n.k-230-slider-card .prev::after {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/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.k-230-slider-card .nxt::after  {\r\n    content: \" \";\r\n    height: 26px;\r\n    width: 26px;\r\n    background-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/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@media (min-width: 1281px){\r\n    .k-230-slider-img img {\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n    .k-230-atfcon-1 {\r\n        height: 300px;\r\n    }\r\n    .k-230-atfcon-2 {\r\n        height: 416px;\r\n    }\r\n    .k-230-atf img.k-230-kb-img{\r\n        top:3%;\r\n        width: 40%;\r\n    }\r\n    .k-230-slider-section {\r\n        min-height: 538px;\r\n    }\r\n    .k-230-header {\r\n        padding: 25px 30px;\r\n    }\r\n    .k-230-header img{\r\n        width: 70px;\r\n        height: auto;\r\n    }\r\n    .k-230-sub-header {\r\n        height: 35px;\r\n    }\r\n    .k-230-lap {\r\n        right: -168px;\r\n    }\r\n    /* fonts */\r\n    .k-230-header h1{\r\n        font-size:56px;\r\n        color:#000;\r\n        line-height: 1.2;\r\n        font-weight: 400;\r\n        display: inline-block;\r\n    }\r\n    .k-atf-subcon h3{\r\n        font-size: 90px;\r\n        line-height: 1.1;\r\n        font-weight: 400;\r\n    }\r\n    .k-atf-subcon p{\r\n        font-size: 32px;\r\n        line-height: 1.2;\r\n        font-weight: 400;\r\n    }\r\n    .k-230-icon-text .k-230-p-2{\r\n        font-size:14px;\r\n        line-height: 1.3;\r\n        margin: 0px;\r\n        color: #000;\r\n    }\r\n    .k-230-icon-text p{\r\n        font-size: 28px;\r\n        line-height: 1.3;\r\n        margin: 0px;\r\n        color: #000;\r\n        padding: 5px 0;\r\n    }\r\n\r\n    .k-230-atfcon-4 h3{\r\n        font-size: 90px;\r\n        line-height: 1.3;\r\n        color: #000;\r\n        font-weight: 400;\r\n        padding-left: 6%;\r\n    }\r\n    .k-230-atfcon-4 p{\r\n        font-size: 50px;\r\n        line-height: 1.4;\r\n        color:#000;\r\n        padding-left: 7%;\r\n    }\r\n    .k-230-slider-h3 h3{\r\n        font-size: 90px;\r\n        font-weight: 400;\r\n        line-height: 1.1;\r\n        color: #000;\r\n        position: absolute;\r\n        bottom: 0;\r\n        padding: 6px 30px;\r\n    }\r\n    \r\n    .k-230-slider-p p{\r\n        font-size: 38px;\r\n        font-weight: 400;\r\n        line-height: 1.2;\r\n        color: #000;\r\n        padding: 25px 30px;\r\n    }\r\n    .k-230-footer .k-230-sub-f h3{\r\n        font-size: 90px;\r\n        font-weight: 400;\r\n        line-height: 1.2;\r\n        color: #000;\r\n        padding-left: 20px;\r\n    }\r\n    .k-230-footer .k-230-sub-f p{\r\n        font-size: 38px;\r\n        font-weight: 400;\r\n        line-height: 1.2;\r\n        color: #000;\r\n        padding-left: 20px;\r\n    }\r\n\r\n}\r\n@media (min-width: 1440px){\r\n    .k-230-slider-img img {\r\n        /* width: 100%; */\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n    .k-230-header img {\r\n        width: 80px;\r\n        height: auto;\r\n    }\r\n    .k-230-atfcon-1{\r\n        height: 430px;\r\n    }\r\n    .k-230-atfcon-2{\r\n        height: 460px;\r\n    }\r\n    .k-230-atfcon-3{\r\n        padding: 75px 0;\r\n    }\r\n    .k-230-slider-section{\r\n        min-height: 630px;\r\n    }\r\n    .k-230-lap {\r\n        width: 30%;\r\n        bottom: 0;\r\n        right: -175px;\r\n        position: absolute;\r\n    }\r\n    /* fonts */\r\n    .k-230-atf img.k-230-kb-img{\r\n        position: absolute;\r\n        top: 5%;\r\n        left: 10%;\r\n        width: 45%;\r\n    }\r\n    .k-230-header h1{\r\n        font-size:65px;\r\n        color:#000;\r\n        line-height: 1.2;\r\n        font-weight: 400;\r\n        display: inline-block;\r\n    }\r\n    .k-atf-subcon h3{\r\n        font-size: 110px;\r\n        line-height: 1.1;\r\n        font-weight: 400;\r\n    }\r\n    .k-atf-subcon p{\r\n        font-size: 40px;\r\n        line-height: 1.2;\r\n        font-weight: 400;\r\n        padding: 15px 0;\r\n    }\r\n    .k-230-icon-text{\r\n        font-size: 32px;\r\n        line-height: 1.3;\r\n        margin: 0px;\r\n        color: #000;\r\n        padding: 5px 0;\r\n    }\r\n    .k-230-p-2{\r\n        font-size:20px;\r\n        line-height: 1.3;\r\n        margin: 0px;\r\n        color: #000;\r\n    }\r\n    .k-230-atfcon-4 h3{\r\n        font-size: 110px;\r\n        line-height: 1.3;\r\n        color: #000;\r\n        font-weight: 400;\r\n        padding-left: 6%;\r\n    }\r\n    .k-230-atfcon-4 p{\r\n        font-size: 50px;\r\n        line-height: 1.4;\r\n        color:#000;\r\n        padding-left: 7%;\r\n    }\r\n    .k-230-slider-h3 h3{\r\n        font-size: 110px;\r\n        font-weight: 400;\r\n        line-height: 1.1;\r\n        color: #000;\r\n        position: absolute;\r\n        bottom: 0;\r\n        padding: 6px 30px;\r\n    }\r\n    \r\n    .k-230-slider-p p{\r\n        font-size: 50px;\r\n        font-weight: 400;\r\n        line-height: 1.2;\r\n        color: #000;\r\n        padding: 25px 30px;\r\n    }\r\n    .k-230-footer .k-230-sub-f h3{\r\n        font-size: 110px;\r\n        font-weight: 400;\r\n        line-height: 1.2;\r\n        color: #000;\r\n        padding-left: 20px;\r\n    }\r\n    .k-230-footer .k-230-sub-f p{\r\n        font-size: 50px;\r\n        font-weight: 400;\r\n        line-height: 1.2;\r\n        color: #000;\r\n        padding-left: 20px;\r\n    }\r\n    }\r\n\r\n@media (min-width: 1025px) and (max-width: 1280px){\r\n    .k-230-footer hr {\r\n        top: 60%;\r\n    }\r\n    .k-230-slider-section {\r\n        min-height: 450px;\r\n    }\r\n    .k-230-slider-img img {\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n    .k-230-header {\r\n        padding: 25px 20px;\r\n    }\r\n    .k-230-sub-header {\r\n        height: 25px;\r\n    }\r\n    .k-230-header img {\r\n        width: 75px;\r\n        margin-top: -7px;\r\n    }\r\n    .k-230-atfcon-1 {\r\n        height: 260px;\r\n    }\r\n    .k-230-atfcon-2 {\r\n        height: 320px;\r\n    }\r\n    .k-230-atf img.k-230-kb-img {\r\n        top: 2%;\r\n        left: 10%;\r\n        width: 42%;\r\n    }\r\n    .k-230-lap {\r\n        width: 30%;\r\n        bottom: 29px;\r\n        right: -121px;\r\n    }\r\n/* fonts */\r\n.k-230-header h1{\r\n    font-size: clamp(3.25rem, 2.2451rem + 1.5686vw, 3.5rem);\r\n    color:#000;\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n    display: inline-block;\r\n}\r\n.k-atf-subcon h3{\r\n    font-size: clamp(4.25rem, 0.2304rem + 6.2745vw, 5.25rem);\r\n    line-height: 1.1;\r\n    font-weight: 400;\r\n}\r\n.k-atf-subcon p{\r\n    font-size: clamp(1.5rem, -0.0074rem + 2.3529vw, 1.875rem);\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n    padding: 15px 0;\r\n}\r\n.k-230-icon-text .k-230-p-2{\r\n    font-size: 14px;\r\n    line-height: 1.3;\r\n    margin: 0px;\r\n    color: #000;\r\n}\r\n.k-230-icon-text p{\r\n    font-size: clamp(1.5rem, 0.4951rem + 1.5686vw, 1.75rem);\r\n    line-height: 1.3;\r\n    margin: 0px;\r\n    color: #000;\r\n    padding: 5px 0;\r\n}\r\n\r\n.k-230-atfcon-4 h3{\r\n    font-size: clamp(4.0625rem, -2.2181rem + 9.8039vw, 5.625rem);\r\n    line-height: 1.3;\r\n    color: #000;\r\n    font-weight: 400;\r\n    padding-left: 6%;\r\n}\r\n.k-230-atfcon-4 p{\r\n    font-size: clamp(2.25rem, -1.2672rem + 5.4902vw, 3.125rem);\r\n    line-height: 1.4;\r\n    color:#000;\r\n    padding-left: 7%;\r\n}\r\n.k-230-slider-h3 h3{\r\n    font-size: clamp(4.0625rem, -2.2181rem + 9.8039vw, 5.625rem);\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n    color: #000;\r\n    position: absolute;\r\n    bottom: 0;\r\n    padding: 6px 30px;\r\n}\r\n\r\n.k-230-slider-p p{\r\n    font-size: clamp(2rem, 0.4926rem + 2.3529vw, 2.375rem);\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n    color: #000;\r\n    padding: 25px 30px;\r\n}\r\n.k-230-footer .k-230-sub-f h3{\r\n    font-size: clamp(4.0625rem, -2.2181rem + 9.8039vw, 5.625rem);\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n    color: #000;\r\n    padding-left: 20px;\r\n}\r\n.k-230-footer .k-230-sub-f p{\r\n    font-size: clamp(2rem, 0.4926rem + 2.3529vw, 2.375rem);\r\n    font-weight: 400;   \r\n    line-height: 1.2;\r\n    color: #000;\r\n    padding-left: 20px;\r\n}\r\n\r\n}\r\n@media (min-width: 1150px) and (max-width: 1280px){\r\n    .k-230-atfcon-2 {\r\n        height: 400px;\r\n    }\r\n}\r\n@media (min-width: 768px) and (max-width: 1024px){\r\n    .k-230-slider-card .prev, .k-230-slider-card .nxt {\r\n        font-size: 40px;\r\n    }\r\n    .k-230-footer hr {\r\n    top: 59%;\r\n    }\r\n    .k-230-slider-section {\r\n        min-height: 350px;\r\n    }\r\n    .k-230-slider-img img {\r\n        /* width: 100%; */\r\n        height: 100%;\r\n        object-fit: cover;\r\n    }\r\n    .k-signal-kb {\r\n        width: 100%;\r\n    }\r\n    .k-230-header {\r\n        padding: 25px 20px;\r\n    }\r\n    .k-230-sub-header {\r\n        height: 25px;\r\n    }\r\n    .k-230-header img {\r\n        width: 75px;\r\n        margin-top: -7px;\r\n    }\r\n    .k-230-atfcon-1 {\r\n        height: 190px;\r\n    }\r\n    .k-230-atfcon-2 {\r\n        height: 235px;\r\n    }\r\n    .k-230-atf img.k-230-kb-img {\r\n        top: 2%;\r\n        left: 10%;\r\n        width: 42%;\r\n    }\r\n    .k-230-lap {\r\n        width: 30%;\r\n        bottom: 29px;\r\n        right: -98px;\r\n    }\r\n    .k-230-main-div {\r\n        margin-left: 2%;\r\n        width: 54%;\r\n    }\r\n    .k-230-signal{\r\n        width: 45%;\r\n    }\r\n/* fonts */\r\n.k-230-header h1{\r\n    font-size: clamp(2.75rem, 1.25rem + 3.125vw, 3.25rem);\r\n    color:#000;\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n    display: inline-block;\r\n}\r\n.k-atf-subcon h3{\r\n    font-size: clamp(3.25rem, 0.25rem + 6.25vw, 4.25rem);\r\n    line-height: 1.1;\r\n    font-weight: 400;\r\n}\r\n.k-atf-subcon p{\r\n    font-size: clamp(1.25rem, 0.5rem + 1.5625vw, 1.5rem);\r\n    line-height: 1.2;\r\n    font-weight: 400;\r\n    padding: 15px 0;\r\n}\r\n.k-230-icon-text .k-230-p-2{\r\n    font-size: 12px;\r\n    line-height: 1.3;\r\n    margin: 0px;\r\n    color: #000;\r\n}\r\n.k-230-icon-text p{\r\n    font-size: clamp(1.25rem, 0.5rem + 1.5625vw, 1.5rem);\r\n    line-height: 1.3;\r\n    margin: 0px;\r\n    color: #000;\r\n    padding: 5px 0;\r\n}\r\n\r\n.k-230-atfcon-4 h3{\r\n    font-size: clamp(3rem, -0.1875rem + 6.6406vw, 4.0625rem);\r\n    line-height: 1.3;\r\n    color: #000;\r\n    font-weight: 400;\r\n    padding: 0px 25px;\r\n}\r\n.k-230-atfcon-4 p{\r\n    font-size: clamp(1.75rem, 0.25rem + 3.125vw, 2.25rem);\r\n    line-height: 1.4;\r\n    color:#000;\r\n    padding: 0px 25px;\r\n}\r\n.k-230-slider-h3 h3{\r\n    font-size: clamp(3rem, -0.1875rem + 6.6406vw, 4.0625rem);\r\n    font-weight: 400;\r\n    line-height: 1.1;\r\n    color: #000;\r\n    position: absolute;\r\n    bottom: 0;\r\n    padding: 10px 25px;\r\n}\r\n\r\n.k-230-slider-p p{\r\n    font-size: clamp(1.5rem, 0rem + 3.125vw, 2rem);\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n    color: #000;\r\n    padding: 10px 25px;\r\n}\r\n.k-230-footer .k-230-sub-f h3{\r\n    font-size: clamp(3rem, -0.1875rem + 6.6406vw, 4.0625rem);\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n    color: #000;\r\n    padding-left: 20px;\r\n}\r\n.k-230-footer .k-230-sub-f p{\r\n    font-size: clamp(1.5rem, 0rem + 3.125vw, 2rem);\r\n    font-weight: 400;   \r\n    line-height: 1.2;\r\n    color: #000;\r\n    padding-left: 20px;\r\n}\r\n.k-230-nav label {\r\n    width: 0.5rem;\r\n    height: 0.5rem;\r\n}\r\n}\r\n@media (min-width: 840px) and (max-width: 1024px){\r\n    .k-230-atfcon-2 {\r\n        height: 320px;\r\n    }\r\n}\r\n@media (min-width: 481px) and (max-width: 767px){\r\n    .k-230-nav{\r\n        bottom:7px;\r\n    }\r\n    .k-230-signal {\r\n        width: 100%;\r\n    }\r\n    .k-230-slider-card .prev, .k-230-slider-card .nxt {\r\n        font-size: 38px;\r\n    }\r\n    .k-230-main-div {\r\n        margin: auto;\r\n        width: 90%;\r\n    }   \r\n    .k-230-header {\r\n        padding: 20px 10px;\r\n    }\r\n    .k-230-header img {\r\n        float: right;\r\n        width: 55px;\r\n        height: auto;\r\n        margin-top: -4px;\r\n    }\r\n    .k-230-sub-header {\r\n        height: 15px;\r\n    }\r\n    .k-230-atf img.k-230-kb-img {\r\n        position: relative;\r\n        width: 63%;\r\n        padding-top: 10px;\r\n        top: 0;\r\n        left: 0;\r\n    }\r\n    .k-230-atf{\r\n        text-align: center;\r\n    }\r\n    .k-230-w-txt{\r\n        text-align: left;\r\n    }\r\n    .k-230-atfcon-2{\r\n        padding: 20px 0;\r\n    }\r\n    .k-atf-subcon {\r\n        width: 100%;\r\n        position: relative;\r\n        left: 0;\r\n        text-align: left;\r\n    }\r\n    .k-230-slider-img, .k-230-slider-content {\r\n        width: 100%;\r\n    }\r\n    .k-230-slider-card {\r\n        flex-direction: column-reverse;\r\n    }\r\n    .k-230-slider-section {\r\n        min-height: 510px;\r\n    }\r\n    .k-230-slider-img img {\r\n        width: 100%;\r\n        height: 331px;\r\n        object-fit: cover;\r\n    }\r\n    .k-230-nav label {\r\n        width: 0.5rem;\r\n        height: 0.5rem;\r\n    }\r\n    .k-230-slider-p{\r\n        min-height: 70px;\r\n    }\r\n    .k-230-footer{\r\n        flex-direction: column-reverse;\r\n        padding: 20px 0px;\r\n    }\r\n    .k-230-footer .k-230-sub-f {\r\n        width: 100%;\r\n    }\r\n    .k-230-footer hr {\r\n        position: relative;\r\n        left: 0;\r\n    width: 99%;\r\n    }\r\n    .k-230-atfcon-4 {\r\n        padding: 30px 0 15px;\r\n        text-align: left;\r\n    }\r\n    .k-signal-kb {\r\n        width: 70%;\r\n        position: relative;\r\n        margin: auto;\r\n        top: 27px;\r\n    }\r\n    .k-230-signal{\r\n        text-align: center;\r\n    }\r\n    .k-230-atfcon-3{\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    .k-230-main-div {\r\n       padding: 20px 0px;\r\n    }\r\n    .k-230-icon-text img {\r\n        width: 68px;\r\n        height: auto;\r\n    }\r\n    .k-230-icon-text{\r\n        gap: 5px;\r\n    }\r\n    .k-230-atfcon-3 {\r\n        flex-direction: column-reverse;\r\n    }\r\n    .k-230-lap{\r\n        display: none;\r\n    }\r\n    /* fonts */\r\n    .k-230-header h1{\r\n        font-size: clamp(1.75rem, -0.3523rem + 6.993vw, 3rem);\r\n        color:#000;\r\n        line-height: 1.2;\r\n        font-weight: 400;\r\n        display: inline-block;\r\n    }\r\n    .k-atf-subcon h3{\r\n        font-size: clamp(3.5rem, 2.2386rem + 4.1958vw, 4.25rem);\r\n        line-height: 1.1;\r\n        font-weight: 400;\r\n        padding: 0 20px;\r\n    }\r\n    .k-atf-subcon p{\r\n        font-size: clamp(1.25rem, 0.8295rem + 1.3986vw, 1.5rem);\r\n        line-height: 1.2;\r\n        font-weight: 400;\r\n        padding: 0 20px;\r\n    }\r\n    .k-230-icon-text p{\r\n        font-size: clamp(1.25rem, 0.6193rem + 2.0979vw, 1.625rem);\r\n        line-height: 1.3;\r\n        margin: 0px;\r\n        color: #000;\r\n        padding: 0px;\r\n    }\r\n    .k-230-icon-text .k-230-p-2{\r\n        font-size: 12px;\r\n        line-height: 1.3;\r\n        margin: 0px;\r\n        color: #000;\r\n    }\r\n    .k-230-atfcon-4 h3{\r\n        font-size: clamp(2.25rem, 0.9886rem + 4.1958vw, 3rem);\r\n        line-height: 1.3;\r\n        color: #000;\r\n        font-weight: 400;\r\n        padding: 0px 15px;\r\n    }\r\n    .k-230-atfcon-4 p{\r\n        font-size: clamp(1.25rem, 0.4091rem + 2.7972vw, 1.75rem);\r\n        line-height: 1.4;\r\n        color: #000;\r\n        padding-left: 15px;\r\n    }\r\n    .k-230-slider-h3 h3{\r\n        font-size: clamp(2.75rem, 0.6477rem + 6.993vw, 4rem);\r\n        font-weight: 400;\r\n        line-height: 1.1;\r\n        color: #000;\r\n        /* position: absolute;\r\n        bottom: 0; */\r\n        padding: 10px 15px;\r\n    }\r\n    \r\n    .k-230-slider-p p{\r\n        font-size: clamp(1.25rem, -0.0114rem + 4.1958vw, 2rem);\r\n        font-weight: 400;\r\n        line-height: 1.2;\r\n        color: #000;\r\n        padding: 10px 15px;\r\n    }\r\n    .k-230-footer .k-230-sub-f h3{\r\n        font-size: clamp(2.5rem, 1.6591rem + 2.7972vw, 3rem);\r\n        font-weight: 400;\r\n        line-height: 1.4;\r\n        color: #000;\r\n        margin: 8px 0;\r\n        padding: 0px 12px;\r\n    }\r\n    .k-230-footer .k-230-sub-f p{\r\n        font-size: clamp(1rem, 0.1591rem + 2.7972vw, 1.5rem);\r\n        font-weight: 400;\r\n        line-height: 1.2;\r\n        color: #000;\r\n        padding: 0px 12px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px){\r\n    .k-230-nav {\r\n        bottom: 7px;\r\n    }\r\n    .k-230-signal {\r\n        width: 100%;\r\n    }\r\n    .k-230-slider-card .prev, .k-230-slider-card .nxt{\r\n        padding: 0px;\r\n    }\r\n    .k-230-lap{\r\n        display: none;\r\n    }\r\n    .k-230-slider-img img {\r\n        width: 100%;\r\n        max-height: 260px;\r\n        object-fit: cover;\r\n    }\r\n    .k-230-main-div {\r\n        margin: auto;\r\n        width: 90%;\r\n    }\r\n    .k-230-header {\r\n        padding: 20px 10px;\r\n    }\r\n    .k-230-header img {\r\n        float: right;\r\n        width: 34px;\r\n        margin-top: -4px;\r\n    }\r\n    .k-230-sub-header {\r\n        height: 15px;\r\n    }\r\n    .k-230-atf img.k-230-kb-img{\r\n        position: relative;\r\n        width: 80%;\r\n        padding-top: 10px;\r\n    }\r\n    .k-230-atfcon-2{\r\n        padding: 20px 0;\r\n    }\r\n    .k-atf-subcon {\r\n        width: 100%;\r\n        position: relative;\r\n        left: 0;\r\n    }\r\n    .k-230-slider-img, .k-230-slider-content {\r\n        width: 100%;\r\n    }\r\n    .k-230-slider-card {\r\n        flex-direction: column-reverse;\r\n        min-height: 355px;\r\n    }\r\n    .k-230-slider-section {\r\n        min-height: 410px;\r\n    }\r\n    .k-230-nav label {\r\n        width: 0.5rem;\r\n        height: 0.5rem;\r\n    }\r\n    .k-230-slider-p{\r\n        min-height: 70px;\r\n    }\r\n    .k-230-footer{\r\n        flex-direction: column-reverse;\r\n        padding: 20px 0px;\r\n    }\r\n    .k-230-footer .k-230-sub-f {\r\n        width: 100%;\r\n    }\r\n    .k-230-footer hr {\r\n        position: relative;\r\n        left: 0;\r\n    width: 99%;\r\n    }\r\n    .k-230-atfcon-4 {\r\n        padding: 30px 0 5px;\r\n    }\r\n    .k-signal-kb {\r\n        width: 90%;\r\n        position: relative;\r\n        margin: auto;\r\n        top: 0;\r\n        right: 0;\r\n    }\r\n    .k-230-signal{\r\n        text-align: center;\r\n    }\r\n    .k-230-atfcon-3{\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    .k-230-main-div {\r\n       padding: 20px 0px;\r\n    }\r\n    .k-230-slider-h3, .k-230-slider-p p {\r\n        height: auto; \r\n    }\r\n    .k-230-icon-text img {\r\n        width: 46px;\r\n        height: auto;\r\n    }\r\n    .k-230-icon-text{\r\n        gap: 5px;\r\n    }\r\n    .k-230-atfcon-3 {\r\n        flex-direction: column-reverse;\r\n    }\r\n    /* fonts */\r\n    .k-230-header h1{\r\n        font-size: clamp(1.25rem, 0.25rem + 5vw, 1.75rem);\r\n        color:#000;\r\n        line-height: 1.2;\r\n        font-weight: 400;\r\n        display: inline-block;\r\n    }\r\n    .k-atf-subcon h3{\r\n        font-size: clamp(2.75rem, 1.25rem + 7.5vw, 3.5rem);\r\n        line-height: 1.1;\r\n        font-weight: 400;\r\n        padding: 0 20px;\r\n    }\r\n    .k-atf-subcon p{\r\n        font-size: 16px;\r\n        line-height: 1.2;\r\n        font-weight: 400;\r\n        padding: 10px 20px;\r\n    }\r\n    .k-230-icon-text p{\r\n        font-size: clamp(1rem, 0.5rem + 2.5vw, 1.25rem);\r\n        line-height: 1.3;\r\n        margin: 0px;\r\n        color: #000;\r\n        padding: 0px;\r\n    }\r\n    .k-230-icon-text .k-230-p-2{\r\n        font-size: 12px;\r\n        line-height: 1.3;\r\n        margin: 0px;\r\n        color: #000;\r\n    }\r\n    .k-230-atfcon-4 h3{\r\n        font-size: 26px;\r\n        line-height: 1.3;\r\n        color: #000;\r\n        font-weight: 400;\r\n        padding: 0px 15px;\r\n    }\r\n    .k-230-atfcon-4 p{\r\n        font-size: 16px;\r\n        line-height: 1.4;\r\n        color: #000;\r\n        padding:5px 15px;\r\n    }\r\n    .k-230-slider-h3 h3{\r\n        font-size: clamp(1.75rem, 0.75rem + 5vw, 2.25rem);\r\n        font-weight: 400;\r\n        line-height: 1.1;\r\n        color: #000;\r\n        /* position: absolute;\r\n        bottom: 0; */\r\n        padding: 10px 15px;\r\n    }\r\n    \r\n    .k-230-slider-p p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 1.2;\r\n        color: #000;\r\n        padding: 10px 15px;\r\n    }\r\n    .k-230-footer .k-230-sub-f h3{\r\n        font-size:clamp(1.225rem, -0.125rem + 8.25vw, 2.5rem);\r\n        font-weight: 400;\r\n        line-height: 1.4;\r\n        color: #000;\r\n        margin: 8px 0;\r\n        padding: 0px 12px;\r\n    }\r\n    .k-230-footer .k-230-sub-f p{\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 1.2;\r\n        color: #000;\r\n        padding: 5px 12px;\r\n    }\r\n}\r\n@media (min-width: 481px) and (max-width:540px){\r\n    .k-230-header img {\r\n        width: 52px;\r\n        margin-top: -7px;\r\n    }\r\n}\r\n@media (max-width: 320px){\r\n    .k-230-header h1{\r\n        font-size:18px\r\n    }\r\n    .k-230-slider-section {\r\n        min-height: 356px;\r\n    }\r\n}\r\n@media (max-width: 281px) {\r\n    .k-230-header h1{\r\n        font-size:16px\r\n    }\r\n}\r\n</style>\r\n<div class=\"k-230-wrapper\">\r\n    <div class=\"k-230-header\">\r\n        <h1>HP 230 Wireless Keyboard</h1>\r\n        <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/HP Logo.png\" alt=\"\">\r\n    </div>\r\n    <div class=\"k-230-sub-header\">\r\n\r\n    </div>\r\n<div class=\"k-230-atf\">\r\n    <img class=\"k-230-kb-img\" src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/vertical keyboard.png\" alt=\"\">\r\n    <div class=\"k-230-atfcon-1\">\r\n\r\n    </div>\r\n    <div class=\"k-230-atfcon-2\">\r\n        <div class=\"k-atf-subcon\">\r\n            <h3>Go Wireless</h3>\r\n            <hr>\r\n            <p>Free yourself from wires with a single wireless USB connection.</p>\r\n        </div>\r\n           <img class=\"k-230-lap\" src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/right-laptop.png\" alt=\"\">\r\n    </div>\r\n    <div class=\"k-230-atfcon-3\">\r\n        <div class=\"k-230-main-div\">\r\n            <div class=\"k-230-icon-text\">\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/Durable_keyboard_RGB.png\" alt=\"\">\r\n                <p>More comfort and less noise</p>\r\n            </div>\r\n            <div class=\"k-230-icon-text\">\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/Wireless_technology.png\" alt=\"\">\r\n                <p>2.4GHz wireless connection</p>\r\n            </div>\r\n            <div class=\"k-230-icon-text\">\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/Windows.png\" alt=\"\">\r\n                <div class=\"k-230-w-txt\">\r\n                    <p>Works with Windows & Mac<sup>1</sup></p>\r\n                    <p class=\"k-230-p-2\">1. PC or device must have a USB Type A port for compatibility. Compatibility may vary.\r\n                </div>\r\n                </p>\r\n            </div> \r\n        </div>\r\n        <div class=\"k-230-signal\">\r\n            <img class=\"k-signal-kb\" src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/wireless-keyboard.png\" alt=\"\">\r\n        </div>\r\n    </div>\r\n    <div class=\"k-230-atfcon-4\">\r\n        <h3>Comfort meets quality</h3>\r\n        <hr>\r\n        <p>High-quality key switches and ultra-precise mouse.</p>\r\n    </div>\r\n</div>\r\n<div class=\"k-230-slider-section\">\r\n    <input type=\"radio\" name=\"slides\" id=\"slide-1a\" checked>\r\n    <input type=\"radio\" name=\"slides\" id=\"slide-2a\">\r\n    <input type=\"radio\" name=\"slides\" id=\"slide-3a\">\r\n    <!-- card 1 -->\r\n    <div class=\"k-230-slider-card\" id=\"k-230-slide1\">\r\n        <label for=\"slide-3a\" class=\"prev\"></label>\r\n        <label for=\"slide-2a\" class=\"nxt\"></label>\r\n        <div class=\"k-230-slider-img\">\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/quite_keyboard.jpg\" alt=\"\">\r\n        </div>\r\n        <div class=\"k-230-slider-content\">\r\n            <div class=\"k-230-slider-h3\">\r\n                <h3>\r\n                    Made for quiet\r\n                </h3>\r\n            </div>\r\n            <div class=\"k-230-slider-p\">\r\n                <p>The chiclet keyboard design lets you enjoy more accurate typing with less noise.</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <!-- card 2 -->\r\n    <div class=\"k-230-slider-card\" id=\"k-230-slide2\">\r\n        <label for=\"slide-1a\" class=\"prev\"></label>\r\n        <label for=\"slide-3a\" class=\"nxt\"></label>\r\n        <div class=\"k-230-slider-img\">\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/long_life_keyboard.jpg\" alt=\"\">\r\n        </div>\r\n        <div class=\"k-230-slider-content\">\r\n            <div class=\"k-230-slider-h3\">\r\n                <h3>\r\n                    Long battery life\r\n                </h3>\r\n            </div>\r\n            <div class=\"k-230-slider-p\">\r\n                <p>Enjoy up to 16 months of keyboard use with just 3 AAA batteries.</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <!-- card 3 -->\r\n    <div class=\"k-230-slider-card\" id=\"k-230-slide3\">\r\n        <label for=\"slide-2a\" class=\"prev\"></label>\r\n        <label for=\"slide-1a\" class=\"nxt\"></label>\r\n        <div class=\"k-230-slider-img\">\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/increased_productivity.jpg\" alt=\"\">\r\n        </div>\r\n        <div class=\"k-230-slider-content\">\r\n            <div class=\"k-230-slider-h3\">\r\n                <h3>\r\n                    Increased productivity\r\n                </h3>\r\n            </div>\r\n            <div class=\"k-230-slider-p\">\r\n                <p>Increase productivity with a keyboard that easily activates all 12 function keys with just one click.</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"k-230-nav\">\r\n        <label class=\"k-230-nav-item\" id=\"k-230-nav-1\" for=\"slide-1a\"></label>\r\n        <label class=\"k-230-nav-item\" id=\"k-230-nav-2\" for=\"slide-2a\"></label>\r\n        <label class=\"k-230-nav-item\" id=\"k-230-nav-3\" for=\"slide-3a\"></label>\r\n    </div>\r\n</div>\r\n<div class=\"k-230-footer\">\r\n   \r\n    <div class=\"k-230-sub-f k-230-sub-1\">\r\n        <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3_3L1E7AA/horizontal-keyboard.png\" alt=\"\">\r\n    </div>\r\n    <div class=\"k-230-sub-f\">\r\n        <h3>Clutter-free environment</h3>\r\n        <hr/>\r\n        <p>Enjoy the freedom of a clutter-free environment and setup.</p>\r\n    </div>\r\n</div>\r\n</div>"}]}]},"pdpSpecialOffers":null}}},"extensions":{}}