.yhs-pi{--pi-navy: #102f73;--pi-navy-deep: #08245d;--pi-text: #334155;--pi-muted: #64748b;--pi-line: #dce3ec;--pi-soft: #f5f7fa;--pi-white: #ffffff;color:var(--pi-section-text, var(--pi-text));background:var(--pi-section-background, var(--pi-white));padding-block:var(--pi-space-top, 72px) var(--pi-space-bottom, 72px);scroll-margin-top:112px}.yhs-pi--soft{background:var(--pi-section-background, var(--pi-soft))}.yhs-pi--navy{background:var(--pi-section-background, var(--pi-navy));color:var(--pi-section-text, var(--pi-white))}.yhs-pi__shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.yhs-pi__narrow{width:min(840px,100%)}.yhs-pi__header{max-width:760px;margin-bottom:28px}.yhs-pi__eyebrow,.yhs-pi__kicker{margin:0 0 10px;color:var(--pi-heading-color, var(--pi-navy));font-size:12px;font-weight:750;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}.yhs-pi--navy .yhs-pi__eyebrow,.yhs-pi--navy .yhs-pi__kicker{color:#c9d8ff}.yhs-pi h1,.yhs-pi h2,.yhs-pi h3,.yhs-pi p{margin-top:0}.yhs-pi h1,.yhs-pi h2,.yhs-pi h3{color:var(--pi-heading-color, var(--pi-navy));font-family:var(--font-heading-family);letter-spacing:-.025em}.yhs-pi--navy h1,.yhs-pi--navy h2,.yhs-pi--navy h3{color:var(--pi-heading-color, var(--pi-white))}.yhs-pi h1{max-width:620px;margin-bottom:18px;font-size:clamp(38px,3vw,44px);line-height:1.08}.yhs-pi h2{margin-bottom:16px;font-size:clamp(30px,3vw,40px);line-height:1.12}.yhs-pi h3{margin-bottom:10px;font-size:20px;line-height:1.28}.yhs-pi__copy,.yhs-pi__copy p{max-width:68ch;font-size:16px;line-height:1.62}.yhs-pi__copy p:last-child,.yhs-pi__card p:last-child,.yhs-pi__note:last-child{margin-bottom:0}.yhs-pi__note{margin:24px 0 0;padding:14px 16px;border-left:3px solid #6d8fe0;color:#4b5f7d;background:#edf2fc;font-size:14px;line-height:1.55}.yhs-pi--navy .yhs-pi__note{color:#e5ecff;background:#ffffff14;border-left-color:#a9bfff}.yhs-pi__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.yhs-pi__button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 22px;border:1px solid var(--pi-navy);color:var(--pi-white);background:var(--pi-navy);font-size:15px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.yhs-pi__button:hover{background:var(--pi-navy-deep)}.yhs-pi__button--secondary{color:var(--pi-navy);background:transparent}.yhs-pi--navy .yhs-pi__button{border-color:var(--pi-white);color:var(--pi-navy);background:var(--pi-white)}.yhs-pi--navy .yhs-pi__button--secondary{color:var(--pi-white);background:transparent}.yhs-pi__button:focus-visible,.yhs-pi a:focus-visible,.yhs-pi summary:focus-visible{outline:3px solid #f5b942;outline-offset:3px}.yhs-pi__text-link{display:inline-flex;min-height:44px;align-items:center;color:var(--pi-navy);font-weight:700;text-underline-offset:4px}.yhs-pi__grid{display:grid;gap:18px}.yhs-pi__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.yhs-pi__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.yhs-pi__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.yhs-pi__card{min-width:0;padding:22px;border:1px solid var(--pi-line);background:var(--pi-white)}.yhs-pi__card p{color:var(--pi-text);font-size:15px;line-height:1.6}.yhs-pi__index{display:grid;width:36px;height:36px;margin-bottom:20px;place-items:center;color:var(--pi-white);background:var(--pi-navy);font-size:13px;font-weight:750}.yhs-pi__split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(36px,5vw,68px);align-items:center}.yhs-pi__split--reverse .yhs-pi__media{order:-1}.yhs-pi__media{min-width:0;margin:0}.yhs-pi__media img,.yhs-pi-gallery__image img{display:block;width:100%;height:100%;object-fit:var(--pi-image-fit, cover);object-position:var(--pi-focal, 50% 50%)}.yhs-pi__picture,.yhs-pi__picture img,.yhs-pi__image-link{display:block;width:100%;height:100%}.yhs-pi__picture{position:relative}.yhs-pi__image-link{color:inherit}.yhs-pi__hover-image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease}@media(hover:hover)and (pointer:fine){.yhs-pi__picture--hover:hover .yhs-pi__hover-image,.yhs-pi__image-link:focus-visible .yhs-pi__hover-image{opacity:1}}.yhs-pi__media-frame{aspect-ratio:4 / 3;overflow:hidden;background:#e9eef5}.yhs-pi__caption{margin:10px 0 0;color:var(--pi-muted);font-size:12px;line-height:1.5}.yhs-pi__list{display:grid;gap:0;margin:26px 0 0;padding:0;list-style:none}.yhs-pi__list-item{position:relative;padding:18px 0 18px 34px;border-top:1px solid var(--pi-line)}.yhs-pi__list-item:before{position:absolute;top:22px;left:2px;width:18px;height:18px;border-radius:50%;color:var(--pi-white);background:var(--pi-navy);content:"\2713";font-size:11px;font-weight:800;line-height:18px;text-align:center}.yhs-pi__list-item h3{margin-bottom:6px;font-size:18px}.yhs-pi__list-item p{margin-bottom:0;font-size:15px;line-height:1.55}.yhs-pi__meta{display:block;margin-top:7px;color:var(--pi-muted);font-size:12px;line-height:1.45}.yhs-pi-hero{min-height:min(700px,calc(100vh - 24px));background:var(--pi-section-background, var(--pi-soft))}.yhs-pi-hero__grid{display:grid;grid-template-columns:minmax(390px,.86fr) minmax(0,1.14fr);gap:clamp(32px,4vw,60px);align-items:center}.yhs-pi-hero__breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;color:#52657f;font-size:13px}.yhs-pi-hero__breadcrumb a{color:inherit;text-underline-offset:3px}.yhs-pi-hero__copy{max-width:62ch}.yhs-pi-hero__media{margin:0;min-width:0}.yhs-pi-hero__frame{aspect-ratio:16 / 9;overflow:hidden;background:#dce3ec}.yhs-pi-hero__frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pi-focal, 50% 50%)}.yhs-pi-hero__caption{margin:10px 0 0;color:#53667f;font-size:12px;line-height:1.45}.yhs-pi-strategy .yhs-pi__grid,.yhs-pi-identification__flow,.yhs-pi-loading .yhs-pi__grid,.yhs-pi-install-prep .yhs-pi__grid,.yhs-pi-install-support .yhs-pi__grid{margin-top:34px}.yhs-pi-strategy .yhs-pi__card{border-width:0 0 1px;border-top:3px solid var(--pi-navy)}.yhs-pi-identification__flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.yhs-pi-identification__item{position:relative}.yhs-pi-identification__item:not(:last-child):after{position:absolute;top:26px;right:-29px;color:#7791c8;content:"\2192";font-size:24px}.yhs-pi-loading .yhs-pi__card{border-color:#fff3;background:#ffffff12}.yhs-pi-loading .yhs-pi__card p,.yhs-pi-loading .yhs-pi__meta{color:#dce6ff}.yhs-pi-loading .yhs-pi__index{color:var(--pi-navy);background:var(--pi-white)}.yhs-pi-documents__card{display:flex;min-height:100%;flex-direction:column}.yhs-pi-documents .yhs-pi__grid--3{grid-template-columns:repeat(4,minmax(0,1fr))}.yhs-pi-documents__type{margin:auto 0 0;padding-top:14px;color:var(--pi-muted);font-size:12px;line-height:1.45}.yhs-pi-receiving__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:receiving}.yhs-pi-receiving__step{position:relative;padding:0 22px;counter-increment:receiving}.yhs-pi-receiving__step:first-child{padding-left:0}.yhs-pi-receiving__step:last-child{padding-right:0}.yhs-pi-receiving__step:not(:last-child){border-right:1px solid var(--pi-line)}.yhs-pi-receiving__step:before{display:grid;width:34px;height:34px;margin-bottom:16px;place-items:center;color:var(--pi-white);background:var(--pi-navy);content:counter(receiving,decimal-leading-zero);font-size:11px;font-weight:750}.yhs-pi-receiving__step h3{font-size:17px}.yhs-pi-receiving__step p{margin-bottom:0;font-size:14px;line-height:1.55}.yhs-pi-support__scope{display:inline-block;margin-bottom:14px;padding:5px 8px;color:var(--pi-navy);background:#e9effc;font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.yhs-pi-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.yhs-pi-gallery__item{margin:0;min-width:0}.yhs-pi-gallery__image{aspect-ratio:4 / 3;overflow:hidden;background:#e9eef5}.yhs-pi-gallery__caption{display:grid;gap:5px;padding-top:12px}.yhs-pi-gallery__caption strong{color:var(--pi-navy);font-size:15px;line-height:1.4}.yhs-pi-gallery__caption span{color:var(--pi-muted);font-size:12px;line-height:1.4}.yhs-pi-faq__list{border-top:1px solid var(--pi-line)}.yhs-pi-faq details{border-bottom:1px solid var(--pi-line)}.yhs-pi-faq summary{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:24px;padding:18px 2px;color:var(--pi-navy);cursor:pointer;font-size:17px;font-weight:700;line-height:1.4;list-style:none}.yhs-pi-faq summary::-webkit-details-marker{display:none}.yhs-pi-faq summary:after{flex:0 0 auto;content:"+";font-size:25px;font-weight:400}.yhs-pi-faq details[open] summary:after{content:"\2212"}.yhs-pi-faq__answer{max-width:72ch;padding:0 48px 22px 2px}.yhs-pi-faq__answer p{margin-bottom:0;font-size:15px;line-height:1.65}.yhs-pi-cta{padding-bottom:118px}.yhs-pi-cta__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:end}.yhs-pi-cta__inner .yhs-pi__header{margin-bottom:0}@media screen and (max-width:989px){.yhs-pi__grid--4,.yhs-pi-documents .yhs-pi__grid--3,.yhs-pi-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yhs-pi-receiving__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.yhs-pi-receiving__step,.yhs-pi-receiving__step:first-child,.yhs-pi-receiving__step:last-child{padding:0;border-right:0}}@media screen and (max-width:749px){.yhs-pi{--pi-space-top: 54px !important;--pi-space-bottom: 54px !important;scroll-margin-top:92px}.yhs-pi__shell{width:auto;margin-left:20px;margin-right:58px}.yhs-pi h1{font-size:clamp(30px,8.4vw,34px);line-height:1.08}.yhs-pi h2{font-size:27px}.yhs-pi h3{font-size:18px}.yhs-pi__copy,.yhs-pi__copy p{font-size:16px;line-height:1.62}.yhs-pi__header{margin-bottom:26px}.yhs-pi__grid--4,.yhs-pi__grid--3,.yhs-pi__grid--2,.yhs-pi__split,.yhs-pi-hero__grid,.yhs-pi-identification__flow,.yhs-pi-gallery__grid,.yhs-pi-cta__inner{grid-template-columns:1fr}.yhs-pi__split{gap:30px}.yhs-pi__split .yhs-pi__media,.yhs-pi__split--reverse .yhs-pi__media{order:-1}.yhs-pi__card{padding:20px}.yhs-pi__actions{display:grid;grid-template-columns:1fr}.yhs-pi__button{width:100%}.yhs-pi-hero{min-height:0;padding-top:34px!important;padding-bottom:46px!important;background:var(--pi-section-background, var(--pi-soft))}.yhs-pi-hero__grid{gap:24px}.yhs-pi-hero__breadcrumb{margin-bottom:16px}.yhs-pi-hero .yhs-pi__actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.yhs-pi-hero .yhs-pi__button{min-height:60px;padding:10px 8px;font-size:13px}.yhs-pi-hero .yhs-pi__note{display:none}.yhs-pi-hero__media{--pi-focal: var(--pi-mobile-focal) !important}.yhs-pi-hero__frame{aspect-ratio:16 / 10}.yhs-pi-identification__item:not(:last-child):after{display:none}.yhs-pi-receiving__steps{grid-template-columns:1fr;gap:0}.yhs-pi-receiving__step{padding:18px 0!important;border-top:1px solid var(--pi-line)}.yhs-pi-receiving__step:first-child{border-top:0}.yhs-pi-gallery__grid{gap:28px}.yhs-pi-gallery__caption{padding-right:8px}.yhs-pi-faq summary{padding-right:4px;font-size:16px}.yhs-pi-faq__answer{padding-right:8px}.yhs-pi-faq{padding-bottom:max(130px,calc(110px + env(safe-area-inset-bottom)))!important}.yhs-pi-cta{padding-bottom:max(154px,calc(134px + env(safe-area-inset-bottom)))!important}.yhs-pi-cta__inner{gap:24px;align-items:start}}@media(prefers-reduced-motion:reduce){.yhs-pi *{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/yhs-packaging-installation.css.map */