{"data":{"page":{"vanityUrl":"pdp/hp-156-inch-modular-laptop-sleeve","templateKey":"pdp","nextQuery":{"hash":"footerLinks","timeout":1000},"pageComponents":{"pdpTechSpecs":{"highlights":[],"technical_specifications":[{"name":"Laptop Diagonal","tooltip":"","value":[{"value":["15.6 in"]}]},{"name":"Laptop Compartment Size","tooltip":"","value":[{"value":["14.29 x 10 x 0.95 in"]}]},{"name":"Volume","tooltip":"","value":[{"value":["6 L"]}]},{"name":"Padding Material","tooltip":"","value":[{"value":["PE foam"]}]},{"name":"Interior Lining Material","tooltip":"","value":[{"value":["100% polyester"]}]},{"name":"Carrying Strap","tooltip":"","value":[{"value":["Removable<br/> Shoulder"]}]},{"name":"Compartments","tooltip":"","value":[{"value":["Laptop"]}]},{"name":"Pockets","tooltip":"","value":[{"value":["1 Quick access"]}]},{"name":"Travel Features","tooltip":"","value":[{"value":["Hideable handles"]}]},{"name":"Closing System","tooltip":"","value":[{"value":["Zipper"]}]},{"name":"Color","tooltip":"","value":[{"value":["Gray<br/> Green"]}]},{"name":"Sustainable Impact Specifications","tooltip":"","value":[{"value":["FSC Certified Packaging<br/> 50% post-consumer recycled plastic<br/> LDPE bag contains 100% recycled plastic<br/> Hanger tag is made from 100% recycled paper stock"]}]},{"name":"What's in the box","tooltip":"","value":[{"value":["Sleeve<br/> Removable straps"]}]},{"name":"Compatibility\n","tooltip":"","value":[{"value":["Fits most laptops up to 15.6-inch diagonal"]}]},{"name":"Dimensions (W X D X H)","tooltip":"","value":[{"value":["15.16 x 0.95 x 11.02 in"]}]},{"name":"Weight","tooltip":"","value":[{"value":["0.93 lb"]}]},{"name":"Warranty","tooltip":"","value":[{"value":["Three-year limited warranty"]}]}],"datasheets":[],"translations":{"technical_details":"Specs","see_complete_specs":"See complete specs","see_less_specs":"See less specs","technicalDetails":"Technical Specs"}},"exclusiveFeatures":null,"pdpAccessories":{"products":{}},"pdpRichContent":{"featuresContent":[{"value":[{"html":"<style>\r\n    .HP_modular_sleeve_bag_full p,\r\n.HP_modular_sleeve_bag_full h2,\r\n.HP_modular_sleeve_bag_full h3,\r\n.HP_modular_sleeve_bag_full h4,\r\n.HP_modular_sleeve_bag_full h5 {\r\nmargin: 0;\r\npadding: 0;\r\nborder: 0;\r\nfont-size: 100%;\r\nfont: inherit;\r\nvertical-align: baseline;\r\n}\r\n.HP_modular_sleeve_bag_full {\r\nmax-width: 1600px;\r\nmargin: 0 auto;\r\nbackground-color: #f2f2f2;\r\npadding-bottom: 10px;\r\noverflow: hidden;\r\n}\r\n.HP_modular_sleeve_bag_full sup,\r\n.HP_modular_sleeve_bag_full sup small {\r\nposition: relative;\r\nfont-size: 60%;\r\ntop: 0px;\r\nvertical-align: top;\r\n}\r\n.minhght{min-height: 600px; display: flex; flex-direction: column;}\r\n.flx{flex:1}\r\n.HP_modular_sleeve_bag_full hr {\r\nbackground-color: #000;\r\n}\r\n.hp_480_modular_sleeve_bag_Header {\r\nbackground-color: #84f955;\r\n}\r\n.hp_modular_sleeve_bag_light_bg {\r\nbackground-color: #b5fb99;\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\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/FY24Q3-9J4C3AA/modular_laptop_sleeve.png);\r\nbackground-repeat: no-repeat;\r\nbackground-position: 935px 48px;\r\nbackground-size: 58%;\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 288px;\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: 78px;\r\nmargin-bottom: 20px;\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_modular_sleeve_bag_full p {\r\nfont-size: 34px;\r\ntext-wrap: pretty;\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\ntext-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: 310px;\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: 85% !important;\r\n}\r\n.HP_modular_sleeve_bag_use2 img {\r\nmax-width: 100% !important;\r\nwidth: 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: -28px;\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/*---- 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/FY24Q3-9J4C3AA/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/FY24Q3-9J4C3AA/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\nwidth: 100%;\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: -27px;\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/FY24Q3-9J4C3AA/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/FY24Q3-9J4C3AA/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\npadding-left: 20px;\r\ndisplay: flex; flex-direction: column; justify-content: center;\r\n}\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\nflex-direction: column; justify-content: center;\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\n}\r\n.hp_bag_icons figure {\r\nmargin: 0;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image {\r\nwidth: 438px;\r\nmargin: auto;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image_width {\r\nbackground-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/vertical_line.png);\r\nbackground-repeat: no-repeat;\r\nbackground-size: 100%;\r\n/* height: 100px; */\r\nbackground-position: 0 50%;\r\nposition: absolute;\r\nwidth: 100%;\r\nbottom: -100px;\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\nbackground-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/horizondal_line.png);\r\nbackground-repeat: no-repeat;\r\nbackground-size: contain;\r\nposition: absolute;\r\nwidth: 140px;\r\nheight: 320px;\r\njustify-content: start;\r\ndisplay: flex;\r\nalign-items: center;\r\nright: 102%;\r\nbackground-position: 50% 50%;\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\njustify-content: center;\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\nmargin-bottom: 60px;\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\njustify-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\nmargin-top: 70px;\r\npadding: 0 60px;\r\nbackground-image: url(/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/footnoteImg.png);\r\nbackground-position: center right;\r\nbackground-size: 42%;\r\nbackground-repeat: no-repeat;\r\nheight: 350px;\r\n}\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\npadding-top:10px\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@media only screen and (max-width: 1688px) {\r\n.minhght {\r\n    min-height: 496px;}}\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\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_modular_sleeve_bag_full p {\r\nfont-size: 28px;\r\n}\r\n.onebag_fouruses {\r\nbackground-position: 816px 42px;\r\nbackground-size: 50%;\r\ngap: 142px;\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.hp_laptop_bag_view_row2 {\r\npadding: 15px 0;\r\n}\r\n\r\n.onebag_fouruses {\r\nbackground-position: 691px 30px;\r\n\r\ngap: 145px;\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_modular_sleeve_bag_full 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.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: 50%;\r\n}\r\n.Bag_many_use_content{width:50%}\r\n.hp_confortmouse_top_header {\r\npadding: 24px 24px;\r\n}\r\n.Bag_many_use_content .hp_480_modular_sleeve_bag_Header.hp_modular_sleeve_bag_title{min-height: 196px;;}\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: 50%;\r\ngap: 107px;\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\nmax-width: 70% !important;\r\n}\r\n\r\n.Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\nmin-height: 200px;\r\n}\r\n.HP_bag_footnotes {\r\nbackground-image: none;\r\nheight: auto;\r\n}\r\n.minhght {\r\n        min-height: 376px;\r\n    }\r\n}\r\n@media only screen and (max-width: 999px) {\r\n.onebag_fouruses {\r\nbackground-position: 590px 30px;\r\ngap: 145px;\r\n}\r\n.HP_modular_sleeve_bag_full 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    .minhght {\r\n        min-height: 289px;\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\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: 65px;\r\n}\r\n.HP_modular_sleeve_bag_use_image img {\r\nmax-width: 70%;\r\n}\r\n.HP_bag_footnotes ol li {\r\nfont-size: 14px !important;\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    .HP_modular_sleeve_bag_use_image{justify-content: space-between;}\r\n.onebag_fouruses {\r\nbackground-position: 493px 53px;\r\nbackground-size: 42%;\r\ngap: 70px;\r\n}\r\n.onebag_fouruses h2 {\r\nline-height: 37px;\r\n}\r\n.HP_modular_sleeve_bag_full 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: 148px;\r\n}\r\n.Bag_many_use_content .zen_paragraph.hp_modular_sleeve_bag_light_bg {\r\nmin-height: 165px;\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\nalign-items: start;\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\nwidth: 238px;\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: 72%;\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: 0;\r\n}\r\n}\r\n@media only screen and (max-width: 767px) {\r\n.hp_laptop_bag_view_row2{padding-top: 15px;}\r\n.onebag_fouruses {\r\npadding: 15px;\r\nbackground-position: 383px 9px;\r\nbackground-size: 42%;\r\n}\r\n.HP_modular_sleeve_bag_full 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\n}\r\n}\r\n@media only screen and (max-width: 600px) {\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 !important;\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\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: 50%;\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: 15px;\r\npadding-right: 10px;\r\n}\r\n.Hp_modular_sleeve_bag_slider_image {\r\nwidth: 150px;\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: 56%;\r\n}\r\n.HP_modular_sleeve_bag_use2 .HP_modular_sleeve_bag_use_image img {\r\nwidth: 100%;\r\nmargin-top: 20px;\r\n}\r\n.onebag_fouruses br{display: none;}\r\n.hp_bag_mobile_view img{margin-bottom: 20px;}\r\n.onebag_fouruses p br{display: none;}\r\n}\r\n\r\n@media only screen and (max-width: 425px) {\r\n.onebag_fouruses h2 {\r\nline-height: 31px;\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 {\r\nfont-size: 12px !important;\r\n}\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_modular_sleeve_bag_full 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_modular_sleeve_bag_full\">\r\n    <div class=\"hp_480_modular_sleeve_bag_Header hp_confortmouse_top_header\">\r\n     <h3>HP 15.6-inch Modular Laptop Sleeve</h3>\r\n    </div>\r\n    <div class=\"HP_modular_sleeve_bag_blankBG hp_modular_sleeve_bag_light_bg\"></div>\r\n    <section class=\"onebag_fouruses\">\r\n     <div class=\"hp_modular_sleeve_bag_title\">\r\n      <h2> Carry it three</br>different ways </h2>\r\n      <div class=\"hp_bag_mobile_view\" style=\"display: none;\"><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/modular_laptop_sleeve.png\"></div>\r\n      <p >You have options. This light weight laptop</br> sleeve fits most laptops up to 15.6<sup>1</sup> inches</br>and can be used as a slim laptop bag or</br>worn over the shoulder.</p>\r\n     </div>\r\n     <div class=\"hp_modular_sleeve_icons\">\r\n      <div class=\"modular_sleeve_bag_icons\">\r\n       <p>Versatile and durable laptop sleeve</p>\r\n       <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/laptop_sleev_icon.png\" alt=\"\"></figure>\r\n      </div>\r\n      <div class=\"modular_sleeve_bag_icons\">\r\n       <p>50% post-consumer recycled materials<sup><small>2</small></sup></p>\r\n       <figure><img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/environmental_globe.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\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           <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/modular_laptop_sleeve_inside.png\">\r\n          </div>\r\n          <hr>\r\n          <div class=\"hp_laptop_bag_view_row2\">\r\n           <div>\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/modular_laptop_sleev_sideview.png\">\r\n           </div>\r\n           <div>\r\n            <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/modular_laptop_sleev_1.png\">\r\n           </div>\r\n          </div>\r\n         </div>\r\n         <div class=\"Bag_many_use_content minhght\">\r\n          <div class=\"hp_480_modular_sleeve_bag_Header hp_modular_sleeve_bag_title flx \">\r\n           <h2 class=\"hp_modular_sleeve_mb-0\">One sleeve, </br>three ways </h2>\r\n          </div>\r\n          <div class=\"zen_paragraph hp_modular_sleeve_bag_light_bg flx\">\r\n           <p>Take only what you need, including this versatile, durable laptop sleeve that adjusts three different ways and has multiple pockets to keep you organized.</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/FY24Q3-9J4C3AA/laptop_sleeve_organized.png\" alt=\"\">\r\n          <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/laptop_sleeve_organized_mob.png\" alt=\"\" style=\"display: none;\">\r\n         </div>\r\n         <div class=\"Bag_many_use_content minhght\">\r\n          <div class=\"hp_480_modular_sleeve_bag_Header hp_modular_sleeve_bag_title flx \">\r\n           <h2 class=\"hp_modular_sleeve_mb-0\">Endless </br>organization </h2>\r\n          </div>\r\n          <div class=\"zen_paragraph hp_modular_sleeve_bag_light_bg flx\">\r\n           <p>Structured to keep you organized while also enabling easy access with 6L capacity and multiple pockets both inside and out.</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    <!---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      <input type=\"radio\" name=\"slidertwo\" id=\"slidetwo3\" />\r\n      <input type=\"radio\" name=\"slidertwo\" id=\"slidetwo4\" />\r\n      <input type=\"radio\" name=\"slidertwo\" id=\"slidetwo5\" />\r\n      <div class=\"slider-wrapper\">\r\n       <div class=innertwo>\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 class=\"hp_modular_sleeve_bag_title title_space\">\r\n            <h2 class=\"hp_bag_mb-0\"> Built for </br>any journey </h2>\r\n           </div>\r\n           <hr />\r\n           <p>Built tough, this water-resistant laptop sleeve comes with a 3-year warranty, and the interior is lined with a soft, fleece-like material to protect your equipment.</p>\r\n          </div>\r\n          <div class=\"Built_to_last_img\">\r\n           <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/builtFor_any_journey.png\" alt=\"\">\r\n          </div>\r\n         </div>\r\n        </article>\r\n        <article>\r\n         <div class=\"Built_to_last_block built_to_last_slider2 \">\r\n          <div class=\"Built_to_last_details\">\r\n           <div class=\"hp_modular_sleeve_bag_title title_space\">\r\n            <h2 class=\"hp_bag_mb-0\"> Removable strap </h2>\r\n           </div>\r\n           <hr />\r\n           <p>Conveniently carry the sleeve over your </br>shoulder with this easy, removable strap. </p>\r\n          </div>\r\n          <div class=\"Built_to_last_img\">\r\n           <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/Bag_strap.png\" alt=\"\">\r\n          </div>\r\n         </div>\r\n        </article>\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    <!---seamless connection-->\r\n    <section class=\"responsibly_made\">\r\n     <div class=\"responsibly_made_content\">\r\n      <div class=\"responsilbly_bag_img\">\r\n       <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/madefromRecycled_bottle.png\">\r\n      </div>\r\n      <div class=\"res_bag_details\">\r\n       <div class=\"hp_modular_sleeve_bag_title\">\r\n        <h2> Responsibly <br />Made </h2>\r\n        <hr />\r\n       </div>\r\n       <p>HP is committed to reducing plastic in landfills and oceans.</p>\r\n       <ul>\r\n        <li>\r\n         <figure>\r\n          <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/HP_bag_packing.png\">\r\n         </figure>\r\n         <p class=\"hp_bag_pt-0\">FSC&reg; certified packaging</p>\r\n        </li>\r\n       </ul>\r\n      </div>\r\n     </div>\r\n    </section>\r\n    <!---Responsibly_made-->\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.9 lb (0.41 kg)</p>\r\n       <div class=\"hp_bag_icons\">\r\n        <figure>\r\n         <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/environmental_globe.png\" alt=\"\">\r\n        </figure>\r\n        <figure>\r\n         <img src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/laptop_sleev_icon.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=\"Hp_modular_sleeve_bag_slider_image_height\">\r\n          <p>11.02 in </br>(280mm) </p>\r\n         </div>\r\n         <img class=\"bagSize\" src=\"/wcsstore/hpusstore/Treatment/rc/FY24Q3-9J4C3AA/modular_laptop_sleeve.png\" alt=\"\">\r\n         <div class=\"Hp_modular_sleeve_bag_slider_image_width\">\r\n          <p>15.16 in </br>(385 mm) </p>\r\n         </div>\r\n        </div>\r\n       </div>\r\n      </div>\r\n     </div>\r\n    </section>\r\n    <section class=\"HP_bag_footnotes\">\r\n     <hr />\r\n     <ol>\r\n      <li> Fits most laptops up to 15.6 inches </li>\r\n      <li> Bottle count calculation is based on 12.7 grams per 16.9 ounce single serve bottle. </br>Recyclplastic content percentage is based on the definition set in the IEEE 1680.1-2018 EPEAT standard. </li>\r\n     </ol>\r\n    </section>\r\n   </section>"}]}]},"pdpSpecialOffers":null}}},"extensions":{}}