body.tr-body[data-style-preview=a-complete]{--a-paper:#faf9f5;--a-ink:#242522;--a-muted:#666861;--a-surface:#eeeee8;--a-line:#d9dbd2;--a-accent:#292c25;--vr-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--vr-paper:var(--a-paper);--vr-ink:var(--a-ink);--vr-muted:var(--a-muted);--vr-tint:var(--a-surface);--vr-card:var(--a-surface);--vr-line:var(--a-line);--vr-accent:var(--a-accent);--vr-hover:#3b4035;--vr-pressed:#1e211c;--vr-soft-hover:#eeeee8;--vr-radius-control:8px;--vr-radius-card:8px;--vr-dock-size:52px;--vr-dock-icon:28px;--ab-ink:var(--a-ink);--ab-muted:var(--a-muted);--ab-line:var(--a-line);--ab-teal:var(--a-accent);--tr-ink:var(--a-ink);--tr-muted:var(--a-muted);--tr-line:var(--a-line);--tr-accent:var(--a-accent);--tr-tint:var(--a-surface);--b2b-ink:var(--a-ink);--b2b-muted:var(--a-muted);--b2b-line:var(--a-line);--b2b-navy:var(--a-accent);--b2b-orange:var(--a-accent);--b2b-orange-dark:#3b4035;background:var(--a-paper);color:var(--a-ink);font:16px/1.65 var(--vr-font);letter-spacing:0}body[data-style-preview] :is(button,input,select,textarea){font-family:inherit}body[data-style-preview] :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--a-accent);outline-offset:4px}body.tr-body[data-style-preview] .am-home[data-skin=neutral]{--paper:var(--a-paper);--surface:var(--a-surface);--hero:var(--a-paper);--ink:var(--a-ink);--muted:var(--a-muted);--line:var(--a-line);--accent:var(--a-accent);--radius-control:8px;--radius-card:8px;background:var(--a-paper);font-family:var(--vr-font)}body[data-style-preview] :is(.preview-bar,#preview-notice){background:var(--a-surface)!important;color:var(--a-muted)!important;font-size:12px!important;line-height:1.65}body.tr-body[data-style-preview] :is(.bc-header,.bc-mobile-menu,.tr-dropdown,.preview-locale-panel){background:var(--a-paper);color:var(--a-ink);border-color:var(--a-line)}body.tr-body[data-style-preview] .bc-header .bc-search{background:var(--a-paper);border-color:var(--a-line);border-radius:8px}body.tr-body[data-style-preview] .bc-header :is(.bc-search-submit,.bc-camera) svg{stroke:var(--a-accent)}body.tr-body[data-style-preview] .am-home :is(.hero,.cat-zone,.core-zone,.products,.service-section,.projects-section,.resources-section,.workflow-section){background-color:var(--a-paper)}body.tr-body[data-style-preview] .am-home :is(.brand-support,.closing-section){background-color:var(--a-surface)}body.tr-body[data-style-preview] .am-home .hero h1{color:var(--a-ink);font-weight:550;letter-spacing:-.045em;line-height:1.06}body.tr-body[data-style-preview] .am-home :is(h2,h3){color:var(--a-ink);font-weight:550;letter-spacing:-.025em}body.tr-body[data-style-preview] .am-home :is(.hero-sub,.service-intro,.project-description p,.workflow-copy p,.resource-card p){color:var(--a-muted);font-size:16px;line-height:1.75}body.tr-body[data-style-preview] .am-home .hero-sub{font-size:20px}body.tr-body[data-style-preview] .am-home :is(.eyebrow,.hero-audience,.collection-kicker,.sir-disclosure,.content-note,.rail-note){font-size:12px;line-height:1.7}body.tr-body[data-style-preview] :is(.am-home .btn,.b2b-button,.ab-button){min-height:48px;height:auto;padding:12px 22px;border-radius:8px;font-size:14px;line-height:1.5;font-weight:600;background:var(--a-accent);border:1px solid var(--a-accent);color:#fff;box-shadow:none;letter-spacing:0}body.tr-body[data-style-preview] :is(.am-home .btn.secondary,.ab-button.sample){background:transparent;border-color:#aeb2a6;color:var(--a-ink)}body.tr-body[data-style-preview] .am-home :is(.collection-cta,.preview-scene-cta){min-height:44px;padding:10px 18px;border:1px solid #aeb2a6;border-radius:8px;background:var(--a-paper);color:var(--a-ink);font-size:14px;line-height:1.4;font-weight:600;box-shadow:none}body.tr-body[data-style-preview] .am-home :is(.text-link,.resource-link){color:var(--a-accent);font-size:14px;line-height:1.5;font-weight:600;min-height:44px}body.tr-body[data-style-preview] .am-home .collection-open-mark{display:none}body.tr-body[data-style-preview] .am-home .resource-card{background:transparent;border-color:var(--a-line);border-radius:8px;box-shadow:none}body.tr-body[data-style-preview] .am-home .sir-tabs button{border-color:var(--a-line);border-radius:6px;color:var(--a-ink);background:var(--a-paper);font-size:13px;min-height:52px}body.tr-body[data-style-preview] .am-home .sir-tabs button[aria-selected=true]{background:var(--a-accent);color:#fff;border-color:var(--a-accent)}body.tr-body[data-style-preview] .am-home :is(.sir-panel img,.sir-brand-scene>img,.sir-sourcing-art){border-radius:8px}body.tr-body[data-style-preview] .bc-footer{background:var(--a-ink);color:#fff}body.tr-body[data-style-preview] .bc-footer :is(a,button,p,summary){color:inherit}body.tr-body[data-style-preview] .ab-page{width:1280px;max-width:calc(100% - 192px);margin-left:auto;margin-right:auto;color:var(--a-ink)}body.tr-body[data-style-preview] .ab-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:40px}body.tr-body[data-style-preview] .ab-gallery{grid-template-columns:56px minmax(0,1fr);min-width:0}body.tr-body[data-style-preview] .ab-page img.ab-main-image{width:100%;background:var(--a-paper);object-fit:contain}body.tr-body[data-style-preview] .ab-page h1{font-size:clamp(28px,2.3vw,36px);line-height:1.22;font-weight:550;letter-spacing:-.03em}body.tr-body[data-style-preview] .ab-page h2{font-size:28px;line-height:1.3;font-weight:550;letter-spacing:-.025em}body.tr-body[data-style-preview] .ab-page :is(.ab-sku,.ab-unit,.ab-condition,.ab-material,.readable-note,.ab-fact span){font-size:13px;line-height:1.65;color:var(--a-muted)}body.tr-body[data-style-preview] .ab-price .amount{font-size:28px;line-height:1.25}body.tr-body[data-style-preview] .ab-price .qty{font-size:13px;white-space:normal}body.tr-body[data-style-preview] .ab-price{min-width:0;padding-inline:10px}body.tr-body[data-style-preview] .ab-actions{display:flex;flex-wrap:wrap;gap:12px}body.tr-body[data-style-preview] :is(.ab-button.main,.ab-button.sample){width:auto;min-width:150px;max-width:100%;white-space:normal}body.tr-body[data-style-preview] .ab-aux{gap:10px 22px;align-items:center}body.tr-body[data-style-preview] .ab-aux button{font-size:14px;line-height:1.5;min-height:44px;padding:8px 0;color:var(--a-accent)}body.tr-body[data-style-preview] :is(.ab-thumb,.ab-list-panel,.ab-dialog,.company-card){border-radius:8px;border-color:var(--a-line)}body.tr-body[data-style-preview] :is(.ab-dialog,.company-card,.company-card-heading){background:var(--a-paper);color:var(--a-ink)}body.tr-body[data-style-preview] .ab-info>:is(.ab-prices,.ab-actions,.ab-aux,.ab-condition,.ab-list-panel),body.tr-body[data-style-preview] .ab-unit{margin-right:0}body.tr-body[data-style-preview] .ab-details .ab-procurement{padding-right:0}body.tr-body[data-style-preview] .ab-specs{width:100%}body.tr-body[data-style-preview] :is(.readable-product,.readable-company,.ab-review-empty)>:is(h2,p){padding-right:0}body.tr-body[data-style-preview] .ab-page .company-card .company-pan{box-sizing:border-box;width:100%;padding-inline:21px}body.tr-body[data-style-preview] .company-card-heading{padding-right:20px}body.tr-body[data-style-preview] .ab-specs :is(th,td){font-size:16px;line-height:1.65;overflow-wrap:anywhere}body.tr-body[data-style-preview] .ab-procurement details p{font-size:16px;line-height:1.75}body.tr-body[data-style-preview] .ab-dialog input{font-size:16px}@media(max-width:1200px)and (min-width:901px){body.tr-body[data-style-preview] .ab-prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}body.tr-body[data-style-preview] .ab-price:nth-child(2){border-right:0}body.tr-body[data-style-preview] .ab-price:nth-child(3){padding-left:0}body.tr-body[data-style-preview] .ab-details{gap:32px}}@media(max-width:900px){body.tr-body[data-style-preview]{--vr-dock-size:48px;--vr-dock-icon:26px;--vr-dock-right: calc(12px + env(safe-area-inset-right,0px)) }body.tr-body[data-style-preview] .ab-page{width:auto;max-width:none;margin:0 calc(80px + env(safe-area-inset-right,0px)) 0 20px;padding-top:24px}body.tr-body[data-style-preview] .ab-hero{display:flex;gap:0}body.tr-body[data-style-preview] .ab-gallery{display:flex;width:100%}body.tr-body[data-style-preview] .ab-thumbs{width:100%;max-width:100%;align-self:flex-start}body.tr-body[data-style-preview] .ab-page h1{font-size:28px;line-height:1.22}body.tr-body[data-style-preview] .ab-page h2{font-size:26px}body.tr-body[data-style-preview] .ab-prices{grid-template-columns:repeat(2,minmax(0,1fr))}body.tr-body[data-style-preview] .ab-price{height:auto;min-height:78px;padding:12px}body.tr-body[data-style-preview] .ab-actions{display:flex;flex-wrap:wrap}body.tr-body[data-style-preview] :is(.ab-button.main,.ab-button.sample){min-width:0;flex:0 1 auto;padding:12px 20px}body.tr-body[data-style-preview] .ab-page .company-card .company-pan{padding-inline:17px}body.tr-body[data-style-preview] .company-card-heading{padding-right:16px}body.tr-body[data-style-preview] .ab-facts{grid-template-columns:1fr;gap:16px}body.tr-body[data-style-preview] .ab-fact strong{font-size:16px}body.tr-body[data-style-preview] .ab-breadcrumb{flex-wrap:wrap;font-size:13px}body.tr-body[data-style-preview] .ab-sticky{padding-right:80px}body.tr-body[data-style-preview] .am-home :is(.service-section,.projects-section,.resources-section,.workflow-section,.closing-section)>.wrap{width:auto;max-width:none;margin-left:20px;margin-right:calc(80px + env(safe-area-inset-right,0px));padding-left:0;padding-right:0}body.tr-body[data-style-preview] .am-home :is(.service-copy,.project-description,.resource-grid,.resources-section .wrap>p,.closing-grid,.workflow-copy){padding-right:0}body.tr-body[data-style-preview] .am-home .sir-manufacturing .sir-tabs,body.tr-body[data-style-preview] .am-home .sir-sourcing .sir-tabs{width:100%;max-width:100%;margin-right:0}body.tr-body[data-style-preview] .am-home .closing-grid>div{align-items:flex-start;flex-direction:column;gap:16px}body.tr-body[data-style-preview] .bc-footer .tr-shell{width:auto;margin-left:20px;margin-right:80px}body.tr-body[data-style-preview] .bc-footer :is(.tr-footer-grid,.vp-footer-top,.tr-copyright){padding-right:0}}@media(max-width:600px){body.tr-body[data-style-preview] .am-home .hero-copy{padding-right:60px}body.tr-body[data-style-preview] .am-home .hero-actions{display:flex;flex-wrap:wrap;align-items:flex-start}body.tr-body[data-style-preview] .am-home .hero-actions .btn{width:auto;max-width:100%}body.tr-body[data-style-preview] .am-home .hero-sub{font-size:18px}body.tr-body[data-style-preview] .am-home .resource-card h3{font-size:22px}body.tr-body[data-style-preview] .ab-page .ab-main-image{height:auto;aspect-ratio:1;object-fit:contain}body.tr-body[data-style-preview] .ab-actions .ab-button{width:100%}body.tr-body[data-style-preview] .ab-price .amount{font-size:28px}}@media(max-width:600px){body.tr-body[data-style-preview] .ab-price,body.tr-body[data-style-preview] .ab-price:first-child{padding-inline:6px}body.tr-body[data-style-preview] .ab-page img.ab-main-image{height:auto;aspect-ratio:1;object-fit:contain}}body.tr-body[data-style-preview] .a-contact-preview{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border:1px solid var(--a-line);border-radius:16px;background:var(--a-paper);color:var(--a-ink);padding:28px;font:16px/1.6 var(--vr-font);box-shadow:0 20px 70px #24252226}body.tr-body[data-style-preview] .a-contact-preview::backdrop,body.tr-body[data-style-preview] .ab-dialog::backdrop{background:#24252266;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.tr-body[data-style-preview] .a-contact-heading{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}body.tr-body[data-style-preview] .a-contact-heading h2{font-size:28px;font-weight:550;line-height:1.25;letter-spacing:-.03em;margin:0}body.tr-body[data-style-preview] .a-contact-kicker{font-size:12px;line-height:1.6;letter-spacing:.1em;font-weight:600;color:var(--a-muted);margin:0 0 8px}body.tr-body[data-style-preview] .a-contact-preview>p{font-size:14px;line-height:1.7;color:var(--a-muted);margin:18px 0 22px}body.tr-body[data-style-preview] .a-icon-button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid var(--a-line);border-radius:50%;background:var(--a-surface);color:var(--a-ink);padding:10px;cursor:pointer}body.tr-body[data-style-preview] .a-icon-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;fill:none}body.tr-body[data-style-preview] .a-contact-form{display:grid;gap:18px}body.tr-body[data-style-preview] .a-contact-form label{display:grid;gap:8px;font-size:14px;line-height:1.5;font-weight:600}body.tr-body[data-style-preview] .a-contact-form :is(input,textarea){width:100%;min-height:48px;box-sizing:border-box;padding:12px 14px;border:1px solid #babeb2;border-radius:10px;background:var(--a-paper);color:var(--a-ink);font:400 16px/1.5 var(--vr-font);resize:vertical}body.tr-body[data-style-preview] .a-contact-form :is(input,textarea)::placeholder{color:var(--a-muted)}body.tr-body[data-style-preview] .a-contact-actions{display:flex;gap:10px;flex-wrap:wrap}body.tr-body[data-style-preview] :is(.a-contact-primary,.a-contact-secondary){min-height:48px;padding:12px 22px;border:1px solid var(--a-accent);border-radius:10px;font:600 14px/1.5 var(--vr-font);background:var(--a-accent);color:#fff;cursor:pointer}body.tr-body[data-style-preview] .a-contact-secondary{background:transparent;color:var(--a-ink);border-color:#aeb2a6}body.tr-body[data-style-preview] .a-contact-status{font-size:14px;line-height:1.6;background:var(--a-surface);border-radius:8px;padding:12px;margin:0}body.tr-body[data-style-preview] .a-preview-launcher{padding:8px 12px;min-height:44px;border:1px solid #aeb2a6;border-radius:8px;font:600 12px/1.4 var(--vr-font);color:var(--a-ink);background:transparent;cursor:pointer}@media(max-width:600px){body.tr-body[data-style-preview] .a-contact-preview{padding:22px}}body.tr-body[data-style-preview]{--a-button-radius:999px;--a-field-radius:12px;--a-dialog-radius:20px;--a-compact-radius:12px}body.tr-body[data-style-preview] :is(.am-home .btn,.b2b-button,.ab-button,.a-contact-primary,.a-contact-secondary,.am-home .collection-cta,.am-home .preview-scene-cta){border-radius:var(--a-button-radius)}body.tr-body[data-style-preview] :is(.bc-menu-toggle,.preview-locale-trigger){min-height:44px;border-radius:var(--a-compact-radius);font-family:var(--vr-font);font-size:14px;color:var(--a-ink)}body.tr-body[data-style-preview] .bc-header .bc-topbar>.vp-rfq{height:48px;min-height:48px;padding-inline:20px;font-size:14px}body.tr-body[data-style-preview] .bc-header .bc-search{border-radius:var(--a-field-radius)}body.tr-body[data-style-preview] .bc-header :is(.bc-camera,.bc-search-submit){width:44px;min-width:44px;height:44px;border-radius:10px;color:var(--a-accent);background:transparent}body.tr-body[data-style-preview] :is(.preview-locale-panel,.ab-dialog,.a-contact-preview){border-radius:var(--a-dialog-radius);border-color:var(--a-line);background:var(--a-paper);color:var(--a-ink);font-family:var(--vr-font)}body.tr-body[data-style-preview] .preview-locale-panel{padding:28px}body.tr-body[data-style-preview] .preview-locale-panel h2{margin-right:40px;font-family:var(--vr-font);font-size:22px;line-height:1.35;letter-spacing:-.02em}body.tr-body[data-style-preview] .preview-locale-panel :is(.preview-locale-intro,.preview-locale-note){color:var(--a-muted);line-height:1.65}body.tr-body[data-style-preview] :is(.preview-locale-panel select,.ab-dialog input,.a-contact-form input,.a-contact-form textarea){border-radius:var(--a-field-radius);border-color:#b6bbad;background:var(--a-paper);color:var(--a-ink);min-height:48px;font:400 16px/1.5 var(--vr-font);padding:12px 14px}body.tr-body[data-style-preview] .preview-locale-panel .preview-locale-save{width:auto;min-width:104px;min-height:48px;margin-top:22px;padding:12px 24px;border-radius:var(--a-button-radius);background:var(--a-accent);border-color:var(--a-accent);font:600 14px/1.5 var(--vr-font);color:#fff}body.tr-body[data-style-preview] .preview-locale-panel .preview-locale-close{width:44px;height:44px;top:12px;right:12px;border-radius:50%;background:var(--a-surface);color:var(--a-ink);font-size:24px}body.tr-body[data-style-preview] .image-viewer-toolbar button{min-height:44px;padding:10px 18px;border:1px solid var(--a-line);border-radius:var(--a-button-radius);background:var(--a-paper);color:var(--a-ink);font:600 14px/1.5 var(--vr-font)}body.tr-body[data-style-preview] .image-viewer-toolbar{background:var(--a-paper);border-color:var(--a-line);color:var(--a-ink)}body.tr-body[data-style-preview] .ab-dialog [data-close]{min-height:48px;border-radius:var(--a-button-radius)}body.tr-body[data-style-preview] .am-home :is(.category-arrow,.rail-edge,.preview-scene-controls button){width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border:1px solid var(--a-line);border-radius:50%;background:var(--a-paper);color:var(--a-accent);box-shadow:none}body.tr-body[data-style-preview] .am-home .category-pagination{min-height:44px;height:auto;flex-wrap:wrap;gap:0}body.tr-body[data-style-preview] .am-home .category-page-dot{flex-basis:44px;width:44px;height:44px;min-height:44px;border-radius:50%;background:transparent}body.tr-body[data-style-preview] .am-home .category-page-dot:before{background:#b4b9ab}body.tr-body[data-style-preview] .am-home .category-page-dot[aria-current=true]:before{background:var(--a-accent)}body.tr-body[data-style-preview] .am-home .preview-featured-tabs{padding:4px;border-radius:999px;background:var(--a-surface);gap:2px}body.tr-body[data-style-preview] .am-home .preview-featured-tabs .tab{border-radius:999px;min-height:44px;padding:10px 18px;border:0;font:500 14px/1.5 var(--vr-font);color:var(--a-muted);background:transparent}body.tr-body[data-style-preview] .am-home .preview-featured-tabs .tab[aria-selected=true]{background:var(--a-paper);color:var(--a-ink);box-shadow:0 1px 3px #24252214}body.tr-body[data-style-preview] .am-home .featured-category-control select{min-height:44px;border:1px solid var(--a-line);border-radius:var(--a-compact-radius);background:var(--a-paper);color:var(--a-ink);font-family:var(--vr-font);font-size:14px}body.tr-body[data-style-preview] .am-home .sir-tabs button{border-radius:var(--a-compact-radius)}body.tr-body[data-style-preview] .bc-footer details>summary{min-height:44px;line-height:1.5;padding-block:10px;font-size:14px}body.tr-body[data-style-preview] .preview-contact-dock>:is(a,button){border-radius:16px}body.tr-body[data-style-preview] :is(.am-home .btn,.b2b-button,.ab-button,.a-contact-primary,.a-contact-secondary,.preview-locale-save):not(:disabled):hover{filter:brightness(.94)}body.tr-body[data-style-preview] :is(.am-home .btn,.b2b-button,.ab-button,.a-contact-primary,.a-contact-secondary,.preview-locale-save):not(:disabled):active{filter:brightness(.88)}body.tr-body[data-style-preview] :is(.bc-menu-toggle,.preview-locale-trigger,.bc-camera,.bc-search-submit,.category-arrow,.image-viewer-toolbar button):not(:disabled):hover{background:var(--a-surface)}body.tr-body[data-style-preview] button:disabled{opacity:.38;cursor:not-allowed;filter:none;box-shadow:none}body.tr-body[data-style-preview] :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--a-accent);outline-offset:4px}@media(max-width:600px){body.tr-body[data-style-preview] .preview-locale-panel{padding:24px 20px}body.tr-body[data-style-preview] .am-home .preview-featured-tabs .tab{padding-inline:12px}}@media(prefers-reduced-motion:reduce){body.tr-body[data-style-preview] :is(button,a,input,textarea,select){transition:none!important}}@media(forced-colors:active){body.tr-body[data-style-preview] :is(button,a,input,textarea,select,summary):focus-visible{outline-color:Highlight}body.tr-body[data-style-preview] button:disabled{opacity:1;color:GrayText}}body.tr-body[data-style-preview] :is(.am-home .btn,.b2b-button,.ab-button,.a-contact-primary,.a-contact-secondary,.preview-locale-save){height:auto;min-height:44px;padding:10px 22px;border-radius:999px;font-size:14px;line-height:1.5}body.tr-body[data-style-preview] .bc-header .bc-topbar>.vp-rfq{height:44px;min-height:44px;padding-inline:20px}body.tr-body[data-style-preview] .preview-locale-panel .preview-locale-save{min-height:44px;padding:10px 24px}body.tr-body[data-style-preview] .ab-dialog [data-close]{min-height:44px}body.tr-body[data-style-preview] :is(.ab-button.main,.ab-button.sample){height:auto;min-height:44px;padding:10px 22px}body.tr-body[data-style-preview] :is(.preview-locale-panel select,.ab-dialog input,.a-contact-form input){height:44px;min-height:44px;padding:9px 14px;font-size:16px;line-height:24px;box-sizing:border-box;border-radius:12px}body.tr-body[data-style-preview] .a-contact-form textarea{min-height:132px;border-radius:12px;font-size:16px}body.tr-body[data-style-preview] .ab-page .ab-aux button{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:14px;line-height:1.5}body.tr-body[data-style-preview] .ab-page .ab-aux button svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hp-a-complete-a-system.css.map */