{"data":{"page":{"vanityUrl":"pdp/hp-usb-c-travel-hub-g3","templateKey":"pdp","nextQuery":{"hash":"footerLinks","timeout":1000},"pageComponents":{"pdpTechSpecs":{"highlights":[],"technical_specifications":[{"name":"External Ports 01","tooltip":"","value":[{"value":["1 USB Type-C® 10Gbps signaling rate<br/> 2 USB Type-A 10Gbps signaling rate"]}]},{"name":"Security management","tooltip":"","value":[{"value":["Secure firmware update meets HP secure firmware requirements"]}]},{"name":"Cable length","tooltip":"","value":[{"value":["11.84 in"]}]},{"name":"Power to Host","tooltip":"","value":[{"value":["Up to 65 W via USB Type-C® (requires 90 W power supply)"]}]},{"name":"Power Delivery (PD) Profiles","tooltip":"","value":[{"value":["20V/3.25A<br/> 5V/1A<br/> 9V/1.33A<br/> 10V/3A<br/> 12V/3.33A<br/> 15V/3A<br/> 15V/3.67A"]}]},{"name":"Display Support","tooltip":"","value":[{"value":["HDMI 2.0 up to 4K @ 60 Hz"]}]},{"name":"Compatibility\n","tooltip":"","value":[{"value":["USB-C"]}]},{"name":"Compatible operating systems","tooltip":"","value":[{"value":["Windows 10<br/> Windows 11<br/> macOS<br/> Chrome OS™<br/> Android<br/> iPadOS"]}]},{"name":"Minimum system requirements","tooltip":"","value":[{"value":["USB Type-C® (USB Power Delivery, Alt Mode DisplayPort™)"]}]},{"name":"Dimensions (W X D X H)","tooltip":"","value":[{"value":["4.57 x 1.65 x 0.57 in"]}]},{"name":"Weight","tooltip":"","value":[{"value":["0.14 lb"]}]},{"name":"Warranty","tooltip":"","value":[{"value":["HP standard one-year limited warranty"]}]},{"name":"What's in the box","tooltip":"","value":[{"value":["Warranty card<br/> Quick start guide<br/> Hub"]}]}],"datasheets":[{"datasheet_url":"http://www8.hp.com/h20195/v2/GetDocument.aspx?docname=c08822831","label":"HP USB-C Travel Hub G3","gtmId":"HP USB-C Travel Hub G3","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_usb_c_travel_hub_g3 {\r\nmax-width: 1600px;\r\nmargin: 0 auto;\r\nbackground-color: #f2f2f2;\r\npadding-bottom: 10px;\r\noverflow: hidden;\r\n}\r\n.HP_usb_c_travel_hub_g3 sup,\r\n.HP_usb_c_travel_hub_g3 sup small {\r\nposition: relative;\r\nfont-size: 64%;\r\ntop: 2px;\r\nvertical-align: text-top;\r\n}\r\n.HP_usb_c_travel_hub_g3 hr {\r\nbackground-color: #000;\r\nmargin: 10px 0;\r\n}\r\n.hp_480_modular_sleeve_bag_Header {\r\nbackground-color: #ffe137;\r\n}\r\n.hp_modular_sleeve_bag_light_bg {\r\nbackground-color: #ffed87;\r\n}\r\n.hp_confortmouse_top_header {\r\npadding: 24px 60px;\r\n}\r\n.hp_confortmouse_top_header h3 {\r\nfont-size: clamp(1.25rem, 0.9327rem + 1.6923vw, 2.625rem);\r\nfont-weight: normal;\r\n}\r\n.HP_modular_sleeve_bag_blankBG {\r\nheight: 30px;\r\n}\r\n/* mouse around you */\r\n.onebag_fouruses {\r\nbackground-image: url(/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/USB-c-hub-right.png);\r\nbackground-repeat: no-repeat;\r\nbackground-position: 1045px 48px;\r\nbackground-size: 22%;\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 20px;\r\npadding: 90px 60px 60px 60px;\r\n}\r\n.onebag_fouruses h2,\r\n.hp_modular_sleeve_bag_title h2 {\r\nfont-size: 84px;\r\nline-height: 1;\r\nmargin-bottom: 20px;\r\nfont-weight: normal;\r\n}\r\n.modular_sleeve_bag_icons {\r\ndisplay: flex;\r\nflex-direction: row;\r\nalign-items: center;\r\n}\r\n.modular_sleeve_bag_icons figure {\r\nmargin: 0;\r\nmargin-left: 15px;\r\n}\r\n.HP_usb_c_travel_hub_g3 p {\r\nfont-size: 32px;\r\ntext-wrap: pretty;\r\n}\r\n.Annotations-1{counter-reset: item;\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    padding: 0 60px;\r\n    }\r\n.Annotations-1 li{position: relative;\r\n    display: flex;\r\n    margin: 8px 15px;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    gap: 10px;\r\n    font-size: clamp(1rem, 0.4594rem + 0.9031vw, 2.5625rem);\r\n    align-items: center;\r\n}\r\n.Annotations-1 li::before{\r\n    content: counter(item) \" \";\r\n    counter-increment: item;\r\n    min-height: 24px;\r\n    min-width: 24px;\r\n    color: #000;\r\n    height: 24px;\r\n    text-align: center;\r\n    line-height: 26px;\r\n    width: 24px;\r\n    background-color: #ffe137;\r\n    border-radius: 100%;\r\n    font-size: 18px;\r\n    justify-content: center;\r\n    display: inline-block;\r\n    vertical-align: top;\r\n    font-weight: 500;\r\n    padding-top: 0px;\r\n}\r\n/* mouse around you end */\r\n.HP_modular_sleeve_bag_use {\r\ndisplay: flex;\r\nflex-direction: row;\r\njustify-content: end;\r\n}\r\n.HP_modular_sleeve_bag_use hr {\r\nwidth: 100%;\r\n}\r\n.HP_modular_sleeve_bag_use2 p {\r\ntext-wrap: balance !important;\r\n}\r\n.HP_modular_sleeve_bag_use_image {\r\nwidth: 58%;\r\nposition: relative;\r\n/*text-align: center;*/\r\n}\r\n.Bag_many_use_content {\r\nwidth: 42%;\r\n}\r\n\r\n.soft_side_grips {\r\ntop: -5px;\r\nposition: absolute;\r\ndisplay: inline-block;\r\nright: auto;\r\nleft: 34%;\r\n}\r\n.hp_modular_sleeve_mb-0 {\r\nmargin-bottom: 0 !important;\r\n}\r\n.quietClicks {\r\nposition: absolute;\r\ndisplay: inline-block;\r\ntop: 14.66666%;\r\nleft: 10%;\r\nbottom: auto;\r\nright: auto;\r\n}\r\n.Bag_many_use_content\r\n.hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\npadding: 20px 20px 20px 20px;\r\nmin-height: 260px;\r\ndisplay: flex;\r\nalign-items: end;\r\n}\r\n.Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\npadding: 20px 20px 60px 20px;\r\nmin-height: 270px;\r\n}\r\n.HP_modular_sleeve_bag_use2 {\r\nalign-items: end;\r\n}\r\n.HP_modular_sleeve_bag_use_image img {\r\nmax-width: 100% !important;\r\n}\r\n.HP_modular_sleeve_bag_use2 img {\r\nmax-width: 100% !important;\r\n/*width: 100% !important;*/\r\n}\r\n\r\n.HP_modular_sleeve_bag_use_image {\r\ndisplay: flex;\r\nflex-direction: column;\r\n}\r\n.hp_laptop_bag_view_row2 {\r\ndisplay: flex;\r\npadding-top: 25px;\r\nflex-direction: row;\r\nalign-items: center;\r\nwidth: 100%;\r\njustify-content: center;\r\n}\r\n.hp_laptop_Bag_view {\r\nwidth: 100%;\r\npadding: 24px 0 15px 0;\r\n}\r\n.hp_laptop_bag_view_row2 img,\r\n.hp_laptop_bag_view img {\r\nmax-width: 74%;\r\n}\r\n\r\n/*slider one*/\r\n.HP_modular_sleeve_bag_one {\r\nmax-width: 100%;\r\nmargin: 0 auto;\r\nposition: relative;\r\n}\r\n.HP_modular_sleeve_bag_one input {\r\ndisplay: none;\r\n}\r\n.HP_modular_sleeve_bag_one .innerone {\r\nwidth: 500%;\r\n}\r\n.HP_modular_sleeve_bag_one article {\r\nwidth: 20%;\r\nfloat: left;\r\nposition: relative;\r\nborder-top: 1px solid #000;\r\nborder-bottom: 1px solid #000;\r\n}\r\n.Built_to_last_details p {\r\npadding-left: 60px;\r\n}\r\n/*---- SET UP CONTROL ----*/\r\n.HP_modular_sleeve_bag_one .slider-prev-next-controlone {\r\nheight: 22px;\r\nposition: absolute;\r\ntop: 50%;\r\nwidth: 100%;\r\n-webkit-transform: translateY(-50%);\r\n-moz-transform: translateY(-50%);\r\n-ms-transform: translateY(-50%);\r\n-o-transform: translateY(-50%);\r\ntransform: translateY(-50%);\r\n}\r\n.HP_modular_sleeve_bag_one .slider-prev-next-controlone label {\r\ndisplay: none;\r\nwidth: 26px;\r\nheight: 26px;\r\nborder-radius: 50%;\r\nbackground: #fff;\r\nopacity: 0.6;\r\n}\r\n.HP_modular_sleeve_bag_one .slider-prev-next-controlone label:hover {\r\nopacity: 1;\r\n}\r\n.HP_modular_sleeve_bag_one .slider-dot-controlone {\r\nposition: absolute;\r\nwidth: 100%;\r\nbottom: 2px;\r\ntext-align: center;\r\n}\r\n.HP_modular_sleeve_bag_one .slider-dot-controlone label {\r\ncursor: pointer;\r\nborder-radius: 100%;\r\ndisplay: inline-block;\r\nwidth: 10px;\r\nheight: 10px;\r\nbackground: #bbb;\r\n-webkit-transition: all 0.3s;\r\n-moz-transition: all 0.3s;\r\ntransition: all 0.3s;\r\n}\r\n.HP_modular_sleeve_bag_one .slider-dot-controlone label:hover {\r\nbackground: #ccc;\r\nborder-color: #777;\r\n}\r\n/* Slider Styling */\r\n.HP_modular_sleeve_bag_one .slider-wrapper {\r\nwidth: 100%;\r\noverflow: hidden;\r\nborder-radius: 5px;\r\n-webkit-transform: translateZ(0);\r\n-moz-transform: translateZ(0);\r\n-ms-transform: translateZ(0);\r\n-o-transform: translateZ(0);\r\ntransform: translateZ(0);\r\n-webkit-transition: all 500ms ease-out;\r\n-moz-transition: all 500ms ease-out;\r\ntransition: all 500ms ease-out;\r\n}\r\n.HP_modular_sleeve_bag_one .slider-wrapper .innerone {\r\n-webkit-transform: translateZ(0);\r\n-moz-transform: translateZ(0);\r\n-ms-transform: translateZ(0);\r\n-o-transform: translateZ(0);\r\ntransform: translateZ(0);\r\n-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n-moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\ntransition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n}\r\n\r\n/*USB-C*/\r\n.usb_left_img_wrapper{max-width: 500px;margin-top: 25px;}\r\n.usb_left_img_wrapper img{width: 100%; object-fit: cover;}\r\n.e-globe{display: flex;padding: 20px 60px;align-items: center;gap: 20px;}\r\n.e-globe p{padding: 0 !important;}\r\n.e-globe img{margin: 0 !important;}\r\n.usb-c-weight-wrapper{max-width: 1240px;position: relative;}\r\n.usb-c-weight-an1{position: absolute;    bottom: 12%;    left: 30%;}\r\n.usb-c-weight-an2{position: absolute;    bottom: 35%;    left: 80%;}\r\n.usb-c-weight-an3{position: absolute;    bottom: 65%;    left: 80%;}\r\n/* End here*/\r\n\r\n/*---- SET POSITION FOR SLIDE ----*/\r\n.HP_modular_sleeve_bag_one #slideone1:checked ~ .slider-prev-next-controlone label:nth-child(5)::after, .HP_modular_sleeve_bag_one #slideone5:checked ~ .slider-prev-next-controlone label:nth-child(4)::after, .HP_modular_sleeve_bag_one #slideone4:checked ~ .slider-prev-next-controlone label:nth-child(3)::after, .HP_modular_sleeve_bag_one #slideone3:checked ~ .slider-prev-next-controlone label:nth-child(2)::after, .HP_modular_sleeve_bag_one #slideone2:checked ~ .slider-prev-next-controlone label:nth-child(1)::after, .HP_modular_sleeve_bag_one #slideone5:checked ~ .slider-prev-next-controlone label:nth-child(1)::after, .HP_modular_sleeve_bag_one #slideone4:checked ~ .slider-prev-next-controlone label:nth-child(5)::after, .HP_modular_sleeve_bag_one #slideone3:checked ~ .slider-prev-next-controlone label:nth-child(4)::after, .HP_modular_sleeve_bag_one #slideone2:checked ~ .slider-prev-next-controlone label:nth-child(3)::after, .HP_modular_sleeve_bag_one #slideone1:checked ~ .slider-prev-next-controlone label:nth-child(2)::after {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;margin: 0;line-height: 38px;font-size: 3em;display: block;color: #777;}\r\n.HP_modular_sleeve_bag_one #slideone5:checked ~ .slider-prev-next-controlone label:nth-child(1)::after, .HP_modular_sleeve_bag_one #slideone4:checked ~ .slider-prev-next-controlone label:nth-child(5)::after, .HP_modular_sleeve_bag_one #slideone3:checked ~ .slider-prev-next-controlone label:nth-child(4)::after, .HP_modular_sleeve_bag_one #slideone2:checked ~ .slider-prev-next-controlone label:nth-child(3)::after, .HP_modular_sleeve_bag_one #slideone1:checked ~ .slider-prev-next-controlone label:nth-child(2)::after {content: \" \";height: 26px;width: 26px;background-image: url(/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/right-arrow.png);background-size: 53%;background-repeat: no-repeat;background-position: 7px 6px;cursor: pointer;}\r\n.HP_modular_sleeve_bag_one #slideone5:checked ~ .slider-prev-next-controlone label:nth-child(1), .HP_modular_sleeve_bag_one #slideone4:checked ~ .slider-prev-next-controlone label:nth-child(5), .HP_modular_sleeve_bag_one #slideone3:checked ~ .slider-prev-next-controlone label:nth-child(4), .HP_modular_sleeve_bag_one #slideone2:checked ~ .slider-prev-next-controlone label:nth-child(3), .HP_modular_sleeve_bag_one #slideone1:checked ~ .slider-prev-next-controlone label:nth-child(2) {display: block;float: right;margin-right: 5px;}\r\n.HP_modular_sleeve_bag_one #slideone1:checked ~ .slider-prev-next-controlone label:nth-child(5), .HP_modular_sleeve_bag_one #slideone5:checked ~ .slider-prev-next-controlone label:nth-child(4), .HP_modular_sleeve_bag_one #slideone4:checked ~ .slider-prev-next-controlone label:nth-child(3), .HP_modular_sleeve_bag_one #slideone3:checked ~ .slider-prev-next-controlone label:nth-child(2), .HP_modular_sleeve_bag_one #slideone2:checked ~ .slider-prev-next-controlone label:nth-child(1) {display: block;float: left;margin-left: 5px;}\r\n.HP_modular_sleeve_bag_one #slideone1:checked ~ .slider-prev-next-controlone label:nth-child(5)::after, .HP_modular_sleeve_bag_one #slideone5:checked ~ .slider-prev-next-controlone label:nth-child(4)::after, .HP_modular_sleeve_bag_one #slideone4:checked ~ .slider-prev-next-controlone label:nth-child(3)::after, .HP_modular_sleeve_bag_one #slideone3:checked ~ .slider-prev-next-controlone label:nth-child(2)::after, .HP_modular_sleeve_bag_one #slideone2:checked ~ .slider-prev-next-controlone label:nth-child(1)::after {content: \" \";height: 26px;width: 26px;background-image: url(/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/left-arrow.png);background-size: 53%;background-repeat: no-repeat;background-position: 4px 6px;cursor: pointer;}\r\n.HP_modular_sleeve_bag_one #slideone5:checked ~ .slider-dot-controlone label:nth-child(5), .HP_modular_sleeve_bag_one #slideone4:checked ~ .slider-dot-controlone label:nth-child(4), .HP_modular_sleeve_bag_one #slideone3:checked ~ .slider-dot-controlone label:nth-child(3), .HP_modular_sleeve_bag_one #slideone2:checked ~ .slider-dot-controlone label:nth-child(2), .HP_modular_sleeve_bag_one #slideone1:checked ~ .slider-dot-controlone label:nth-child(1) {background: #ffcc00;border: 1px solid #000;}\r\n.HP_modular_sleeve_bag_one #slideone5:checked ~ .slider-wrapper article:nth-child(5) .info, .HP_modular_sleeve_bag_one #slideone4:checked ~ .slider-wrapper article:nth-child(4) .info, .HP_modular_sleeve_bag_one #slideone3:checked ~ .slider-wrapper article:nth-child(3) .info, .HP_modular_sleeve_bag_one #slideone2:checked ~ .slider-wrapper article:nth-child(2) .info, .HP_modular_sleeve_bag_one #slideone1:checked ~ .slider-wrapper article:nth-child(1) .info {opacity: 1;}\r\n.HP_modular_sleeve_bag_one #slideone1:checked ~ .slider-wrapper .innerone {\r\nmargin-left: 0%;\r\n}\r\n.HP_modular_sleeve_bag_one #slideone2:checked ~ .slider-wrapper .innerone {\r\nmargin-left: -100%;\r\n}\r\n.HP_modular_sleeve_bag_one #slideone3:checked ~ .slider-wrapper .innerone {\r\nmargin-left: -200%;\r\n}\r\n.HP_modular_sleeve_bag_one #slideone4:checked ~ .slider-wrapper .innerone {\r\nmargin-left: -300%;\r\n}\r\n.HP_modular_sleeve_bag_one #slideone5:checked ~ .slider-wrapper .innerone {\r\nmargin-left: -400%;\r\n}\r\n/*---- TABLET ----*/\r\n@media only screen and (max-width: 850px) and (min-width: 450px) {\r\n.HP_modular_sleeve_bag_one .slider-wrapper {\r\nborder-radius: 0;\r\n}\r\n}\r\n/*---- MOBILE----*/\r\n@media only screen and (max-width: 450px) {\r\n.HP_modular_sleeve_bag_one .slider-wrapper {\r\nborder-radius: 0;\r\n}\r\n.HP_modular_sleeve_bag_one .slider-wrapper .info {\r\nopacity: 0;\r\n}\r\n}\r\n/*slider two*/\r\n.HP_modular_sleeve_bag_two {\r\nmax-width: 100%;\r\nmargin: 0 auto;\r\nposition: relative;\r\n}\r\n.HP_modular_sleeve_bag_two input {\r\ndisplay: none;\r\n}\r\n.HP_modular_sleeve_bag_two .innertwo {\r\nwidth: 500%;\r\n}\r\n.HP_modular_sleeve_bag_two article {\r\nwidth: 20%;\r\nfloat: left;\r\nposition: relative;\r\n}\r\n.HP_modular_sleeve_bag_two article img {\r\nmargin-top: 20px;\r\n}\r\n/*---- SET UP CONTROL ----*/\r\n.HP_modular_sleeve_bag_two .slider-prev-next-controltwo {\r\nheight: 22px;\r\nposition: absolute;\r\ntop: 50%;\r\nwidth: 100%;\r\n-webkit-transform: translateY(-50%);\r\n-moz-transform: translateY(-50%);\r\n-ms-transform: translateY(-50%);\r\n-o-transform: translateY(-50%);\r\ntransform: translateY(-50%);\r\n}\r\n.HP_modular_sleeve_bag_two .slider-prev-next-controltwo label {\r\ndisplay: none;\r\nwidth: 26px;\r\nheight: 26px;\r\nborder-radius: 50%;\r\nbackground: #fff;\r\nopacity: 0.6;\r\n}\r\n.HP_modular_sleeve_bag_two .slider-prev-next-controltwo label:hover {\r\nopacity: 1;\r\n}\r\n.HP_modular_sleeve_bag_two .slider-dot-controltwo {\r\nposition: absolute;\r\nwidth: 100%;\r\nbottom: 2px;\r\ntext-align: center;\r\n}\r\n.HP_modular_sleeve_bag_two .slider-dot-controltwo label {\r\ncursor: pointer;\r\nborder-radius: 100%;\r\ndisplay: inline-block;\r\nwidth: 10px;\r\nheight: 10px;\r\nbackground: #bbb;\r\n-webkit-transition: all 0.3s;\r\n-moz-transition: all 0.3s;\r\ntransition: all 0.3s;\r\n}\r\n.HP_modular_sleeve_bag_two .slider-dot-controltwo label:hover {\r\nbackground: #ccc;\r\nborder-color: #777;\r\n}\r\n/* Slider Styling */\r\n.HP_modular_sleeve_bag_two .slider-wrapper {\r\nwidth: 100%;\r\noverflow: hidden;\r\nborder-radius: 5px;\r\n-webkit-transform: translateZ(0);\r\n-moz-transform: translateZ(0);\r\n-ms-transform: translateZ(0);\r\n-o-transform: translateZ(0);\r\ntransform: translateZ(0);\r\n-webkit-transition: all 500ms ease-out;\r\n-moz-transition: all 500ms ease-out;\r\ntransition: all 500ms ease-out;\r\n}\r\n.HP_modular_sleeve_bag_two .slider-wrapper .innertwo {\r\n-webkit-transform: translateZ(0);\r\n-moz-transform: translateZ(0);\r\n-ms-transform: translateZ(0);\r\n-o-transform: translateZ(0);\r\ntransform: translateZ(0);\r\n-webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n-moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\ntransition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n}\r\n/*---- SET POSITION FOR SLIDE ----*/\r\n.HP_modular_sleeve_bag_two #slidetwo1:checked ~ .slider-prev-next-controltwo label:nth-child(5)::after, .HP_modular_sleeve_bag_two #slidetwo5:checked ~ .slider-prev-next-controltwo label:nth-child(4)::after, .HP_modular_sleeve_bag_two #slidetwo4:checked ~ .slider-prev-next-controltwo label:nth-child(3)::after, .HP_modular_sleeve_bag_two #slidetwo3:checked ~ .slider-prev-next-controltwo label:nth-child(2)::after, .HP_modular_sleeve_bag_two #slidetwo2:checked ~ .slider-prev-next-controltwo label:nth-child(1)::after, .HP_modular_sleeve_bag_two #slidetwo5:checked ~ .slider-prev-next-controltwo label:nth-child(1)::after, .HP_modular_sleeve_bag_two #slidetwo4:checked ~ .slider-prev-next-controltwo label:nth-child(5)::after, .HP_modular_sleeve_bag_two #slidetwo3:checked ~ .slider-prev-next-controltwo label:nth-child(4)::after, .HP_modular_sleeve_bag_two #slidetwo2:checked ~ .slider-prev-next-controltwo label:nth-child(3)::after, .HP_modular_sleeve_bag_two #slidetwo1:checked ~ .slider-prev-next-controltwo label:nth-child(2)::after {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;margin: 0;line-height: 38px;font-size: 3em;display: block;color: #777;}\r\n.HP_modular_sleeve_bag_two #slidetwo5:checked ~ .slider-prev-next-controltwo label:nth-child(1)::after, .HP_modular_sleeve_bag_two #slidetwo4:checked ~ .slider-prev-next-controltwo label:nth-child(5)::after, .HP_modular_sleeve_bag_two #slidetwo3:checked ~ .slider-prev-next-controltwo label:nth-child(4)::after, .HP_modular_sleeve_bag_two #slidetwo2:checked ~ .slider-prev-next-controltwo label:nth-child(3)::after, .HP_modular_sleeve_bag_two #slidetwo1:checked ~ .slider-prev-next-controltwo label:nth-child(2)::after {content: \" \";height: 26px;width: 26px;background-image: url(/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/right-arrow.png);background-size: 53%;background-repeat: no-repeat;background-position: 7px 6px;cursor: pointer;}\r\n.HP_modular_sleeve_bag_two #slidetwo5:checked ~ .slider-prev-next-controltwo label:nth-child(1), .HP_modular_sleeve_bag_two #slidetwo4:checked ~ .slider-prev-next-controltwo label:nth-child(5), .HP_modular_sleeve_bag_two #slidetwo3:checked ~ .slider-prev-next-controltwo label:nth-child(4), .HP_modular_sleeve_bag_two #slidetwo2:checked ~ .slider-prev-next-controltwo label:nth-child(3), .HP_modular_sleeve_bag_two #slidetwo1:checked ~ .slider-prev-next-controltwo label:nth-child(2) {display: block;float: right;margin-right: 5px;}\r\n.HP_modular_sleeve_bag_two #slidetwo1:checked ~ .slider-prev-next-controltwo label:nth-child(5), .HP_modular_sleeve_bag_two #slidetwo5:checked ~ .slider-prev-next-controltwo label:nth-child(4), .HP_modular_sleeve_bag_two #slidetwo4:checked ~ .slider-prev-next-controltwo label:nth-child(3), .HP_modular_sleeve_bag_two #slidetwo3:checked ~ .slider-prev-next-controltwo label:nth-child(2), .HP_modular_sleeve_bag_two #slidetwo2:checked ~ .slider-prev-next-controltwo label:nth-child(1) {display: block;float: left;margin-left: 5px;}\r\n.HP_modular_sleeve_bag_two #slidetwo1:checked ~ .slider-prev-next-controltwo label:nth-child(5)::after, .HP_modular_sleeve_bag_two #slidetwo5:checked ~ .slider-prev-next-controltwo label:nth-child(4)::after, .HP_modular_sleeve_bag_two #slidetwo4:checked ~ .slider-prev-next-controltwo label:nth-child(3)::after, .HP_modular_sleeve_bag_two #slidetwo3:checked ~ .slider-prev-next-controltwo label:nth-child(2)::after, .HP_modular_sleeve_bag_two #slidetwo2:checked ~ .slider-prev-next-controltwo label:nth-child(1)::after {content: \" \";height: 26px;width: 26px;background-image: url(/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/left-arrow.png);background-size: 53%;background-repeat: no-repeat;background-position: 4px 6px;cursor: pointer;}.HP_modular_sleeve_bag_two #slidetwo5:checked ~ .slider-dot-controltwo label:nth-child(5), .HP_modular_sleeve_bag_two #slidetwo4:checked ~ .slider-dot-controltwo label:nth-child(4), .HP_modular_sleeve_bag_two #slidetwo3:checked ~ .slider-dot-controltwo label:nth-child(3), .HP_modular_sleeve_bag_two #slidetwo2:checked ~ .slider-dot-controltwo label:nth-child(2), .HP_modular_sleeve_bag_two #slidetwo1:checked ~ .slider-dot-controltwo label:nth-child(1) {background: #ffcc00;border: 1px solid #000;}\r\n.HP_modular_sleeve_bag_two #slidetwo5:checked ~ .slider-wrapper article:nth-child(5) .info, .HP_modular_sleeve_bag_two #slidetwo4:checked ~ .slider-wrapper article:nth-child(4) .info, .HP_modular_sleeve_bag_two #slidetwo3:checked ~ .slider-wrapper article:nth-child(3) .info, .HP_modular_sleeve_bag_two #slidetwo2:checked ~ .slider-wrapper article:nth-child(2) .info, .HP_modular_sleeve_bag_two #slidetwo1:checked ~ .slider-wrapper article:nth-child(1) .info {opacity: 1;}\r\n.HP_modular_sleeve_bag_two #slidetwo1:checked ~ .slider-wrapper .innertwo {\r\nmargin-left: 0%;\r\n}\r\n.HP_modular_sleeve_bag_two #slidetwo2:checked ~ .slider-wrapper .innertwo {\r\nmargin-left: -100%;\r\n}\r\n.HP_modular_sleeve_bag_two #slidetwo3:checked ~ .slider-wrapper .innertwo {\r\nmargin-left: -200%;\r\n}\r\n.HP_modular_sleeve_bag_two #slidetwo4:checked ~ .slider-wrapper .innertwo {\r\nmargin-left: -300%;\r\n}\r\n.HP_modular_sleeve_bag_two #slidetwo5:checked ~ .slider-wrapper .innertwo {\r\nmargin-left: -400%;\r\n}\r\n/*---- TABLET ----*/\r\n@media only screen and (max-width: 850px) and (min-width: 450px) {\r\n.HP_modular_sleeve_bag_two .slider-wrapper {\r\nborder-radius: 0;\r\n}\r\n}\r\n/*---- MOBILE----*/\r\n@media only screen and (max-width: 450px) {\r\n.HP_modular_sleeve_bag_two .slider-wrapper {\r\nborder-radius: 0;\r\n}\r\n.HP_modular_sleeve_bag_two .slider-wrapper .info {\r\nopacity: 0;\r\n}\r\n}\r\n/* slider two end */\r\n.Built_to_last_block {\r\ndisplay: flex;\r\nflex-direction: row;\r\n}\r\n.Built_to_last_img,\r\n.res_bag_details {\r\nwidth: 42%;\r\n}\r\n.res_bag_details {\r\npadding-left: 20px;\r\n}\r\n\r\n.Built_to_last_img img {\r\nmax-width: 100%;\r\nposition: relative;\r\nobject-fit: fill;\r\nmin-height: 612px;\r\n}\r\n.Built_to_last_img {\r\ntext-align: right;\r\n}\r\n.hp_bag_title_padding {\r\npadding: 60px 60px 0 60px;\r\n}\r\n.Built_to_last_details {\r\nwidth: 58%;\r\ndisplay: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n}\r\n.title_space {\r\npadding: 60px 0 0 60px;\r\n}\r\n.responsilbly_bag_img {\r\npadding: 0;\r\nwidth: 58%;\r\n}\r\n\r\n.Built_to_last_details p,\r\n.responsibly_made_content p {\r\npadding-top: 10px;\r\n}\r\n.responsibly_made_content {\r\ndisplay: flex;\r\nflex-direction: row;\r\nmargin-top: 32px;\r\n}\r\n.hp_bag_mt-0 {\r\nmargin-top: 0 !important;\r\n}\r\n.hp_bag_pt-0 {\r\npadding-top: 0 !important;\r\n}\r\n.responsilbly_bag_img img {\r\nmax-width: 100%;\r\n}\r\n.res_bag_details ul li {\r\ndisplay: flex;\r\nlist-style-type: none;\r\nalign-items: center;\r\ngap: 15px;\r\nmargin-bottom: 20px;\r\n}\r\n.res_bag_details ul {\r\npadding-left: 0;\r\nmargin-top: 50px;\r\n}\r\n.res_bag_details ul li figure {\r\nmargin: 0;\r\n}\r\n.hp_bag_measurements_top {\r\ndisplay: flex;\r\nflex-wrap: wrap;\r\nflex-direction: row;\r\njustify-content: space-between;\r\npadding: 15px 60px;\r\nalign-items: center;\r\n}\r\n\r\n.hp_bag_icons {\r\ndisplay: flex;\r\nflex-direction: row;\r\ngap: 22px;\r\nflex-wrap: wrap;\r\nalign-items: center;\r\n}\r\n.hp_bag_icons figure {\r\nmargin: 0;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image {\r\nwidth: 100%;\r\nmargin: auto;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_width {\r\nposition: absolute;\r\nwidth: 100%;\r\nbottom: 20px;\r\ndisplay: flex;\r\njustify-content: center;\r\n}\r\n\r\n.Hp_modular_sleeve_bag_slider_image_width p {\r\npadding: 6px;\r\nbackground: #f2f2f2;\r\ntext-align: center;\r\n}\r\n.bagSize {\r\nmax-width: 100%;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_height {\r\n    position: absolute;\r\n    width: 140px;\r\n    bottom: 250px;\r\n    display: flex;\r\n    left: 82%;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_height p {\r\ntext-align: center;\r\ntext-wrap: nowrap;\r\nbackground-color: #f2f2f2;\r\n}\r\n\r\n.hp_slider_image_container {\r\ndisplay: flex;\r\nflex-direction: row;\r\ngap: 60px;\r\nalign-items: end;\r\n}\r\n.Hp_modular_sleeve_bag_slider_mouse img {\r\nmax-width: 100%;\r\n}\r\n\r\n.responsilbly_bag_img {\r\ndisplay: flex;\r\nflex-direction: row;\r\n}\r\n\r\n.hp_bag_slider2 {\r\npadding: 0px 60px 20px 60px;\r\nposition: relative;\r\ndisplay: flex;\r\nheight: 400px;\r\nflex-direction: column;\r\njustify-content: space-between;\r\n}\r\n.hp_bag_slider2 ol {\r\npadding: 0;\r\n}\r\n.hp_bag_slider2 ol li {\r\nmargin-bottom: 12px;\r\nfont-size: 16px;\r\n}\r\n.hp_bag_slider2 p {\r\nfont-size: 15px !important;\r\n}\r\n.Hp_modular_sleeve_bag_slider_bag {\r\nposition: relative;\r\n\r\ndisplay: flex;\r\nalign-items: end;\r\n}\r\n\r\n.HP_modular_sleeve_bag_use_image {\r\ndisplay: flex;\r\nalign-items: center;\r\nflex-direction: column;\r\n/*justify-content: center;*/\r\n}\r\n.HP_modular_sleeve_bag_use2 .HP_modular_sleeve_bag_use_image {\r\nflex-direction: row;\r\nalign-items: end;\r\n}\r\n\r\n.handbag.foldable_bag {\r\nalign-items: end;\r\n}\r\n.HP_bag_footnotes {\r\npadding: 0 60px;\r\nbackground-image: url(/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/footnote-img.jpg);\r\nbackground-position: center right;\r\nbackground-size: 42%;\r\nbackground-repeat: no-repeat;\r\nheight: 350px;\r\njustify-content: space-between;\r\ndisplay: flex;\r\nflex-direction: column;\r\n}\r\n.Last_copy_right{font-size: 16px !important;}\r\n.HP_bag_footnotes ol li {\r\nfont-size: 16px !important;\r\n}\r\n.HP_bag_footnotes ol {\r\npadding-left: 16px;\r\nmargin-top: 20px;\r\nmargin-bottom: 20px;\r\n}\r\n.responsibly_made {\r\ndisplay: flex;\r\nflex-direction: row;\r\nflex-wrap: nowrap;\r\nborder-bottom: 1px solid #000;\r\n}\r\n\r\n@media only screen and (max-width: 1444px) {\r\n.soft_side_grips {\r\nleft: 30%;\r\n}\r\n.quietClicks {\r\nleft: 7%;\r\n}\r\n.onebag_fouruses {\r\nbackground-position: 820px 48px;\r\nbackground-size: 26%;\r\n}\r\n}\r\n@media only screen and (max-width: 1360px) {\r\n.Hp_modular_sleeve_bag_slider_image_height {\r\nwidth: 107px;\r\nright: 109%;\r\n}\r\n\r\n.onebag_fouruses h2,\r\n.hp_modular_sleeve_bag_title h2 {\r\nfont-size: clamp(1.875rem, 1.1827rem + 3.4vw, 3.875rem);\r\nline-height: 58px;\r\nmargin-bottom: 20px;\r\n}\r\n.HP_usb_c_travel_hub_g3 p {\r\nfont-size: 28px;\r\n}\r\n.onebag_fouruses {\r\nbackground-position: 816px 42px;\r\nbackground-size: 24%;\r\ngap: 10px;\r\n}\r\n.Bag_many_use_content\r\n.hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\npadding: 20px;\r\n}\r\n.soft_side_grips {\r\nleft: 32%;\r\n}\r\n.quietClicks {\r\nleft: 9%;\r\n}\r\n.Bag_many_use_content\r\n.hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\nmin-height: 252px;\r\n}\r\n.Built_to_last_img img {\r\nmin-height: auto;\r\n}\r\n}\r\n@media only screen and (max-width: 1200px) {\r\n.usb_left_img_wrapper{max-width: 400px;}\r\n.hp_laptop_bag_view_row2 {\r\npadding: 15px 0;\r\n}\r\n\r\n.onebag_fouruses {\r\nbackground-position: 691px 30px;\r\ngap: 10px;\r\nbackground-size: 23%;\r\n    \r\n}\r\n.res_bag_details ul {\r\nmargin-top: 35px;\r\n}\r\n.res_bag_details ul li {\r\nmargin-bottom: 12px;\r\ngap: 12px;\r\n}\r\n.res_bag_details ul li img {\r\nmax-width: 35px;\r\n}\r\n.HP_usb_c_travel_hub_g3 p {\r\nfont-size: 24px;\r\n}\r\n.hp_modular_sleeve_icons img {\r\nmax-width: 34px;\r\n}\r\n.hp_modular_sleeve_icons .modular_sleeve_bag_icons:first-child imG {\r\nmax-width: 32px;\r\n}\r\n.hp_modular_sleeve_icons .modular_sleeve_bag_icons:last-child imG {\r\nmax-width: 28px;\r\n}\r\n.onebag_fouruses h2 {\r\nline-height: 48px;\r\n}\r\n.quietClicks {\r\nleft: 10%;\r\n}\r\n.soft_side_grips {\r\nleft: 34%;\r\n}\r\n.Bag_many_use_content\r\n.hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\npadding: 20px;\r\n}\r\n.Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\npadding: 20px 20px 48px 20px;\r\n}\r\n.onebag_fouruses h2,\r\n.hp_modular_sleeve_bag_title h2 {\r\nline-height: 58px;\r\n}\r\n.Bag_many_use_content\r\n.hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\nmin-height: 230px;\r\n}\r\n\r\n.hp_bag_icons img {\r\nwidth: 60px;\r\n}\r\n.hp_bag_icons figure:nth-child(2) img {\r\nwidth: 70px;\r\n}\r\n.Built_to_last_details,\r\n.responsilbly_bag_img {\r\nwidth: 58%;\r\n}\r\n.HP_modular_sleeve_bag_use2 .HP_modular_sleeve_bag_use_image img {\r\nmax-width: 100% !important;\r\n}\r\n}\r\n@media only screen and (max-width: 1024px) {\r\n    .Annotations-1{padding: 0 15px;margin-top: -28px;}\r\n.onebag_fouruses {\r\npadding: 90px 20px 60px 20px;\r\n}\r\n.HP_bag_footnotes {\r\npadding: 0 20px;\r\n}\r\n.hp_bag_measurements_top {\r\npadding: 15px 20px;\r\n}\r\n.title_space {\r\npadding: 60px 0 0 20px;\r\n}\r\n.Built_to_last_details p {\r\npadding-left: 20px;\r\n}\r\n.HP_modular_sleeve_bag_use_image {\r\nwidth: 58%;\r\n}\r\n.hp_confortmouse_top_header {\r\npadding: 24px 24px;\r\n}\r\n.soft_side_grips {\r\nleft: 30%;\r\n}\r\n.quietClicks {\r\nleft: 7%;\r\n}\r\n.onebag_fouruses h2,\r\n.hp_modular_sleeve_bag_title h2 {\r\nline-height: 55px;\r\n}\r\n.onebag_fouruses {\r\npadding-top: 54px;\r\nbackground-position: 652px 30px;\r\nbackground-size: 26%;\r\ngap: 20px;\r\n}\r\n.usb_left_img_wrapper {\r\n    max-width: 350px;\r\n}\r\n.Built_to_last_details,\r\n.responsilbly_bag_img {\r\nwidth: 58%;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_height {\r\nwidth: 78px;\r\nbackground-position: 50% 50%;\r\nright: 110%;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_height p {\r\npadding: 8px;\r\nfont-size: 20px;\r\nbackground: #f2f2f2;\r\ntext-align: center;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.HP_modular_sleeve_bag_use_image img {\r\n\r\n}\r\n\r\n.Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\nmin-height: 166px;\r\n}\r\n.HP_bag_footnotes {\r\nbackground-image: none;\r\nheight: auto;\r\n}\r\n}\r\n@media only screen and (max-width: 999px) {\r\n.onebag_fouruses {\r\nbackground-position: 590px 30px;\r\ngap: 20px;\r\n}\r\n.usb_left_img_wrapper {\r\n    max-width: 300px;\r\n}\r\n.HP_usb_c_travel_hub_g3 p {\r\nfont-size: 22px;\r\n}\r\n.Bag_many_use_content\r\n.hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\npadding: 20px 20px 20px 20px;\r\n}\r\n.onebag_fouruses h2,\r\n.hp_modular_sleeve_bag_title h2 {\r\nline-height: 48px;\r\n}\r\n.Bag_many_use_content\r\n.hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\nmin-height: 185px;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_width {\r\nmargin-bottom: 25px;\r\n}\r\n}\r\n@media only screen and (max-width: 800px) {\r\n    .usb_left_img_wrapper {\r\n        max-width: 250px;\r\n    }\r\n.Bag_many_use_content\r\n.hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\nmin-height: 130px;\r\n}\r\n.onebag_fouruses h2,\r\n.hp_modular_sleeve_bag_title h2 {\r\nline-height: 44px;\r\n}\r\n.onebag_fouruses {\r\nbackground-position: 534px 30px;\r\ngap: 20px;\r\nbackground-size: 28%;\r\n}\r\n.Bag_many_use_content,\r\n.Built_to_last_img {\r\nwidth: 50%;\r\n}\r\n\r\n.HP_modular_sleeve_bag_use_image img {\r\nmax-width: 70%;\r\n}\r\n.HP_bag_footnotes ol li, .Last_copy_right {\r\nfont-size: 14px !important;\r\nline-height: 1.3;\r\n}\r\n}\r\n@media only screen and (min-width: 769px) {\r\n.responsilbly_bag_img img {\r\nmax-width: 100%;\r\n}\r\n}\r\n@media only screen and (max-width: 768px) {\r\n.usb-c-weight-an1{bottom: 10%;}\r\n.Annotations-1{margin-top: 0;}\r\n.e-globe{padding: 15px;}\r\n.e-globe img{width: 40px;}\r\n.onebag_fouruses {\r\nbackground-position: 493px 53px;\r\nbackground-size: 24%;\r\ngap: 20px;\r\n}\r\n.onebag_fouruses h2 {\r\nline-height: 37px;\r\n}\r\n.HP_usb_c_travel_hub_g3 p {\r\nfont-size: 20px;\r\n}\r\n.Bag_many_use_content\r\n.hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\npadding: 20px 20px 20px 20px;\r\nmin-height: 130px;\r\n}\r\n.Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\nmin-height: 185px;\r\n}\r\n.onebag_fouruses h2,\r\n.hp_modular_sleeve_bag_title h2 {\r\nfont-size: 38px;\r\nline-height: 40px;\r\n}\r\n.Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\npadding: 20px 20px 20px 20px;\r\n}\r\n\r\n.hp_slider_image_container {\r\ngap: 26px;\r\n}\r\n.hp_bag_icons img {\r\nwidth: 48px;\r\n}\r\n.hp_bag_icons figure:nth-child(2) img {\r\nwidth: 54px;\r\n}\r\n.Built_to_last_details,\r\n.responsilbly_bag_img {\r\n/*align-items: center;*/\r\n}\r\n.responsilbly_bag_img img {\r\nmax-width: 100%;\r\nheight: fit-content;\r\n}\r\n\r\n.Hp_modular_sleeve_bag_slider_image {\r\n\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_height {\r\nheight: 170px;\r\n}\r\n.HP_modular_sleeve_bag_use_image {\r\nwidth: 50%;\r\n}\r\n.res_bag_details .hp_modular_sleeve_bag_title {\r\nmargin-top: 0;\r\n}\r\n.res_bag_details {\r\npadding: 0 0 0 15px;\r\nmargin-top: 10px;\r\n}\r\n.HP_modular_sleeve_bag_use_image img {\r\nmax-width: 100% !important;\r\n}\r\n.tab_view_hp {\r\ndisplay: block !important;\r\n}\r\n.desktop_tab_view {\r\ndisplay: none;\r\n}\r\n.res_bag_details ul {\r\nmargin-top: 18px;\r\n}\r\n.hp_modular_sleeve_bag_title h2 {\r\nmargin-bottom: 10px;\r\n}\r\n.Annotations-1 li::before{    \r\n    min-height: 20px;\r\n    min-width: 20px;\r\n    height: 20px;\r\n    width: 20px;\r\n    line-height: 22px;\r\n    font-size: 14px;\r\n}\r\n}\r\n@media only screen and (max-width: 767px) {\r\n.hp_laptop_bag_view_row2{padding-top: 0;}\r\n.onebag_fouruses {\r\npadding: 15px;\r\nbackground-position: 415px 9px;\r\nbackground-size: 20%;\r\n}\r\n.usb_left_img_wrapper {\r\n    max-width: 150px;\r\n}\r\n.HP_usb_c_travel_hub_g3 p {\r\nfont-size: 16px;\r\n}\r\n.Bag_many_use_content\r\n.hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\npadding: 15px;\r\n}\r\n.hp_bag_title_padding,\r\n.Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\npadding: 15px;\r\n}\r\n.Built_to_last_details {\r\npadding: 0px;\r\nwidth: 50%;\r\n}\r\n.hp_bag_title_padding h2 {\r\nmargin-bottom: 0;\r\n}\r\n.Built_to_last_details p {\r\npadding: 12px 15px 0 15px;\r\n}\r\n.Built_to_last_details .hp_modular_sleeve_bag_title {\r\npadding-left: 15px;\r\n}\r\n.hp_bag_mb-0 {\r\nmargin-bottom: 0 !important;\r\n}\r\n.responsilbly_bag_img,\r\n.res_bag_details {\r\nwidth: 46%;\r\nmargin-top: 10px;\r\njustify-content: center;\r\nalign-items: end;\r\n}\r\n}\r\n@media only screen and (max-width: 600px) {\r\n    .e-globe{padding: 15px;}\r\n    .usb-c-weight-an1 {\r\n        bottom: 7%;\r\n    }\r\n    .usb_left_img_wrapper{display: none;}\r\n    .Built_to_last_block.built_to_last_slider2 .Built_to_last_img{\r\n        margin-top: 30px;\r\n    }\r\n    .title_space {\r\n        padding: 20px 0 0 20px;\r\n    }\r\n.Built_to_last_block {\r\nflex-direction: column;\r\n}\r\n.Built_to_last_img,\r\n.Built_to_last_details,\r\n.res_bag_details {\r\nwidth: 100%;\r\n}\r\n.hp_bag_title_padding h2 {\r\nmargin-bottom: 0;\r\n}\r\n.Built_to_last_img img {\r\nmax-width: 90%;\r\nposition: relative;\r\ntop: 22px;\r\n}\r\n.Built_to_last_details {\r\npadding: 0;\r\n}\r\n.Built_to_last_details P {\r\npadding: 0 15px;\r\n}\r\n.onebag_fouruses {\r\nbackground-position: 267px 70px;\r\ngap: 52px;\r\n}\r\n.hp_modular_sleeve_icons img {\r\nmax-width: 30px;\r\n}\r\n.onebag_fouruses h2 {\r\nline-height: 34px;\r\nfont-size: 46px;\r\n}\r\n.HP_modular_sleeve_bag_use_image {\r\nwidth: 100%;\r\norder: 2;\r\n}\r\n.Bag_many_use_content {\r\nwidth: 100%;\r\norder: 1;\r\n}\r\n.HP_modular_sleeve_bag_use {\r\nflex-direction: column;\r\n}\r\n.HP_modular_sleeve_bag_use2 img {\r\nmax-width: 80%;\r\n}\r\n.zen_palm_mt_25 {\r\nmargin-top: 25px;\r\n}\r\n.soft_side_grips {\r\nleft: auto;\r\nright: 36%;\r\ntop: 1%;\r\n}\r\n.quietClicks {\r\ntop: 17.3333%;\r\nright: 65%;\r\nwhite-space: nowrap;\r\n}\r\n\r\n.hp_bag_destopview {\r\ndisplay: none;\r\n}\r\n.hp_bag_mobile_view {\r\ndisplay: block !important;\r\n}\r\n\r\n.onebag_fouruses {\r\nbackground: none;\r\ngap: 30px;\r\n}\r\n.hp_bag_image img {\r\nmax-width: 100%;\r\n}\r\n.onebag_fouruses h2,\r\n.hp_modular_sleeve_bag_title h2 {\r\nline-height: 30px;\r\ntext-wrap: pretty;\r\nfont-size: 32px;\r\nmargin-bottom: 10px;\r\n}\r\n.Bag_many_use_content\r\n.hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title {\r\nheight: auto;\r\nmin-height: auto;\r\npadding-bottom: 20px;\r\n}\r\n\r\n.hp_modular_sleeve_icons {\r\ndisplay: flex;\r\njustify-content: space-around;\r\nflex-direction: column;\r\ngap: 10px;\r\n}\r\n.modular_sleeve_bag_icons figure {\r\nmargin-left: 0;\r\nheight: 32px;\r\n}\r\n.modular_sleeve_bag_icons p {\r\ntext-align: left;\r\n}\r\n.hp_modular_sleeve_icons img {\r\nmax-width: 36px;\r\n}\r\n.hp_modular_sleeve_icons .modular_sleeve_bag_icons:last-child img {\r\nmax-width: 28px;\r\n}\r\n.Built_to_last {\r\nmargin-top: 25px;\r\n}\r\n.responsibly_made_content {\r\nflex-direction: column;\r\n}\r\n.responsilbly_bag_img,\r\n.res_bag_details {\r\nwidth: 100%;\r\n}\r\n.modular_sleeve_bag_icons {\r\ngap: 8px;\r\n}\r\n.responsilbly_bag_img {\r\norder: 2;\r\n}\r\n.res_bag_details {\r\norder: 1;\r\n}\r\n.responsibly_made {\r\npadding: 0;\r\n}\r\n.hp_bag_mb-0 {\r\nmargin-bottom: 0 !important;\r\n}\r\n.Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\npadding: 15px 15px 15px 15px;\r\nmin-height: auto;\r\n}\r\n.res_bag_details ul {\r\nmargin-top: 20px;\r\n}\r\n.res_bag_details ul p {\r\npadding-left: 0;\r\n}\r\n\r\n.responsilbly_bag_img {\r\ntop: 0;\r\n}\r\n.hp_bag_measurements_top {\r\npadding: 15px;\r\n}\r\n\r\n.hp_bag_icons img {\r\nwidth: 36px;\r\n}\r\n.hp_bag_icons figure:nth-child(2) img {\r\nwidth: 42px;\r\n}\r\n.hp_bag_icons {\r\ngap: 12px;\r\n}\r\n.hp_bag_slider2 {\r\npadding: 14px 30px 12px 36px;\r\nheight: 320px;\r\n}\r\n.hp_bag_slider2 p {\r\nfont-size: 12px !important;\r\n}\r\n.HPMouse_full_image {\r\nwidth: 100%;\r\ntext-align: center;\r\npadding: 30px 0 20px;\r\n}\r\n.hp_bag_mobile_view {\r\ntext-align: center;\r\n}\r\n.hp_bag_mobile_view img {\r\nmax-width: 80%;\r\n}\r\n.hp_modular_sleeve_icons .modular_sleeve_bag_icons:last-child img {\r\nmax-width: 35px;\r\n}\r\n.hp_modular_sleeve_icons img {\r\nmax-width: 35px;\r\n}\r\n.hp_modular_sleeve_icons .modular_sleeve_bag_icons:last-child img {\r\nmax-width: 28px;\r\n}\r\n.res_bag_details .hp_modular_sleeve_bag_title h2,\r\n.res_bag_details p,\r\n.res_bag_details ul,\r\n.Built_to_last_details .hp_modular_sleeve_bag_title h2 {\r\npadding-left: 15px;\r\n}\r\n.Built_to_last_details .hp_modular_sleeve_bag_title {\r\npadding-left: 0;\r\n}\r\n.responsilbly_bag_img {\r\npadding: 0;\r\n}\r\n.responsilbly_bag_img,\r\n.res_bag_details {\r\npadding: 0;\r\n}\r\n.Built_to_last_details p,\r\n.responsibly_made_content p {\r\npadding-top: 0px;\r\n}\r\n.usb-c-weight-wrapper {\r\n    max-width: 570px;\r\n}\r\n\r\n.Hp_modular_sleeve_bag_slider_image_height {\r\nheight: 108px;\r\nwidth: 85px;\r\nbackground-position: 50% 50%;\r\nright: 97%;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_width {\r\nbottom: -70px;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_width {\r\nheight: 30px;\r\n}\r\n\r\n.res_bag_details .hp_modular_sleeve_bag_title {\r\nmargin-top: 0;\r\n}\r\n.HP_bag_footnotes {\r\nmargin-top: 20px;\r\npadding: 0 15px;\r\n}\r\n\r\n.HP_modular_sleeve_bag_use_image img {\r\nwidth: 66%;\r\n}\r\n.e-globe img{width: 30px;}\r\n.HP_modular_sleeve_bag_use2 .HP_modular_sleeve_bag_use_image img {\r\nwidth: 70%;\r\nmargin-top: 20px;\r\n}\r\n}\r\n\r\n@media only screen and (max-width: 425px) {\r\n    .HP_modular_sleeve_bag_use_image img {\r\n        width: 80%;\r\n    }\r\n    .HP_modular_sleeve_bag_use2 .HP_modular_sleeve_bag_use_image img {width: 100%;}\r\n.onebag_fouruses h2 {\r\nline-height: 1.1;\r\nfont-size: 38px;\r\nmargin-bottom: 10px;\r\n}\r\n.quietClicks {\r\ntop: 15%;\r\nright: 66%;\r\n}\r\n.soft_side_grips {\r\nleft: auto;\r\nright: 37%;\r\ntop: -1%;\r\n}\r\n\r\n.hp_slider_image_container {\r\ngap: 30px;\r\n}\r\n.HP_bag_footnotes ol li, .Last_copy_right {\r\nfont-size: 12px !important;\r\n}\r\n.usb-c-weight-an1, .usb-c-weight-an2, .usb-c-weight-an3{font-size: 12px;}\r\n.usb-c-weight-an1{bottom: 6%;}\r\n.usb-c-weight-an2{bottom: 25%;}\r\n}\r\n@media only screen and (max-width: 375px) {\r\n.hp_confortmouse_top_header {\r\npadding: 20px 14px;\r\n}\r\n.onebag_fouruses h2,\r\n.hp_modular_sleeve_bag_title h2 {\r\nline-height: 36px;\r\ntext-wrap: pretty;\r\nfont-size: 38px;\r\n}\r\n\r\n.Hp_modular_sleeve_bag_slider_image_height p {\r\npadding: 6px 0;\r\n}\r\n.hp_bag_slider2 ol li {\r\nfont-size: 15px;\r\n}\r\n.modular_sleeve_bag_icons p {\r\nfont-size: 14px !important;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_height {\r\nwidth: 52px;\r\nright: 110%;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_height p,\r\n.Hp_modular_sleeve_bag_slider_image_width p {\r\nfont-size: 12px;\r\n}\r\n}\r\n@media only screen and (max-width: 320px) {\r\n.onebag_fouruses h2,\r\n.hp_modular_sleeve_bag_title h2 {\r\nfont-size: 30px;\r\nline-height: 28px;\r\n}\r\n.HP_usb_c_travel_hub_g3 p {\r\nfont-size: 14px;\r\n}\r\n.hp_bag_slider2 {\r\nheight: auto;\r\n}\r\n.hp_bag_slider2 p {\r\nmargin-top: 12px;\r\n}\r\n.modular_sleeve_bag_icons p {\r\nfont-size: 13px !important;\r\n}\r\n.responsilbly_bag_img,\r\n.res_bag_details {\r\nmargin-top: 0;\r\n}\r\n}\r\n\r\n</style>\r\n  <section class=\"HP_usb_c_travel_hub_g3\">\r\n   <div class=\"hp_480_modular_sleeve_bag_Header hp_confortmouse_top_header\">\r\n    <h3>HP USB-C Travel Hub G3</h3>\r\n   </div>\r\n   <div class=\"HP_modular_sleeve_bag_blankBG hp_modular_sleeve_bag_light_bg\"></div>\r\n\r\n   <section class=\"onebag_fouruses\">\r\n    <div class=\"hp_modular_sleeve_bag_title\">\r\n     <h2> Connect.<br>Charge. Go.</h2>\r\n     <div class=\"hp_bag_mobile_view\" style=\"display: none;\"><img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/usb-c-hub-mbd.png\" alt=\"USB-C Travel Hub\"></div>\r\n     <p class=\"hp_bag_destopview\">Essential connectivity in your pocket. </p>\r\n     <div class=\"usb_left_img_wrapper\">\r\n        <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/USB-c-hub-left.png\" alt=\"USB-C Travel Hub\">\r\n    </div>\r\n    </div>\r\n    <div class=\"hp_modular_sleeve_icons\">\r\n     <div class=\"modular_sleeve_bag_icons\">\r\n      <p>Multi-OS compatibility<sup><small>1</small></sup></p>\r\n      <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/multiple-os.png\" alt=\"\"></figure>\r\n     </div>\r\n     <div class=\"modular_sleeve_bag_icons\">\r\n      <p>USB-C&reg; port connectivity</p>\r\n      <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/integrated-usb.png\" alt=\"\"></figure>\r\n     </div>\r\n    </div>\r\n   </section>\r\n   <!--HP_modular_sleeve_bag_use_slider-->\r\n   <section class=\"HP_modular_sleeve_bag_one HP_onebag_manyuse\">\r\n    <input checked type=\"radio\" name=\"sliderone\" id=\"slideone1\" />\r\n    <input type=\"radio\" name=\"sliderone\" id=\"slideone2\" />\r\n    <div class=\"slider-wrapper\">\r\n     <div class=innerone>\r\n      <article>\r\n       <div class=\"HP_modular_sleeve_bag_use\">\r\n        <div class=\"HP_modular_sleeve_bag_use_image\">\r\n         <div class=\"hp_laptop_Bag_view\">\r\n          <div class=\"small-hub-wrapper\">\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/small-hub.png\" alt=\"USB-C Travel Hub Ports\">\r\n            <ol class=\"Annotations-1\">\r\n                <li>HDMI</li>\r\n                <li>2x USB-A</li>\r\n                <li>USB-C&reg; (Power pass-through)</li>\r\n              </div>\r\n            </ol>\r\n          \r\n         </div>\r\n        </div>\r\n        <div class=\"Bag_many_use_content\">\r\n         <div class=\"hp_480_modular_sleeve_bag_Header hp_modular_sleeve_bag_title \">\r\n          <h2 class=\"hp_modular_sleeve_mb-0\">Small hub. <br>Big connectivity.</h2>\r\n         </div>\r\n         <div class=\"zen_paragraph hp_modular_sleeve_bag_light_bg\">\r\n          <p>Five ports (USB-C&reg; x 2, USB-A x 2 and HDMI).</p>\r\n         </div>\r\n        </div>\r\n       </div>\r\n       <!---zen in your palm-->\r\n      </article>\r\n      <article>\r\n       <div class=\"HP_modular_sleeve_bag_use HP_modular_sleeve_bag_use2\">\r\n        <div class=\"HP_modular_sleeve_bag_use_image\">\r\n         <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/maximum-compatability.png\" alt=\"\">\r\n        </div>\r\n        <div class=\"Bag_many_use_content\">\r\n         <div class=\"hp_480_modular_sleeve_bag_Header hp_modular_sleeve_bag_title \">\r\n          <h2 class=\"hp_modular_sleeve_mb-0\">Maximum <br>compatibility</h2>\r\n         </div>\r\n         <div class=\"zen_paragraph hp_modular_sleeve_bag_light_bg\">\r\n          <p>Multi-OS support<sup><small>1</small></sup> for Windows, <br>MacOS, Chrome OS, iOS, and Android.</p>\r\n         </div>\r\n        </div>\r\n       </div>\r\n       <!---zen in your palm-->\r\n      </article>\r\n     </div>\r\n     <!-- .inner -->\r\n    </div>\r\n    <!-- .slider-wrapper -->\r\n    <div class=\"slider-prev-next-controlone\">\r\n     <label for=\"slideone1\"></label>\r\n     <label for=\"slideone2\"></label>\r\n    </div>\r\n    <!-- .slider-prev-next-controlone -->\r\n    <div class=\"slider-dot-controlone\">\r\n     <label for=\"slideone1\"></label>\r\n     <label for=\"slideone2\"></label>\r\n    </div>\r\n   </section>\r\n   <!--HP_modular_sleeve_bag_use_slider-->\r\n  \r\n   <!---seamless connection-->\r\n  <!---seamless connection-->\r\n  <section class=\"Built_to_last\">\r\n    <!---slidertwo start---->\r\n    <div class=\"HP_modular_sleeve_bag_two\">\r\n     <input checked type=\"radio\" name=\"slidertwo\" id=\"slidetwo1\" />\r\n     <input type=\"radio\" name=\"slidertwo\" id=\"slidetwo2\" />\r\n     <div class=\"slider-wrapper\">\r\n      <div class=innertwo>\r\n\r\n        <article>\r\n            <div class=\"responsibly_made_content\">\r\n                <div class=\"responsilbly_bag_img\">\r\n                 <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/scalable-power.jpg\" alt=\"\">\r\n                </div>\r\n                <div class=\"res_bag_details\">\r\n                 <div class=\"hp_modular_sleeve_bag_title\">\r\n                  <h2> Scalable power</h2>\r\n                  <hr />\r\n                 </div>\r\n                 <p>Scalable power delivery through your laptop's  USB-C&reg; power adapter or use your device's USB-C&reg; port.</p>\r\n                 \r\n                </div>\r\n               </div>\r\n           </article>\r\n       <article>\r\n        <div class=\"Built_to_last_block built_to_last_slider1 \">\r\n         <div class=\"Built_to_last_details\">\r\n          <div>\r\n            <div class=\"hp_modular_sleeve_bag_title title_space\">\r\n                <h2 class=\"hp_bag_mb-0\"> Responsibly made</h2>\r\n               </div>\r\n               <hr />\r\n               <p>HP is committed to reducing plastic <br>in landfills and oceans.</p>\r\n          </div>\r\n          <div class=\"e-globe\">\r\n            <div>\r\n                <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/e-globe.png\" alt=\"\">\r\n            </div>\r\n            <div>\r\n                <p>Contains over 80% recycled materials<sup><small>2</small></sup></p>\r\n            </div>\r\n          </div>\r\n         </div>\r\n         <div class=\"Built_to_last_img\">\r\n          <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/responsibly-made.jpg\" alt=\"\">\r\n         </div>\r\n        </div>\r\n       </article>\r\n       \r\n      </div>\r\n      <!-- .inner -->\r\n     </div>\r\n     <!-- .slider-wrapper -->\r\n     <div class=\"slider-prev-next-controltwo\">\r\n      <label for=\"slidetwo1\"></label>\r\n      <label for=\"slidetwo2\"></label>\r\n     </div>\r\n     <!-- .slider-prev-next-controlone -->\r\n     <div class=\"slider-dot-controltwo\">\r\n      <label for=\"slidetwo1\"></label>\r\n      <label for=\"slidetwo2\"></label>\r\n     </div>\r\n    </div>\r\n    <!---slidertwo end-->\r\n   </section>\r\n   <section class=\"responsibly_made\">\r\n    \r\n   </section>\r\n\r\n   \r\n\r\n   <!---Responsibly_made-->\r\n\r\n   <section class=\"mouse_measurements_slider \">\r\n    <div class=\"HP_modular_sleeve_bag_two\">\r\n     <div class=\"hp_bag_measurements_top\">\r\n      <p class=\"hp_bag_weight\">Weight: 0.141 lb (64g)</p>\r\n      <div class=\"hp_bag_icons\">\r\n       <figure>\r\n        <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/integrated-usb.png\" alt=\"\">\r\n       </figure>\r\n       <figure>\r\n        <img src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/multiple-os.png\" alt=\"\">\r\n       </figure>\r\n      </div>\r\n     </div>\r\n     <div class=\"Hp_modular_sleeve_bag_slider_image\">\r\n      <div class=\"hp_slider_image_container\">\r\n       <div class=\"Hp_modular_sleeve_bag_slider_bag\">\r\n            <div class=\"usb-c-weight-wrapper\">\r\n                <img class=\"bagSize\" src=\"/wcsstore/hpusstore/Treatment/rc/FY25Q1-24C1THG3/usb-weight.jpg\" alt=\"USB-C Travel Hub Dimension\">\r\n                <div class=\"usb-c-weight-an1\">4.57 in (116 mm)</div>\r\n                <div class=\"usb-c-weight-an2\">0.57 in (14.5 mm)</div>\r\n                <div class=\"usb-c-weight-an3\">1.65 in (41.9 mm)</div>\r\n            </div>        \r\n       </div>\r\n      </div>\r\n     </div>\r\n    </div>\r\n   </section>\r\n   <hr />\r\n   <section class=\"HP_bag_footnotes\">\r\n    <ol>\r\n        <li> Supports Windows 10, Windows 11, ChromeOS, Android, MacOS&reg;, iPadOS.</li>\r\n        <li>Recycled plastic content percentage is based on the definition set in the IEEE 1680.1-2018 EPEAT standard.</li>\r\n    </ol>\r\n    <div>\r\n        <p class=\"Last_copy_right\"><b>&copy; 2023 HP Development Company, L.P.  The information contained herein is subject to change without notice.</b></p>\r\n    </div>\r\n   </section>\r\n  </section>\r\n"}]}]},"pdpSpecialOffers":null}}},"extensions":{}}