{"data":{"page":{"vanityUrl":"pdp/hp-slim-rechargeable-pen","templateKey":"pdp","nextQuery":{"hash":"footerLinks","timeout":1000},"pageComponents":{"pdpTechSpecs":{"highlights":[],"technical_specifications":[{"name":"Battery","tooltip":"","value":[{"value":["Supercapacitor"]}]},{"name":"Battery life","tooltip":"","value":[{"value":["20 sec charging for 70 mins use"]}]},{"name":"Connection Type","tooltip":"","value":[{"value":["Pogo pin"]}]},{"name":"Indicator Light","tooltip":"","value":[{"value":["Power"]}]},{"name":"Buttons","tooltip":"","value":[{"value":["2 buttons"]}]},{"name":"Pen Pressure Level","tooltip":"","value":[{"value":["4096 levels"]}]},{"name":"Tip Activation Force","tooltip":"","value":[{"value":["<15 g"]}]},{"name":"Special features","tooltip":"","value":[{"value":["2 exchangeable tips"]}]},{"name":"Color","tooltip":"","value":[{"value":["Gray"]}]},{"name":"Minimum system requirements","tooltip":"","value":[{"value":["AES 1.0"]}]},{"name":"Compatibility\n","tooltip":"","value":[{"value":["Compatible only with HP Pro x360 Fortis 11 inch G9 Notebook PC, HP Pro x360 Fortis 11 inch G10 Notebook PC and HP Pro x360 435 13.3 inch G9 Notebook PC."]}]},{"name":"What's in the box","tooltip":"","value":[{"value":["Quick start guide<br/> Warranty card<br/> Stylus<br/> 1 x additional POM tip<br/> 1 x tweezer"]}]},{"name":"Dimensions (W X D X H)","tooltip":"","value":[{"value":["5.26 x 0.28 x 0.31 in"]}]},{"name":"Weight","tooltip":"","value":[{"value":["0.03 lb"]}]}],"datasheets":[{"datasheet_url":"http://www8.hp.com/h20195/v2/GetDocument.aspx?docname=4aa8-1472enw","label":"HP Slim Rechargeable Pen","gtmId":"HP Slim Rechargeable Pen","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_slm_rchg_pn_main p, \r\n.hp_slm_rchg_pn_main h2, \r\n.hp_slm_rchg_pn_main h3, .hp_slm_rchg_pn_main h4, .hp_slm_rchg_pn_main h5, .hp_slm_rchg_pn_main figure { margin: 0;padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }\r\n.hp_slm_rchg_pn_main{max-width: 1688px; background-color: #FFFFFF; margin:0 auto;}\r\n.hp_slm_rchg_pn_main h2{font-size:clamp(1.5rem, 4.5vw, 5.938rem); color: #000000;line-height: 1; max-width: 1600px;}\r\n.hp_slm_rchg_pn_main h3,.hp_slm_rchg_pn_main .K_card_header h3{font-size:clamp(1.4rem, 0.2593rem + 5.7037vw, 5.25rem); max-width:1600px; line-height: 1; text-wrap: pretty; max-width: 1600px;}\r\n.hp_slm_rchg_pn_main .tp_hdr h3{font-size: clamp(1.5rem, 1.1250rem + 1.8750vw, 3rem);color:#FFF;}\r\n.hp_slm_rchg_pn_main p{ font-size: clamp(1rem, 0.6667rem + 1.6667vw, 2.125rem);  color: #000;line-height: 1.3; text-wrap: pretty;}\r\n.hp_slm_rchg_pn_main  img{max-width: 100%;}\r\n.hp_slm_rchg_pn_main .iimg-bk img {width: 100%;object-fit: cover;}\r\n.hp_slm_rchg_pn_main sup, .hp_slm_rchg_pn_main sup small{position: relative; font-size: 50%; top:2px;  vertical-align:top;}\r\n.hp_slm_rchg_pn_main h2 sup{font-size:32%;}\r\n.hp_slm_rchg_pn_main .K_dark_bg{background-color: #549ef7;}\r\n.hp_slm_rchg_pn_main .tp_hdr{background-color: #024AD8;    padding: 45px 80px;}\r\n/* .K_light_bg{background-color: #dfdfdf;}\r\n.k_space{height: 46px; width: 100%;} */\r\n.hp_slm_rchg_pn_main .icon_section{display: flex; flex-direction: column;gap: 0px;display: none;}\r\n.hp_slm_rchg_pn_main .icon_section>div{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}\r\n.hp_slm_rchg_pn_main .pn_banr_info p.mb-30{margin-bottom: 30px;}\r\n.hp_slm_rchg_pn_main .icon_section>div img{margin: 0 5px;}\r\n.hp_slm_rchg_pn_main .icon_section>div p{margin-right: 10px;}\r\n.hp_slm_rchg_pn_main .pn_banr_info{display: flex;flex-direction: column; width: 50%;    gap: 92px;    padding: 130px 35px 75px 75px;}\r\n.hp_slm_rchg_pn_main .mg_secn{width: 50%;text-align: right; display: flex; align-items: center; justify-content: center; padding: 30px 30px 30px;position: relative;}\r\n.hp_slm_rchg_pn_main .mg_secn img{position: absolute;right:0}\r\n\r\n.hp_slm_rchg_pn_main .pn_banr_inr{display: flex; flex-direction: row; flex-wrap: nowrap; position: relative;}\r\n.hp_slm_rchg_pn_main .dsk_vw{display: block;}\r\n.hp_slm_rchg_pn_main .mb_vw.stay_img{display: none;}\r\n.hp_slm_rchg_pn_main .kmt-25{margin-top: 25px;}\r\n.hp_slm_rchg_pn_main .kmb-25{margin-bottom: 25px;}\r\n.hp_slm_rchg_pn_main .tabview{display: none;}\r\n.hp_slm_rchg_pn_main .org_img{width: 55%; display: flex; align-items: center; position: relative; justify-content: center;}\r\n.hp_slm_rchg_pn_main .p_text{position: absolute;top: -13px;}\r\n.hp_slm_rchg_pn_main .org_img>div{width: 90%;}\r\n.hp_slm_rchg_pn_main .org_content{width: 45%; position: relative;}\r\n.hp_slm_rchg_pn_main .organizedContent{display: flex; flex-direction: row; flex-wrap: nowrap;}\r\n.hp_slm_rchg_pn_main .organizedContent .K_card_header{padding-bottom: 25px; margin-bottom: 30px;}\r\n.hp_slm_rchg_pn_main .L_border_bottom{border-bottom: 1px solid #000;}\r\n.hp_slm_rchg_pn_main .org_content p{padding-right: 60px;}\r\n.hp_slm_rchg_pn_main .org_icon{display: flex;gap:15px; align-items: center; margin-top: 50px;}\r\n.hp_slm_rchg_pn_main .mb_vw{display: none;}\r\n.hp_slm_rchg_pn_main .q_access{display: flex; flex-direction: row; flex-wrap: nowrap;}\r\n.hp_slm_rchg_pn_main .q_content{width:50%}\r\n.hp_slm_rchg_pn_main .q_img{width:50%}\r\n.hp_slm_rchg_pn_main .q_content{display: flex; flex-direction: column; flex-wrap: nowrap;}\r\n.hp_slm_rchg_pn_main .q_title{height: 50%; padding: 80px 35px 35px 35px; display: flex; align-items: end;}\r\n.hp_slm_rchg_pn_main .q_text{height: 50%;padding: 35px 35px 80px 35px;}\r\n.hp_slm_rchg_pn_main .q_img img{display:block; object-fit: cover; width: 100%; max-width: 100%; height: 100%;}\r\n.hp_slm_rchg_pn_main .pen_img.q_img {position: relative;}\r\n.hp_slm_rchg_pn_main .power_button{position: absolute;right: 2%; top: 16%;}\r\n.hp_slm_rchg_pn_main .cutomizable_btn{position: absolute; left:2%; top:16%}\r\n.hp_slm_rchg_pn_main .pen_img.q_img img{object-fit: contain;}\r\n.hp_slm_rchg_pn_main .measurementContainer{display: flex; flex-direction: column; flex-wrap: wrap; border-top: 1px solid #939393; padding:40px 80px 80px 80px}\r\n.hp_slm_rchg_pn_main .B-weight div:nth-child(2){display: flex; gap:15px; align-items: center;}\r\n.hp_slm_rchg_pn_main .slide-2,.hp_slm_rchg_pn_main .slide-1{padding: 35px 0;}\r\n.hp_slm_rchg_pn_main .builtforBetter>div{display: flex; flex-direction: column; width: 60%; padding: 80px;}\r\n.hp_slm_rchg_pn_main .builtforBetter{min-height: 630px;}\r\n.hp_slm_rchg_pn_main .border_line{height: 1px; width: 100%; background-color: #000;}\r\n\r\n.hp_slm_rchg_pn_main .builtforBetter .hr{display: none;}\r\n.hp_slm_rchg_pn_main .builtforBetter>div.resmadeimg{position: absolute; z-index: 1; width: 100%; left: 0; padding: 0; bottom:33%; height: 600px;}\r\n.hp_slm_rchg_pn_main .stay_img{position: relative; width: 60%; display: flex; align-items: top; justify-content: start; }\r\n.hp_slm_rchg_pn_main .charg_port{position: absolute; right:32%; bottom: 16%;}\r\n.hp_slm_rchg_pn_main .led_power{position: absolute;left:10%; top:17% }\r\n.hp_slm_rchg_pn_main .builtforBetter{position: relative;z-index: 999; min-height: 630px;}\r\n.hp_slm_rchg_pn_main .builtforBetter h3{margin-bottom: 56px;}\r\n.hp_slm_rchg_pn_main .builtforBetter>div{display: flex; flex-direction: column; width: 60%; z-index: 999; padding: 80px; position: relative;}\r\n\r\n.hp_slm_rchg_pn_main .tabdsk_vw{display: block;}\r\n.hp_slm_rchg_pn_main .tabview{display: none;}\r\n.hp_slm_rchg_pn_main .desktopview{display: block;}\r\n.hp_slm_rchg_pn_main .stayinChange{position: relative;}\r\n.hp_slm_rchg_pn_main .staynchangecontent{width:50%; display: flex; flex-direction: column; top: 26%; position: absolute; top:27%; right:0;}\r\n.hp_slm_rchg_pn_main .staynchangecontent .K_card_header{padding-bottom: 15px; margin-bottom: 20px;}\r\n.hp_slm_rchg_pn_main .measurement{width:940px; margin: auto; position: relative; text-align: center;}\r\n.hp_slm_rchg_pn_main .penLength{position: absolute; text-align: center; right: 41%; top:-37px}\r\n.hp_slm_rchg_pn_main .penWidth{position: absolute; left:-4%; top:-37px}\r\n.hp_slm_rchg_pn_main .B-weight{display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}\r\n\r\n.hp_slm_rchg_pn_main .icn_inf_bk_mn {display: flex;justify-content: space-around;flex-wrap: wrap;gap: 0px;padding:65px 75px 65px;background-color: #f7f7f7;margin:0px 0 40px;}\r\n.hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk {display: flex;flex-direction: column;gap: 20px;flex-basis:25%;padding: 0px 30px 0px;box-sizing: border-box;}\r\n.hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk .iimg-bk{max-width: 80px;height: 64px;}\r\n.hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk .icn_inf {display: flex;flex-direction: column;gap: 22px;}\r\n.hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk .icn_inf .icn_inf_hd {border-bottom: 0;padding: 0;font-size: clamp(1.5rem, 1.6vw, 2rem);line-height: 1.1;text-wrap-style: pretty;margin: 0;font-weight: normal;}\r\n.hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk .icn_inf .icn_inf_pr {font-size: 18px;line-height: 1.3;text-wrap-style: pretty;margin: 0;}\r\n.hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk:first-child{padding-left: 0;}\r\n.hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk:last-child{padding-right: 0;}\r\n\r\n.hp_slm_rchg_pn_main .eb_port_container .hp_elt_bk_hd {font-size: clamp(2rem, 4vw, 2.625rem);line-height: 1;text-wrap: pretty;color: #000;padding:30px 0px;padding-right: 20px;}\r\n.hp_slm_rchg_pn_main .eb_portsection {padding: 0px 75px 0px;}\r\n\r\n.hp_slm_rchg_pn_main .cstmz_icn_sc_wrp{display: flex; gap:20px;padding:30px 20px;box-sizing: border-box;flex-wrap:wrap;align-items: center;justify-content:center;background-color: #f7f7f7; width: 100%;margin-bottom: 80px;}\r\n.hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk{flex-basis: fit-content;display: flex;gap:20px;align-items: center;}\r\n.hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk .hp_elt_bk_hd_sb{font-size: clamp(1.115rem, 2.5vw, 1.5rem);}\r\n.hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk .icn_sc.iimge_bk{max-width: 70px;min-width: 70px;max-height: 70px;min-height: 70px;height: 100%; border-radius: 13%; background-color: #FFF;padding: 10px; box-sizing: border-box;}\r\n.hp_slm_rchg_pn_main {display: flex; flex-direction: column;align-items: flex-start;}\r\n.hp_slm_rchg_pn_main .cstmz_bnr_sectn_mn .cstmz_lptp_sctn .elt_bk_nm{text-align: left;padding: 10px 0px 20px;}\r\n.hp_slm_rchg_pn_main .cstmz_lptp_sctn .dsgn_fr_wrp .dsgn_fr_mge_wrp{display: flex;gap:25px;}\r\n.hp_slm_rchg_pn_main .cstmz_lptp_sctn .dsgn_fr_wrp .dsgn_fr_mge_wrp .iimge_bk{max-width: 100px;display: flex;flex-direction: column;align-items: center;}\r\n.hp_slm_rchg_pn_main .cstmz_lptp_sctn .dsgn_fr_wrp .dsgn_fr_mge_wrp .iimge_bk img {height: 100%;}\r\n\r\n.hp_slm_rchg_pn_main .pn_secn_fty{display: flex;width:100%;margin:80px 0 0;    /*padding: 0 75px;*/box-sizing: border-box;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty.ctrl_secn{ margin-top:80px;  }\r\n.hp_slm_rchg_pn_main .pn_secn_fty_lft, .hp_slm_rchg_pn_main .pn_secn_fty_rht{display: flex;flex-basis:50%;align-items: center;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty_rht{flex-direction: column;gap:35px;padding: 75px;box-sizing: border-box;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty_lft{background-color: #f7f7f7;border-top-left-radius:13px;border-bottom-left-radius:13px;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty_rht .hp_elt_bk_hd{font-size: clamp(1.5rem, 4vw, 4rem);}\r\n.hp_slm_rchg_pn_main .pn_secn_fty.esy_stor .pn_secn_fty_lft .iimge_bk{display: flex;height: 100%;}\r\n.hp_slm_rchg_pn_main .fty_inf{align-items: flex-start;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty.esy_stor .pn_secn_fty_lft .iimge_bk img,.hp_slm_rchg_pn_main .pn_secn_fty.ctrl_secn .pn_secn_fty_lft .iimge_bk img{border-top-left-radius:13px;border-bottom-left-radius:13px;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty.esy-accrt .pn_secn_fty_lft{border-top-left-radius: 0%;border-bottom-left-radius: 0%;border-top-right-radius:13px;border-bottom-right-radius:13px;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty.esy-accrt .pn_secn_fty_lft .iimge_bk img{border-top-left-radius: 0%;border-bottom-left-radius: 0%;border-top-right-radius:13px;border-bottom-right-radius:13px;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty.esy-accrt{margin-top:0;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty.esy_stor{margin:0px 0 80px;}\r\n\r\n.hp_slm_rchg_pn_main .ft_nts_sectn {width:100%;}\r\n.hp_slm_rchg_pn_main .hp_pn_tp0{margin-top: 0;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty.esy-accrt .pn_secn_fty_lft .iimge_bk{display: flex;height: 100%;}\r\n\r\n@media only screen and (min-width: 1686px) {\r\n  .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp{gap:188px;}\r\n}\r\n@media only screen and (min-width: 1442px) {\r\n  .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp{gap:100px;}\r\n}\r\n@media only screen and (max-width: 1400px) {\r\n  .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk .icn_sc.iimge_bk{max-width: 55px;min-width: 55px;max-height: 55px;min-height: 55px;}\r\n  .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp{gap:93px;}\r\n  .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk .hp_elt_bk_hd_sb{font-size: clamp(1.115rem, 2.5vw, 1.3rem);}\r\n}\r\n@media only screen and (max-width: 1366px) {\r\n.hp_slm_rchg_pn_main .bag_front{ width: 410px;}\r\n.hp_slm_rchg_pn_main .bagsideview { width: 360px;}\r\n.hp_slm_rchg_pn_main .left_mes{right: -5%; bottom: -10%;    width: 85px;height: 34px;}\r\n.hp_slm_rchg_pn_main .bagsideview p{right: -88px;bottom: -102px;}\r\n.hp_slm_rchg_pn_main .builtforBetter>div.resmadeimg{bottom: 30%;}\r\n.hp_slm_rchg_pn_main .hp_penSlider{max-height: 540px; overflow: hidden;}\r\n}\r\n@media only screen and (max-width: 1280px) {\r\n  .hp_slm_rchg_pn_main .builtforBetter{min-height: 400px;}\r\n  .hp_slm_rchg_pn_main .builtforBetter>div.resmadeimg {bottom: 13%; width: 1180px; min-height: 400px;}\r\n  .hp_slm_rchg_pn_main .icn_inf_bk_mn{overflow-x: scroll;gap: 20px;scroll-snap-type: x mandatory;width: 100%;flex-wrap: unset;padding: 20px 20px;box-sizing: border-box;background-color: #fdfdfd;}\r\n  .hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk{flex: 0 0 41%;\r\n  scroll-snap-align: center; background-color: #f7f7f7;padding:25px; border: 1px solid #eaeaea;}\r\n  .hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk:first-child{padding-left: 30px;}\r\n  .hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk:first-child{padding-right:30px;}\r\n\r\n  .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk .hp_elt_bk_hd_sb {font-size: 15px;}\r\n .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk {gap: 10px;}\r\n  .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp {gap:100px;}\r\n  .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp {padding: 20px 15px;}\r\n\r\n  .hp_slm_rchg_pn_main .pn_secn_fty_rht{padding:50px;}\r\n  .hp_slm_rchg_pn_main .pn_secn_fty.esy-accrt .pn_secn_fty_rht.fty_inf {padding-left:75px;}\r\n  .hp_slm_rchg_pn_main .pn_banr_info{padding: 50px 0 50px 75px;}\r\n  .hp_slm_rchg_pn_main .pn_banr_inr .mg_secn img{max-width: 84%;}\r\n  .hp_slm_rchg_pn_main .pn_secn_fty.ctrl_secn {margin-top:50px;}\r\n  .hp_slm_rchg_pn_main .pn_secn_fty.esy_stor {margin: 0px 0 50px;}\r\n  .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp{margin-bottom: 60px;}\r\n}\r\n@media only screen and (max-width: 1200px) {\r\n  .hp_slm_rchg_pn_main .bnr_hd h2 br{display: none;}\r\n  .hp_slm_rchg_pn_main .line_height{height: 284px; width:140px}\r\n  .hp_slm_rchg_pn_main .bag_front{width: 300px;}\r\n  .hp_slm_rchg_pn_main .bagsideview{width: 264px;}\r\n  .hp_slm_rchg_pn_main .left_mes { right: -13%; bottom: -9%; width: 76px;}\r\n  .hp_slm_rchg_pn_main .power_button{right:3%; top:22%}\r\n  .hp_slm_rchg_pn_main .cutomizable_btn{top:22%}\r\n  .hp_slm_rchg_pn_main .builtforBetter{min-height: auto;}\r\n  .hp_slm_rchg_pn_main .builtforBetter>div.resmadeimg{width: 1100px;bottom: 8%;}\r\n  .hp_slm_rchg_pn_main .measurement {width: 760px;}\r\n  .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp {gap:80px;}\r\n}\r\n  @media only screen and (max-width: 1100px) {\r\n  .hp_slm_rchg_pn_main .builtforBetter>div.resmadeimg {width: 1040px; bottom: 3%;}\r\n  \r\n  } \r\n@media only screen and (max-width: 1024px) {\r\n.hp_slm_rchg_pn_main .pn_banr_info{padding: 20px 30px 20px 20px;}\r\n.hp_slm_rchg_pn_main .tabview{display: block;}\r\n.hp_slm_rchg_pn_main .pn_banr_info .tabview{width:60%; margin: auto;}\r\n.hp_slm_rchg_pn_main .pn_banr_info{width:100%; gap:34px}\r\n.hp_slm_rchg_pn_main .pn_banr_info p br{display: none;}\r\n.hp_slm_rchg_pn_main .org_content p{padding-right: 35px;}\r\n.hp_slm_rchg_pn_main .q_title,.hp_slm_rchg_pn_main .q_text{padding-left: 35px;}\r\n.hp_slm_rchg_pn_main .tp_hdr{padding: 25px 20px;}\r\n.hp_slm_rchg_pn_main .organized.built_for .organizedContent { gap: 0px;}\r\n.hp_slm_rchg_pn_main .bag_front,.hp_slm_rchg_pn_main .bagsideview {width: 275px;}\r\n.hp_slm_rchg_pn_main .line_height {height: 214px;width: 75px; right:99%}\r\n.hp_slm_rchg_pn_main .line_width{bottom: -42px;}\r\n.hp_slm_rchg_pn_main .bag_front p,.hp_slm_rchg_pn_main .bagsideview p{font-size: 16px;}\r\n.hp_slm_rchg_pn_main .bagsideview{width: 246px;}\r\n.hp_slm_rchg_pn_main .bagsideview p {right: -55px;bottom: -46px;}\r\n.hp_slm_rchg_pn_main .org_img,.hp_slm_rchg_pn_main .org_content{width: 50%;}\r\n.hp_slm_rchg_pn_main .k_space { height: 22px;}\r\n.hp_slm_rchg_pn_main .power_button{top:26%; right:5%}\r\n.hp_slm_rchg_pn_main .cutomizable_btn{top:28%; left: 9%;}\r\n.hp_slm_rchg_pn_main .power_button p,.hp_slm_rchg_pn_main .cutomizable_btn p{font-size: 16px;}\r\n.hp_slm_rchg_pn_main .builtforBetter>div{padding: 35px;}\r\n.hp_slm_rchg_pn_main .builtforBetter h3{margin-bottom: 50px;}\r\n.hp_slm_rchg_pn_main .builtforBetter {min-height: 450px;}\r\n.hp_slm_rchg_pn_main .builtforBetter>div.resmadeimg {width: 964px;bottom: 29%;height: 450px;}\r\n.hp_slm_rchg_pn_main .staynchangecontent p br{display: none ;}\r\n.hp_slm_rchg_pn_main .charg_port{right:28%}\r\n.hp_slm_rchg_pn_main .led_power{left:4%}\r\n.hp_slm_rchg_pn_main .org_icon{margin-top: 30px;}\r\n.hp_slm_rchg_pn_main .measurement {width: 650px;}\r\n.hp_slm_rchg_pn_main .measurementContainer{padding: 35px;}\r\n.hp_slm_rchg_pn_main .cstmz_icn_sc_wrp{margin-bottom:40px;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty_rht{padding:40px;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty{padding: 0 0px;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty.esy-accrt .pn_secn_fty_rht.fty_inf{padding-left: 20px;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty.esy_stor {margin: 0px 0 40px;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty.ctrl_secn {margin-top:30px;}\r\n}\r\n@media only screen and (max-width: 980px) {.hp_slm_rchg_pn_main .builtforBetter>div.resmadeimg {width: 896px;bottom: 25%;}    .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp {gap: 70px;}}\r\n@media only screen and (max-width: 920px) {.hp_slm_rchg_pn_main .builtforBetter>div.resmadeimg {width: 836px;bottom: 24%;}.hp_slm_rchg_pn_main .hp_penSlider {max-height: 450px;}}\r\n@media only screen and (max-width: 912px) { .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp{justify-content: center;gap: 0px;padding:0px 18px 0;align-items: stretch;margin-top: 0;}\r\n    .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk{flex-basis: 50%;padding:25px 10px;border-bottom: 1px solid #000; border-right: 1px solid #000; box-sizing: border-box; flex-direction: column; align-items: center;}\r\n    .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk:nth-child(2), .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk:nth-child(4), .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk:last-child{border-right: 0;}\r\n    .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk .hp_elt_bk_hd_sb{text-align: center;}\r\n    .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk:first-child,.hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk:nth-child(3){padding-left: 0;}\r\n    .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk:nth-child(2),.hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk:nth-child(4){padding-right: 0;}\r\n    .hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk:nth-child(3),.hp_slm_rchg_pn_main .cstmz_icn_sc_wrp .icn_sc_bk:last-child{border-bottom: 0;}}\r\n@media only screen and (max-width:900px) {.hp_slm_rchg_pn_main .builtforBetter>div.resmadeimg { width: 759px; bottom: 18%;} .hp_penSlider {max-height: 510px;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty {flex-wrap: wrap;}\r\n    .hp_slm_rchg_pn_main .pn_secn_fty_lft, .hp_slm_rchg_pn_main .pn_secn_fty_rht{flex-basis: 100%;align-items: flex-start;}\r\n    .hp_slm_rchg_pn_main .pn_secn_fty.pn_secn_fty.esy-accrt{flex-wrap: wrap-reverse;}\r\n    .hp_slm_rchg_pn_main .pn_secn_fty {margin: 0px 0 20px;}\r\n    .hp_slm_rchg_pn_main .pn_secn_fty_lft {border-radius: 8%;}\r\n    .hp_slm_rchg_pn_main .pn_secn_fty.esy-accrt .pn_secn_fty_lft {border-radius:13px;}\r\n    .hp_slm_rchg_pn_main .pn_secn_fty.esy-accrt .pn_secn_fty_lft .iimge_bk img,.hp_slm_rchg_pn_main .pn_secn_fty.ctrl_secn .pn_secn_fty_lft .iimge_bk img,.hp_slm_rchg_pn_main .pn_secn_fty.esy_stor .pn_secn_fty_lft .iimge_bk img {border-radius:13px;display: flex;}\r\n    .hp_slm_rchg_pn_main .pn_secn_fty_rht{padding:20px; gap:15px;}\r\n    .hp_slm_rchg_pn_main .pn_secn_fty.esy-accrt .pn_secn_fty_rht.fty_inf{padding-left:20px;}\r\n    .hp_slm_rchg_pn_main .pn_secn_fty.esy_stor {margin: 0px 0 30px;}\r\n}\r\n\r\n@media (max-width:820px){\r\n  .hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk {flex: 0 0 74%;}\r\n  .hp_slm_rchg_pn_main .icn_inf_bk_mn{padding: 10px 20px;margin-bottom: 20px;}\r\n  .hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk{flex: 0 0 74%;}\r\n}\r\n@media only screen and (max-width: 768px) {\r\n.hp_slm_rchg_pn_main .org_img{width:50%; display: flex; }\r\n.hp_slm_rchg_pn_main .org_content{width:50%}\r\n.hp_slm_rchg_pn_main .org_icon{margin-top:30px}\r\n.hp_slm_rchg_pn_main .q_title{padding-top: 35px;}\r\n.hp_slm_rchg_pn_main .q_text{padding-bottom: 35px;}\r\n.hp_slm_rchg_pn_main .icon_section figure img{height: 40px;}\r\n.hp_slm_rchg_pn_main .B-weight img{max-height: 48px;}\r\n.hp_slm_rchg_pn_main .k_space {height: 18px;}\r\n.hp_slm_rchg_pn_main .hp_penSlider .slider-prev-next-controlone label{height: 28px; width:28px}\r\n.hp_slm_rchg_pn_main .hp_penSlider #slideone5:checked ~ .slider-prev-next-controlone label:nth-child(1)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone4:checked ~ .slider-prev-next-controlone label:nth-child(5)::after{height: 24px;  width: 24px; background-size: 26%;}\r\n.hp_slm_rchg_pn_main .hp_penSlider #slideone3:checked ~ .slider-prev-next-controlone label:nth-child(4)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone2:checked ~ .slider-prev-next-controlone label:nth-child(3)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone1:checked ~ .slider-prev-next-controlone label:nth-child(2)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone1:checked ~ .slider-prev-next-controlone label:nth-child(5)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone5:checked ~ .slider-prev-next-controlone label:nth-child(4)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone4:checked ~ .slider-prev-next-controlone label:nth-child(3)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone3:checked ~ .slider-prev-next-controlone label:nth-child(2)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone2:checked ~ .slider-prev-next-controlone label:nth-child(1)::after{height: 24px;  width: 24px; background-size: 26%;}\r\n.hp_slm_rchg_pn_main .hp_penSlider #slideone1:checked ~ .slider-prev-next-controlone label:nth-child(5)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone5:checked ~ .slider-prev-next-controlone label:nth-child(4)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone4:checked ~ .slider-prev-next-controlone label:nth-child(3)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone3:checked ~ .slider-prev-next-controlone label:nth-child(2)::after,.hp_slm_rchg_pn_main .hp_penSlider #slideone2:checked ~ .slider-prev-next-controlone label:nth-child(1)::after{background-position: 10px 6px;}\r\n.hp_slm_rchg_pn_main .builtforBetter { min-height: 378px;}\r\n.hp_slm_rchg_pn_main .builtforBetter h3 {margin-bottom: 38px;}\r\n.hp_slm_rchg_pn_main .builtforBetter>div.resmadeimg{bottom: 2%; width: 700px;}\r\n.hp_slm_rchg_pn_main .hp_penSlider { max-height: 418px;}\r\n.hp_slm_rchg_pn_main .charg_port { right: 23%; bottom: 14%;}\r\n.hp_slm_rchg_pn_main .measurement { width: 540px;}\r\n.hp_slm_rchg_pn_main .q_title,.hp_slm_rchg_pn_main .q_text{padding: 20px;}\r\n.hp_slm_rchg_pn_main .cutomizable_btn { top: 20%;}\r\n.hp_slm_rchg_pn_main .pn_secn_fty_rht{padding:20px;gap:20px;}}\r\n@media only screen and (max-width: 760px) {\r\n.hp_slm_rchg_pn_main .pn_banr_info .mb_vw{text-align: center;}\r\n.hp_slm_rchg_pn_main .mg_secn.dsk_vw{display: none;}\r\n.hp_slm_rchg_pn_main .hp_penSlider { max-height:none;}\r\n.hp_slm_rchg_pn_main .org_img{display: none;}\r\n.hp_slm_rchg_pn_main .mb_vw{display: block;}\r\n.hp_slm_rchg_pn_main .org_content {  width: 100%;display: flex; flex-direction: column; padding:0; gap: 20px;}\r\n.hp_slm_rchg_pn_main .org_content h3 br{display: none;}\r\n.hp_slm_rchg_pn_main .org_content .K_card_header.L_border_bottom{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}\r\n.hp_slm_rchg_pn_main .organized {padding:0;border-top: 1px solid #939393;}\r\n.hp_slm_rchg_pn_main .org_icon {margin-top: 0;}\r\n.hp_slm_rchg_pn_main .organized.built_for{border-top:none;}\r\n.hp_slm_rchg_pn_main .org_icon img{width:40px}\r\n.hp_slm_rchg_pn_main .org_content{position: relative;}\r\n.hp_slm_rchg_pn_main .p_text {position: absolute; top: 77px;}\r\n.hp_slm_rchg_pn_main .q_img{display: none;}\r\n.hp_slm_rchg_pn_main .q_content{width: 100%;}\r\n.hp_slm_rchg_pn_main .q_text,.hp_slm_rchg_pn_main .q_title{padding: 20px;}\r\n.hp_slm_rchg_pn_main .org_content.built_content .K_card_header{ margin-bottom: 0;}\r\n.hp_slm_rchg_pn_main{display: flex; flex-direction: column; gap:12px}\r\n.hp_slm_rchg_pn_main .tp_hdr { padding: 15px 20px;}\r\n.hp_slm_rchg_pn_main .pn_banr_info {padding: 20px; gap: 0;}\r\n.hp_slm_rchg_pn_main .heightWidth,.hp_slm_rchg_pn_main .bag_side{width:100%; justify-content: center; display: flex;}\r\n.hp_slm_rchg_pn_main .slide-2,.hp_slm_rchg_pn_main .slide-1{padding: 0;}\r\n.hp_slm_rchg_pn_main .org_content p{padding-right: 0;}\r\n.hp_slm_rchg_pn_main .measurementContainer{padding: 20px 20px 0 20px;}\r\n.hp_slm_rchg_pn_main .org_content.built_content h3{padding: 0 20px;}\r\n.hp_slm_rchg_pn_main .p-20{padding: 0 20px !important;}\r\n.hp_slm_rchg_pn_main .B-weight img{max-height: 50px;}\r\n.hp_slm_rchg_pn_main .pn_banr_info .tabview { width: 90%;}\r\n.hp_slm_rchg_pn_main .icon_section{gap:14px}\r\n.hp_slm_rchg_pn_main .bnr_hd.dsk_vw.kmb-25 br:first-child{display: none;}\r\n.hp_slm_rchg_pn_main .org_icon.p-20 { margin-top: 20px;}\r\n.hp_slm_rchg_pn_main .pn_banr_info p.mb-30 {margin-bottom:0px;}\r\n.hp_slm_rchg_pn_main .left_mes { bottom: -7%; width: 64px;}\r\n.hp_slm_rchg_pn_main .bagsideview p { right: -63px;bottom: -39px;}\r\n.hp_slm_rchg_pn_main .measurementContainer {padding: 20px}\r\n.hp_slm_rchg_pn_main .p_text{font-size: 16px;}\r\n.hp_slm_rchg_pn_main .power_button { top: 17%; right: 8%;}\r\n.hp_slm_rchg_pn_main .cutomizable_btn{left:13%; top:15%; text-align: center; }\r\n.hp_slm_rchg_pn_main .pen_img.mb_vw{position: relative;}\r\n.hp_slm_rchg_pn_main .dsk_vw,.hp_slm_rchg_pn_main .resmadeimg.dsk_vw{display: none;}\r\n.hp_slm_rchg_pn_main .staynchangecontent{position: relative; width:100%}\r\n.hp_slm_rchg_pn_main .content_wrapper{display: flex; flex-direction: column; flex-wrap: wrap;}\r\n.hp_slm_rchg_pn_main .stay_img.mb_vw{display: block; width: 100%; margin-bottom: 25px;}\r\n.hp_slm_rchg_pn_main .staynchangecontent .K_card_header h3{padding: 0 20px;}\r\n.hp_slm_rchg_pn_main .staynchangecontent p {padding: 0 20px;}\r\n.hp_slm_rchg_pn_main .charg_port{bottom: 4%;}\r\n.hp_slm_rchg_pn_main .led_power {left: 29%;top: 4%;}\r\n.hp_slm_rchg_pn_main .stayinChange{margin-bottom: 40px;}\r\n.hp_slm_rchg_pn_main .builtforBetter>div {padding: 0px;width: 100%;}\r\n.hp_slm_rchg_pn_main .builtforBetter>div .K_card_header{border-bottom: 1px solid #000; margin-bottom: 20px;}\r\n.hp_slm_rchg_pn_main .builtforBetter>div .K_card_header h3{margin-bottom:15px; padding: 0 20px;}\r\n.hp_slm_rchg_pn_main .builtforBetter>div p{padding: 0 20px;}\r\n.hp_slm_rchg_pn_main .builtforBetter .org_icon.p-20 p{padding: 0;}\r\n.hp_slm_rchg_pn_main .hp_penSlider{border-top:none; border-bottom: none;}\r\n.hp_slm_rchg_pn_main .builtforBetter {min-height: 266px;}\r\n.hp_slm_rchg_pn_main .measurement { width: 340px;}\r\n}\r\n@media (max-width:500px){\r\n.hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk {\r\n  flex: 0 0 84%;\r\n}\r\n}\r\n\r\n@media only screen and (max-width: 480px) {\r\n.hp_slm_rchg_pn_main .bag_front{ width: 190px; margin-left: 45px;}\r\n.hp_slm_rchg_pn_main .bagsideview { width: 180px;}\r\n.hp_slm_rchg_pn_main .line_height { height: 162px;width: 73px;}\r\n.hp_slm_rchg_pn_main .left_mes{bottom: -14%;}\r\n.hp_slm_rchg_pn_main .p_text{top:44px}\r\n.hp_slm_rchg_pn_main .bagsideview p{bottom: -50px;   right: -44px;}\r\n.hp_slm_rchg_pn_main .icon_section figure img{height: 30px;}\r\n.hp_slm_rchg_pn_main .power_button {top: 14%;right: 4%;}\r\n.hp_slm_rchg_pn_main .cutomizable_btn { left: 13%; top: 11%;}\r\n.hp_slm_rchg_pn_main .led_power {left: 24%;top: 0%;}\r\n.hp_slm_rchg_pn_main .charg_port { bottom: 1%; right: 17%;}\r\n.hp_slm_rchg_pn_main .measurement { width: 100%;}\r\n.hp_slm_rchg_pn_main .B-weight img { max-height: 34px;}}\r\n@media only screen and (max-width: 480px) {\r\n.hp_slm_rchg_pn_main .cutomizable_btn {left: 10%;}}\r\n@media (max-width:400px){\r\n  .hp_slm_rchg_pn_main .icn_inf_bk_mn .icn_inf_bk {flex: 0 0 94%;}\r\n}\r\n@media only screen and (max-width: 320px) {.hp_slm_rchg_pn_main .p_text{top:60px}\r\n.hp_slm_rchg_pn_main .cutomizable_btn { left: 10%; top: 9%;}}\r\n/* Tabs */\r\n.hp_slm_rchg_pn_main .eb_tabs {display: flex; max-width:100%; margin: 0 auto; background: #fff;  overflow: hidden;}\r\n.hp_slm_rchg_pn_main .eb_tab_labels {display: flex;width: 300px;  border-right: 1px solid #d3d1d2;flex-basis:17%;flex-direction: column;}\r\n.hp_slm_rchg_pn_main .eb_tab_labels label { padding:30px;  cursor: pointer; transition: background 0.3s ease; border-right:8px solid #FFF ;background: #FFF; border-top-left-radius: 13px;\r\n    border-bottom-left-radius: 13px;}\r\n .hp_slm_rchg_pn_main .eb_chromebook  .eb_tab_labels label:hover { opacity: .6; }\r\n .hp_slm_rchg_pn_main .eb_tabs input[type=\"radio\"] { display: none;}\r\n .hp_slm_rchg_pn_main .eb_content {   flex: 1;  padding:0px;display: flex;justify-content: flex-start;flex-basis: 63%;}\r\n .hp_slm_rchg_pn_main .eb_tab_content {display: none;  }\r\n .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_tab_labels label[for=\"eb_tab1\"],\r\n.hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_tab_labels label[for=\"eb_tab2\"],\r\n.hp_slm_rchg_pn_main #eb_tab3:checked ~ .eb_tab_labels label[for=\"eb_tab3\"]\r\n{ background: #f4f4f4;border-right:8px solid #024AD8; } \r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2, .hp_slm_rchg_pn_main #eb_tab3:checked ~ .eb_content #eb_content3 { display: flex; flex-direction: column; align-items: center; }\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2{flex-direction: row;padding:35px;}\r\n.hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2{justify-content: space-between;padding: 0;}\r\n.hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .mg_wrp{flex-basis: 60%;display: flex;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .mg_wrp{flex-basis:45%;display: flex;padding-right: 25px;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk{display: flex;position: relative;}\r\n.hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .eb_port_name{flex-basis:36%;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name{flex-basis: 55%;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name ol, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .eb_port_name ol{justify-content: flex-start;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name ol li, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .eb_port_name ol li{flex-basis: 100%;padding-bottom: 5px;}\r\n/* .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .mg_wrp{max-width:47%;} */\r\n.hp_slm_rchg_pn_main .eb_tab_labels label p{font-size: clamp(1rem, -0.875rem + 2vw, 1.625rem);line-height: 1;}\r\n.hp_slm_rchg_pn_main .eb_tab_content .iimge_bk{max-width:100%;margin-top: 0px;}\r\n\r\n.hp_slm_rchg_pn_main #eb_content2 .eb_port_name{justify-content:center;flex-wrap: wrap;}\r\n.hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol{justify-content: flex-start;flex-wrap: wrap;/*position:relative;overflow: hidden;*/}\r\n.hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol li{flex-basis: 100%; align-items: flex-start;display: flex;flex-direction: row;}\r\n\r\n.hp_slm_rchg_pn_main .eb_port_name ol .nstd_lst{flex-wrap: wrap;}\r\n.hp_slm_rchg_pn_main .eb_port_name ol .nstd_lst ul{list-style-type: disc;margin-top: -5px;}\r\n.hp_slm_rchg_pn_main .eb_port_name ol .nstd_lst ul li{padding-left:0;list-style-type: disc;}\r\n.hp_slm_rchg_pn_main .eb_port_name ol .nstd_lst ul li:before{content:'\\26AC';font-size: 25px;margin-top: -8px;}\r\n\r\n/* .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol:last-child li:first-child, .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol:last-child li:nth-child(2), \r\n.hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol:last-child li:nth-child(3), .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol:last-child li:nth-child(4),\r\n.hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol:last-child li:nth-child(5),.hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol:last-child li:nth-child(6){\r\n    visibility: hidden; position: absolute; top:-200%;\r\n} */\r\n.hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol li p{line-height:1.3;flex-basis: 86%;}\r\n.hp_slm_rchg_pn_main #eb_content2 .eb_port_name ul:last-child li:first-child, .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ul:last-child li:nth-child(2), .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ul:last-child li:nth-child(3), .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ul:last-child li:nth-child(4), .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ul:last-child li:nth-child(5), .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ul:last-child li:nth-child(6) {\r\n    visibility: visible;\r\n    position: unset;\r\n}\r\n/* .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol:last-child {\r\n    margin-top: -10px;\r\n} */\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk p{position:absolute;font-size: clamp(0.75rem, 1.5vw, 1.5rem);line-height: 1;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.lngth {text-align: center;top:0%;left:18%;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth {text-align: center; top: -8%;right:-22%;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.tp_dmtr {left: 40%;top: 87%;text-align: center;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.tp_lngth {left: 68%;top: 87%;text-align: center;padding-left: 10px;}\r\n\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_wrpr{display: flex;flex-direction: column;padding-left: 200px;width: 68%;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_inf{display: flex; flex-direction: column; width: fit-content;align-items: center;min-width:200px;\r\n    min-height:200px;height:100%;justify-content: center;background-color: #f7f7f7;border-radius: 100%;padding: 26px;border: 10px solid #dbdbdb;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_hd{display: flex; gap:12px;align-items: center;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_hd p{font-size: clamp(1rem, 1.5vw, 1.5rem);line-height: 1.3;text-align: center;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_hd .iimge_bk.icn{max-width: 50px;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_inf .wght_val{text-align: center;line-height: 1;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_inf .wght_val span {font-size: clamp(1.5rem, 1vw, 4rem);line-height: 1.1;}\r\n.hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_inf .wght_val small {font-size:18px;}\r\n\r\n.hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk p.functn1 {top:13%;left: 29%;}\r\n.hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk p.functn2 {bottom: 22%;left: 45%;}\r\n.hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk p.functn3 {top:5%; right: 6%;}\r\n\r\n@media(max-width:1366px){\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth{ right: -30%;}\r\n}\r\n@media(max-width:1450px){\r\n    .hp_slm_rchg_pn_main .eb_tab_content .iimge_bk {margin-top:0px;}\r\n}\r\n@media(max-width:1280px){\r\n    .hp_slm_rchg_pn_main .eb_tab_content .iimge_bk {\r\n        max-width:100%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_content2 .eb_port_name {\r\n        justify-content: flex-start;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol{flex-basis:100%;min-height: fit-content;}\r\n    .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol:first-child{margin-bottom: 0;}\r\n    .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol:last-child{margin-top:10px;}\r\n\r\n    .hp_slm_rchg_pn_main .eb_tabs{flex-direction: column;}\r\n    .hp_slm_rchg_pn_main .eb_tab_labels{flex-direction: row;width:unset;flex-wrap: wrap;}\r\n    .hp_slm_rchg_pn_main .eb_tab_labels label{flex-basis: auto;display: flex;align-items: center;}\r\n     .hp_slm_rchg_pn_main .eb_tab_labels label{flex-basis: auto;display: flex;align-items: center;border-bottom:6px solid #FFF;\r\n        border-right: 0; border-top-left-radius:13;border-bottom-left-radius:0px;border-top-right-radius: 13px;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_tab_labels label[for=\"eb_tab1\"], .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_tab_labels label[for=\"eb_tab2\"], .hp_slm_rchg_pn_main #eb_tab3:checked ~ .eb_tab_labels label[for=\"eb_tab3\"] {\r\n        background: #f4f4f4;\r\n        border-bottom:6px solid #024AD8;\r\n        border-right: 0;\r\n    }\r\n    .hp_slm_rchg_pn_main .hlp_prt_sectn .hp_elt_bk_hd{line-height: 1.1;}\r\n        .hp_slm_rchg_pn_main .cstmz_sectn .cstmz_bnr_sectn_mn .cstmz_hd_wrp {\r\n        padding: 45px 0 30px;\r\n    }\r\n    .hp_slm_rchg_pn_main .eb_tab_labels{border-right: 0;border-bottom: 1px solid #d3d1d2;}\r\n\r\n    .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk p.functn2 {right:5%;}\r\n\r\n    /* .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_inf .wght_val{margin-left: 64px;} */\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth{ top: -5%;}\r\n}\r\n@media(max-width:1150px){\r\n        .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth {\r\n        top: -8%;\r\n    }\r\n}\r\n@media(max-width:1060px){\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth {\r\n        right: -35%;\r\n    }\r\n}\r\n@media(max-width:1024px){\r\n    .hp_slm_rchg_pn_main #eb_content2 .eb_port_name {\r\n        justify-content: flex-start;\r\n        flex-wrap: nowrap;\r\n        flex-direction: column;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk {\r\n        max-width:76%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .eb_port_name {\r\n        flex-basis:35%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 {\r\n        flex-direction: row;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .mg_wrp, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .mg_wrp {\r\n        flex-basis: 100%;\r\n        display: flex;justify-content:flex-start;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name ol li {\r\n        flex-basis:auto;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .eb_port_name ol li {\r\n        flex-basis:45%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .mg_wrp {\r\n        flex-basis:65%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name ol{justify-content: flex-start;}\r\n    .hp_slm_rchg_pn_main #eb_content2 .eb_port_name ol:last-child {\r\n        margin-top: 20px;\r\n    }\r\n    .hp_slm_rchg_pn_main .eb_tab_labels label{padding: 20px;}\r\n\r\n    .hp_slm_rchg_pn_main .eb_content{flex-basis: 100%;}\r\n\r\n    .hp_slm_rchg_pn_main .eb_portsection {padding: 0px 20px 0px;}\r\n\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_wrpr{padding-left:0px;width: 100%;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_inf .wght_val small {font-size: 16px;}\r\n    .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk p.functn2 {\r\n        right:10%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_inf{min-width: 166px;\r\n    min-height: 166px;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth {\r\n        right: -20%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk p.functn3 {top: 8%;right: 9%;}\r\n}\r\n/* @media (max-width: 853px) {\r\n    .hp_slm_rchg_pn_main .eb_content {\r\n        padding: 35px 0px;\r\n    }\r\n} */\r\n@media (max-width:768px){\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 {\r\n        flex-direction: row;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_wrpr {\r\n        padding-left: 0px;\r\n        width: 100%;\r\n    }\r\n    /* .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_inf .wght_val {\r\n    margin-left: 62px;\r\n} */\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .mg_wrp {\r\n        flex-basis:65%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk {\r\n        max-width: 86%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_inf .wght_val small {\r\n        font-size: 14px;\r\n    }\r\n    .hp_slm_rchg_pn_main .eb_tab_labels label {\r\n        padding: 14px;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk p.functn2 {\r\n        right:10%;\r\n    }\r\n}\r\n@media(max-width:760px){\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2{padding: 50px 20px 40px;}\r\n    .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2{padding: 0;}\r\n}\r\n@media(max-width:650px){\r\n    /* .hp_slm_rchg_pn_main .eb_tab_labels label {\r\n        padding: 8px;\r\n    } */\r\n    .hp_slm_rchg_pn_main .eb_port_container .hp_elt_bk_hd{flex-basis: 100%;padding:0px 0px 20px;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.lngth{left:10%;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth{top:-26%;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_inf {width:70px;height:70px;border:6px solid #dbdbdb;\r\n    }\r\n}\r\n@media (max-width:570px){\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name ol li {\r\n        flex-basis: 70%;\r\n        margin: auto;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .eb_port_name ol li {\r\n        flex-basis: 100%;\r\n        margin: auto;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1{flex-direction: column; align-items: center;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_wrpr{flex-direction: row;padding-top:0px;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_bx_inf {min-width: 158px;min-height: 158px;border: 6px solid #dbdbdb;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .mg_wrp{padding-right: 0;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth{right:-15%;top:0;}\r\n}\r\n@media (max-width:540px){\r\n    .hp_slm_rchg_pn_main .eb_port_container .hp_elt_bk_hd{flex-basis: 100%;padding-top:0;padding-left: 0;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk {\r\n        max-width:90%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth {top:0%;}\r\n}\r\n@media (max-width:465px){\r\n.hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk p.functn1{top: 5%;}\r\n.hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk p.functn2 {right: 0%;top:70%;}\r\n}\r\n@media (max-width:450px){\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name ol li, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .eb_port_name ol li {\r\n        flex-basis: 100%;\r\n        margin: auto;\r\n    }\r\n    .hp_slm_rchg_pn_main .eb_tab_labels label {\r\n        padding: 16px;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .eb_port_name .wght_wrpr{flex-direction:column;padding-top: 30px;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk, .hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk{\r\n        max-width: 96%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.lngth{left:10%;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth{top:-10%;right: -10%;}\r\n}\r\n@media(max-width:410px){\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth {\r\n        top:30%;\r\n        right: -10%;\r\n    }.hp_slm_rchg_pn_main #eb_tab2:checked ~ .eb_content #eb_content2 .iimge_bk p.functn3 {top: 5%;right: 4%;}}\r\n@media(max-width:315px){\r\n    .hp_slm_rchg_pn_main .eb_tab_labels label{flex-basis: 100%;}\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.dpth {\r\n        top: -24%;\r\n    }\r\n    .hp_slm_rchg_pn_main #eb_tab1:checked ~ .eb_content #eb_content1 .iimge_bk p.lngth{\r\n        left: 5%;\r\n    }\r\n}\r\n/* collapsible */\r\n.ft_nts_clpsbl {\r\n    position: relative;\r\n    max-width: 100%;\r\n    margin:20px auto 0;\r\n    padding: 20px 75px;\r\n    box-sizing: border-box;\r\n    background-color: #f7f7f7;\r\n    border-radius: 13px;\r\n  }\r\n  .ft_nts_clpsbl #clpsbl {\r\n    position: absolute;\r\n    opacity: 0;\r\n    z-index: -1;\r\n  }\r\n  .ft_nts_clpsbl #clpsbl:focus{background:transparent; background-color: transparent;border:0;outline: 0;}\r\n  .ft_nts_clpsbl_cnt {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: all 0.35s;\r\n    padding-left: 15px;margin:0;\r\n  }\r\n  .ft_nts_clpsbl input:checked ~ .ft_nts_clpsbl_cnt {\r\n    max-height:20rem;\r\n    min-height:5rem;\r\n  }\r\n  \r\n  /* Visual styles */\r\n  .accordion {\r\n    color:rgba(0,0,0,0.6);\r\n    border: 2px solid;\r\n    border-radius: 0.5rem;\r\n    overflow: hidden;\r\n  }\r\n  .ft_nts_clpsbl_lbl,\r\n  .tab__close {\r\n    display: flex;\r\n    color: rgba(0,0,0,1);\r\n    background: var(--theme);\r\n    cursor: pointer;\r\n  }\r\n  .ft_nts_clpsbl_lbl {\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-size: 14px; line-height: 1;\r\n  }\r\n  .ft_nts_clpsbl_lbl::after {\r\n    content: \"\\002B\";\r\n    width: 1em;\r\n    height: 1em;\r\n    text-align: center;\r\n    /* transform: rotate(-360deg); */\r\n    transition: all 0.35s;\r\n    font-size: 28px;\r\n  }\r\n  .ft_nts_clpsbl input:checked + .ft_nts_clpsbl_lbl::after {\r\n    content: \"\\2212\";\r\n    transform: rotate(360deg);\r\n  }\r\n  .ft_nts_clpsbl_cnt li {\r\n    margin: 0;\r\n    font-size: 12px;color:rgba(0,0,0,1);padding: 15px 6px 0;\r\n  }\r\n  .ft_nts_clpsbl_cnt li:first-child{padding-top:25px;}\r\n  .ft_nts_clpsbl_cnt li a{color:rgba(0,0,0,1); text-decoration: none;}\r\n  .ft_nts_clpsbl_cnt li a:link, .ft_nts_clpsbl_cnt li a:visited{color:rgba(0,0,0,1);}\r\n  .ft_nts_clpsbl_cnt li a:hover{color:rgba(0,0,0,1); text-decoration: underline;}\r\n  .ft_nts_clpsbl__cls {\r\n    justify-content: flex-end;\r\n    padding: 0.5rem 1rem;\r\n    font-size: 0.75rem;\r\n  }\r\n  .ft_nts_clpsbl ol p{font-size: 12px;line-height:1;margin-top:30px;}\r\n\r\n@media (max-width:1280px){\r\n    .ft_nts_clpsbl{\r\n      padding: 20px 40px;\r\n      margin: 0px auto 0;\r\n    }\r\n  }\r\n  @media (max-width:1024px){\r\n    .ft_nts_clpsbl{\r\n      max-width:100%;\r\n      padding: 20px 30px;\r\n    }\r\n  }\r\n</style>\r\n\r\n    <div class=\"hp_slm_rchg_pn_main\">\r\n        <section class=\"pn_banr_secn\">\r\n            <div class=\"tp_hdr\">\r\n                <h3>HP Slim Rechargeable Pen</h3>\r\n            </div>\r\n\r\n            <div class=\"pn_banr_inr\">\r\n                <div class=\"pn_banr_info\">\r\n\r\n                    <div>\r\n                        <div class=\"bnr_hd kmb-25\">\r\n                            <h2> Powerful Pen Built for Probook<sup>1</sup></h2>\r\n                        </div>\r\n\r\n                        <p class=\"mb-30\">\r\n                            Compatible only with select education edition HP ProBook's<sup>1</sup>, this sleek pen includes a unique pogo-pin design for fast, any direction charging so you can edit, draw, doodle, and take notes just like using a traditional pen and paper, but smarter. Plus, with its stylish design, you can take it anywhere.\r\n\r\n                        </p>\r\n                    </div>\r\n                    <div class=\"mb_vw\">\r\n                        <img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/hp_pen.jpg\" alt=\"HP Slim Rechargeable Pen\">\r\n                    </div>\r\n                    \r\n                </div><!---main content-->\r\n\r\n\r\n                <div class=\"mg_secn dsk_vw\">\r\n                    <img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/hp_pen.jpg\" alt=\"HP Slim Rechargeable Pen\">\r\n\r\n                </div>\r\n            </div>\r\n        </section>\r\n        \r\n        <div class=\"cstmz_icn_sc_wrp\">\r\n                            <div class=\"icn_sc_bk\">\r\n                                <div class=\"icn_sc iimge_bk\">\r\n                                    <img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/Custom-Clicks-icon.jpg\" alt=\"Pogo pin charging icon\">\r\n                                </div>\r\n                                <p class=\"hp_elt_bk_hd_sb\">\r\n                                 Pogo pin<br> charging</p>\r\n                            </div>\r\n        \r\n                            <div class=\"icn_sc_bk\">\r\n                                <div class=\"icn_sc iimge_bk\">\r\n                                    <img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/easy-accurate-icon.jpg\" alt=\"pen-point accuracy icon\">\r\n                                </div>\r\n                                <p class=\"hp_elt_bk_hd_sb\">Pen-point accuracy &<br> pressure sensitivity</p>\r\n                            </div>\r\n        \r\n                            <div class=\"icn_sc_bk\">\r\n                                <div class=\"icn_sc iimge_bk\">\r\n                                    <img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/slim&sleek.png\" alt=\"slim & sleek icon\">\r\n                                </div>\r\n                                <p class=\"hp_elt_bk_hd_sb\">Slim &<br> sleek design</p>\r\n                            </div>\r\n        \r\n                            <div class=\"icn_sc_bk\">\r\n                                <div class=\"icn_sc iimge_bk\">\r\n                                    <img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/long-battery-icon.jpg\" alt=\"Fast charging Icon\">\r\n                                </div>\r\n                                <p class=\"hp_elt_bk_hd_sb\">Fast-charging<br> stylus</p>\r\n                            </div>\r\n                            \r\n        </div>\r\n        \r\n        <section class=\"eb_portsection\">\r\n    \r\n                    <div class=\"eb_port_container\">\r\n                        \r\n        \r\n                        <div class=\"eb_tabs\">\r\n                            <input type=\"radio\" name=\"eb_tabs\" id=\"eb_tab1\" checked>\r\n                            <input type=\"radio\" name=\"eb_tabs\" id=\"eb_tab2\">\r\n                            \r\n                           \r\n                            <div class=\"eb_tab_labels\">\r\n                                <h2 class=\"hp_elt_bk_hd\">Dimention & Function</h2>\r\n                              <label for=\"eb_tab1\"><p>Dimention</p></label>\r\n                              <label for=\"eb_tab2\"><p>Function</p></label>\r\n                                           \r\n                            </div>\r\n                           \r\n                            <div class=\"eb_content\">\r\n                              <div id=\"eb_content1\" class=\"eb_tab_content eb_first_tab\">\r\n                                <div class=\"mg_wrp\">\r\n                                    <div class=\"iimge_bk\">         \r\n                                   \r\n                                        <img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/HP-pen-dimentions.jpg\" alt=\"Hp Pro Pen G1\" >\r\n                                        <p class=\"lngth\"><small>Length:</small><br> 5,26 in\r\n <small>(133,6 mm)</small></p>\r\n                                        <p class=\"dpth\"><small>Height:</small><br> 0,31 in \r\n<small>(8 mm)</small></p>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"eb_port_name\">\r\n                                    <div class=\"wght_wrpr\">\r\n                                        <div class=\"wght_bx_inf\">\r\n                                            <div class=\"wght_bx_hd\">\r\n                                                <!-- <div class=\"iimge_bk icn\"><img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/battery.jpg\" alt=\"Battery icon\"></div> -->\r\n                                                <p class=\"wght_tx\">Weight:  </p>\r\n                                                \r\n                                            </div>\r\n                                            <p class=\"wght_val\"> <span>13,9 + 5 g\r\n</span><br> <small>(0,03 + 0,01 lbs)</small></p>\r\n                                        </div>\r\n                                    </div>\r\n                                    \r\n                                </div>\r\n                              </div>\r\n                              <div id=\"eb_content2\" class=\"eb_tab_content\">\r\n                                <div class=\"mg_wrp\">\r\n                                    <div class=\"iimge_bk\">         \r\n                                        <picture>\r\n                                            <source media=\"(max-width:465px)\" srcset=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/HP-pen-function.png\">\r\n                                            <img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/HP-pen-function.png\" alt=\"HP Pro Pen G1\">\r\n                                            </picture>\r\n                                                <p class=\"functn1\">Pogo Pins</p>\r\n                                                <p class=\"functn2\">Eraser / Right Click</p>\r\n                                                <p class=\"functn3\">Pen Point<br> Accuracy</p>\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                              </div>\r\n                            \r\n        \r\n                            </div>\r\n                          </div>\r\n        \r\n        </section>\r\n\r\n        <section class=\"pn_secn_fty ctrl_secn hp_pn_tp0\">\r\n            <div class=\"pn_secn_fty_lft\">\r\n                <div class=\"iimge_bk\">\r\n                    <img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/microsoft-compatible.jpg\" alt=\"HP Pen with a tab\">\r\n                </div>\r\n            </div>\r\n            <div class=\"pn_secn_fty_rht fty_inf\">\r\n                <h2 class=\"hp_elt_bk_hd\">Supercharge your charge</h2>\r\n                <p>When inspiration strikes, you don't want to lose it because your pen is out of power. With its flexible pogo pin design, simply park the pen in the charger<sup>2</sup> for just 20 seconds, even in different directions, to get enough power for up to 70 minutes of continuous writing, drawing, and creating<sup>3</sup>.</p>\r\n            </div>\r\n        </section>\r\n\r\n        <section class=\"pn_secn_fty esy-accrt\">\r\n            <div class=\"pn_secn_fty_rht fty_inf\">\r\n                <h2 class=\"hp_elt_bk_hd\">Like pen to paper, only smarter</h2>\r\n                <p>Write and draw with ease on the touchscreen with the pen-point accuracy and pressure sensitivity. Edit, draw, doodle, and take notes with the natural feel and control of using traditional pen and paper, only smarter with HP's intuitive, fast-charging stylus.</p>\r\n            </div>\r\n            <div class=\"pn_secn_fty_lft\">\r\n                <div class=\"iimge_bk\">\r\n                    <img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/easy-accurate.jpg\" alt=\"HP Pen with a tab\">\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <section class=\"pn_secn_fty esy_stor\">\r\n            <div class=\"pn_secn_fty_lft\">\r\n                <div class=\"iimge_bk\">\r\n                    <img src=\"/wcsstore/hpusstore/Treatment/rc3/FY25Q4-630W7AA-ABL/easy-storing.jpg\" alt=\"HP Pen in a bag pack\">\r\n                </div>\r\n            </div>\r\n            <div class=\"pn_secn_fty_rht fty_inf\">\r\n                <h2 class=\"hp_elt_bk_hd\">Slim and elegant</h2>\r\n                <p>Many pens and styli are functional, but they often don't look that great or feel right in your hand. Not here. With its sleek design, this stylish pen is easy to store and carry so you can use it anywhere.</p>\r\n            </div>\r\n        </section>\r\n\r\n        <section class=\"ft_nts_sectn\">\r\n                   \r\n            <div class=\"ft_nts_clpsbl\">\r\n                <input type=\"checkbox\" name=\"clpsbl\" id=\"clpsbl\">\r\n                <label for=\"clpsbl\" class=\"ft_nts_clpsbl_lbl\">Footnotes</label>\r\n                <ol class=\"ft_nts_clpsbl_cnt\">\r\n                    <li>Compatible only with HP Pro x360 Fortis 11 inch G9 Notebook PC, HP Pro x360 Fortis 11 inch G10 Notebook PC and HP Pro x360 435 13.3 inch G9 Notebook PC. Compatible PC Host requires AES 1.0 protocol support.</li>\r\n                    <li>Charger is included on these select models: HP Pro x360 Fortis 11 inch G9 Notebook PC and HP Pro x360 Fortis 11 inch G10 Notebook PC. HP Slim Rechargeable Pen Charger is sold separately for HP Pro x360 435 13.3 inch G9 Notebook PC.</li>\r\n                    <li>The maximum capacity of the battery will naturally decrease with time and usage.</li>       \r\n                </ol>\r\n            </div>\r\n        </section>\r\n        \r\n    </div>\r\n"}]}]},"pdpSpecialOffers":null}}},"extensions":{}}