.po-generator-hero{padding:1.29rem 0 .4rem;background-color:var(--colors-background-dark-1);color:var(--colors-text-light)}@media (max-width: 1024px){.po-generator-hero{padding-top:1.2rem}}@media (max-width: 480px){.po-generator-hero{padding:1.04rem 0 .24rem}}.po-generator-hero .breadcrumbs{margin-bottom:.24rem;color:var(--colors-text-grey-2)}.po-generator-hero .breadcrumbs a{color:var(--colors-text-grey-2)}.po-generator-hero .breadcrumbs span{color:var(--colors-text-light)}.po-generator-hero__top{max-width:5.6rem;margin:0 .4rem .4rem}@media (max-width: 1024px){.po-generator-hero__top{max-width:4.58rem}}@media (max-width: 480px){.po-generator-hero__top{max-width:unset;margin:0 .24rem .24rem}}.po-generator-hero__title{margin:0 0 .16rem;color:var(--colors-text-light)}.po-generator-hero__desc{margin:0 0 .08rem;line-height:1.6;color:var(--colors-text-grey-1)}.po-generator-hero__meta{margin:0;color:var(--colors-text-grey-2)}.po-generator-content{visibility:visible;background-color:var(--colors-background-dark-1);padding-bottom:0;padding-top:0;color:var(--colors-text-light)}.po-generator-content:has(.po) .po-generator-content__loading{display:none}.po-generator-content__loading{text-align:center;padding:.48rem .24rem}:root{--fonts-family-main: "PPNeueMontreal", sans-serif;--fonts-family-sub: "MDIO-Medium", serif;--fonts-family-inter: "Inter", sans-serif;--desktop-font-size-display: .76rem;--desktop-font-size-h1: .58rem;--desktop-font-size-h2: .49rem;--desktop-font-size-h3: .32rem;--desktop-font-size-h4: .28rem;--desktop-font-size-h5: .24rem;--desktop-font-size-h6: .2rem;--desktop-font-size-p1: .22rem;--desktop-font-size-p2: .2rem;--desktop-font-size-p3: .18rem;--desktop-font-size-p4: .16rem;--desktop-font-size-sub1: .18rem;--desktop-font-size-sub2: .14rem;--desktop-font-size-sub3: .16rem;--desktop-font-size-num1: .34rem;--desktop-font-size-num2: .2rem;--desktop-font-size-nav-link: .16rem;--desktop-font-size-footer-link: .14rem;--desktop-font-size-footer-label: .16rem;--desktop-font-size-footer-sub: .16rem;--desktop-font-size-button-sm: .14rem;--desktop-font-size-button-lg: .18rem;--desktop-font-size-button-filter: .18rem;--desktop-font-size-input: .18rem;--desktop-font-size-menu-sub-sm: .16rem;--desktop-font-size-menu-sub-md: .16rem;--desktop-font-size-tab-link-sm: .18rem;--desktop-font-size-menu-link: .16rem;--desktop-font-size-quiz-headline: .26rem;--desktop-font-size-quiz-caption: .11rem;--desktop-font-size-quiz-subtitle: .19rem;--tablet-font-size-display: .5rem;--tablet-font-size-h1: .4rem;--tablet-font-size-h2: .38rem;--tablet-font-size-h3: .28rem;--tablet-font-size-h4: .24rem;--tablet-font-size-h5: .24rem;--tablet-font-size-h6: .2rem;--tablet-font-size-p1: .2rem;--tablet-font-size-p2: .16rem;--tablet-font-size-p3: .16rem;--tablet-font-size-p4: .14rem;--tablet-font-size-sub1: .18rem;--tablet-font-size-sub2: .14rem;--tablet-font-size-sub3: .14rem;--tablet-font-size-num1: .28rem;--tablet-font-size-num2: .2rem;--tablet-font-size-nav-link: .32rem;--tablet-font-size-footer-link: .16rem;--tablet-font-size-footer-label: .16rem;--tablet-font-size-footer-sub: .14rem;--tablet-font-size-button-sm: .14rem;--tablet-font-size-button-lg: .18rem;--tablet-font-size-button-filter: .18rem;--tablet-font-size-input: .14rem;--tablet-font-size-menu-sub-sm: .16rem;--tablet-font-size-menu-sub-md: .16rem;--tablet-font-size-tab-link-sm: .18rem;--tablet-font-size-menu-link: .32rem;--tablet-font-size-quiz-headline: .26rem;--tablet-font-size-quiz-caption: .11rem;--tablet-font-size-quiz-subtitle: .19rem;--mobile-font-size-display: .5rem;--mobile-font-size-h1: .34rem;--mobile-font-size-h2: .32rem;--mobile-font-size-h3: .26rem;--mobile-font-size-h4: .22rem;--mobile-font-size-h5: .22rem;--mobile-font-size-h6: .18rem;--mobile-font-size-p1: .18rem;--mobile-font-size-p2: .16rem;--mobile-font-size-p3: .16rem;--mobile-font-size-p4: .14rem;--mobile-font-size-sub1: .16rem;--mobile-font-size-sub2: .14rem;--mobile-font-size-sub3: .14rem;--mobile-font-size-num1: .28rem;--mobile-font-size-num2: .14rem;--mobile-font-size-nav-link: .24rem;--mobile-font-size-footer-link: .16rem;--mobile-font-size-footer-label: .14rem;--mobile-font-size-footer-sub: .14rem;--mobile-font-size-button-sm: .14rem;--mobile-font-size-button-lg: .18rem;--mobile-font-size-button-filter: .18rem;--mobile-font-size-input: .14rem;--mobile-font-size-menu-sub-sm: .16rem;--mobile-font-size-menu-sub-md: .16rem;--mobile-font-size-tab-link-sm: .18rem;--mobile-font-size-menu-link: .24rem;--mobile-font-size-quiz-headline: .26rem;--mobile-font-size-quiz-caption: .11rem;--mobile-font-size-quiz-subtitle: .19rem;--weights-fw-100: 100;--weights-fw-200: 200;--weights-fw-300: 300;--weights-fw-400: 400;--weights-fw-500: 500;--weights-fw-600: 600;--weights-fw-700: 700;--desktop-line-height-display: .84rem;--desktop-line-height-h1: .64rem;--desktop-line-height-h2: .54rem;--desktop-line-height-h3: .36rem;--desktop-line-height-h4: .3rem;--desktop-line-height-h5: .28rem;--desktop-line-height-h6: .26rem;--desktop-line-height-p1: .29rem;--desktop-line-height-p2: .26rem;--desktop-line-height-p3: .24rem;--desktop-line-height-p4: .2rem;--desktop-line-height-sub1: .2rem;--desktop-line-height-sub2: .14rem;--desktop-line-height-sub3: .16rem;--desktop-line-height-num1: .37rem;--desktop-line-height-num2: .24rem;--desktop-line-height-nav-link: .16rem;--desktop-line-height-footer-link: .2rem;--desktop-line-height-footer-label: .18rem;--desktop-line-height-footer-sub: .2rem;--desktop-line-height-button-sm: .16rem;--desktop-line-height-button-lg: .2rem;--desktop-line-height-button-filter: .18rem;--desktop-line-height-input: .18rem;--desktop-line-height-menu-sub-sm: .2rem;--desktop-line-height-tab-link-sm: .2rem;--desktop-line-height-menu-link: .2rem;--desktop-line-height-quiz-headline: .35rem;--desktop-line-height-quiz-caption: .14rem;--desktop-line-height-quiz-subtitle: .26rem;--tablet-line-height-display: .55rem;--tablet-line-height-h1: .45rem;--tablet-line-height-h2: .44rem;--tablet-line-height-h3: .32rem;--tablet-line-height-h4: .26rem;--tablet-line-height-h5: .26rem;--tablet-line-height-h6: .26rem;--tablet-line-height-p1: .26rem;--tablet-line-height-p2: .22rem;--tablet-line-height-p3: .22rem;--tablet-line-height-p4: .22rem;--tablet-line-height-sub1: .2rem;--tablet-line-height-sub2: .14rem;--tablet-line-height-sub3: .16rem;--tablet-line-height-num1: .31rem;--tablet-line-height-num2: .24rem;--tablet-line-height-nav-link: .32rem;--tablet-line-height-footer-link: .2rem;--tablet-line-height-footer-label: .18rem;--tablet-line-height-footer-sub: .18rem;--tablet-line-height-button-sm: .16rem;--tablet-line-height-button-lg: .2rem;--tablet-line-height-button-filter: .18rem;--tablet-line-height-input: .16rem;--tablet-line-height-tab-link-sm: .2rem;--tablet-line-height-menu-sub-sm: .2rem;--tablet-line-height-menu-link: .32rem;--tablet-line-height-quiz-headline: .35rem;--tablet-line-height-quiz-caption: .14rem;--tablet-line-height-quiz-subtitle: .26rem;--mobile-line-height-display: .55rem;--mobile-line-height-h1: .39rem;--mobile-line-height-h2: .37rem;--mobile-line-height-h3: .3rem;--mobile-line-height-h4: .26rem;--mobile-line-height-h5: .26rem;--mobile-line-height-h6: .24rem;--mobile-line-height-p1: .24rem;--mobile-line-height-p2: .22rem;--mobile-line-height-p3: .22rem;--mobile-line-height-p4: .22rem;--mobile-line-height-sub1: .18rem;--mobile-line-height-sub2: .14rem;--mobile-line-height-sub3: .16rem;--mobile-line-height-num1: .31rem;--mobile-line-height-num2: .17rem;--mobile-line-height-nav-link: .24rem;--mobile-line-height-footer-link: .2rem;--mobile-line-height-footer-label: .18rem;--mobile-line-height-footer-sub: .18rem;--mobile-line-height-button-sm: .16rem;--mobile-line-height-button-lg: .2rem;--mobile-line-height-button-filter: .18rem;--mobile-line-height-input: .16rem;--mobile-line-height-tab-link-sm: .2rem;--mobile-line-height-menu-sub-sm: .2rem;--mobile-line-height-menu-link: .24rem;--mobile-line-height-quiz-headline: .35rem;--mobile-line-height-quiz-caption: .14rem;--mobile-line-height-quiz-subtitle: .26rem;--desktop-letter-spacing-display: -.008rem;--desktop-letter-spacing-h1: -.0174000001rem;--desktop-letter-spacing-h2: -.0147000003rem;--desktop-letter-spacing-h3: -.0063999999rem;--desktop-letter-spacing-h4: -.0056rem;--desktop-letter-spacing-h5: -.0040000001rem;--desktop-letter-spacing-h6: -.002rem;--desktop-letter-spacing-p1: 0rem;--desktop-letter-spacing-p2: 0rem;--desktop-letter-spacing-p3: 0rem;--desktop-letter-spacing-p4: 0rem;--desktop-letter-spacing-sub1: -.0018rem;--desktop-letter-spacing-sub2: .006rem;--desktop-letter-spacing-sub3: .008rem;--desktop-letter-spacing-num1: -.0034rem;--desktop-letter-spacing-num2: -.002rem;--desktop-letter-spacing-nav-link: 0rem;--desktop-letter-spacing-footer-link: 0rem;--desktop-letter-spacing-footer-label: -.0016rem;--desktop-letter-spacing-footer-sub: 0rem;--desktop-letter-spacing-button-sm: -.0014rem;--desktop-letter-spacing-button-lg: -.002rem;--desktop-letter-spacing-button-filter: -.0016rem;--desktop-letter-spacing-input: 0rem;--desktop-letter-spacing-menu-sub-sm: 0rem;--desktop-letter-spacing-menu-sub-md: -.0016rem;--desktop-letter-spacing-tab-link-sm: -.002rem;--desktop-letter-spacing-menu-link: 0rem;--desktop-letter-spacing-quiz-headline: -.0064rem;--desktop-letter-spacing-quiz-caption: .006rem;--desktop-letter-spacing-quiz-subtitle: 0rem;--tablet-letter-spacing-display: -.005rem;--tablet-letter-spacing-h1: -.0120000005rem;--tablet-letter-spacing-h2: -.0113999999rem;--tablet-letter-spacing-h3: -.0083999997rem;--tablet-letter-spacing-h4: -.0072000003rem;--tablet-letter-spacing-h5: -.0072000003rem;--tablet-letter-spacing-h6: -.002rem;--tablet-letter-spacing-p1: 0rem;--tablet-letter-spacing-p2: 0rem;--tablet-letter-spacing-p3: 0rem;--tablet-letter-spacing-p4: -.0014rem;--tablet-letter-spacing-sub1: -.0018rem;--tablet-letter-spacing-sub2: .006rem;--tablet-letter-spacing-sub3: .007rem;--tablet-letter-spacing-num1: -.0028rem;--tablet-letter-spacing-num2: -.002rem;--tablet-letter-spacing-nav-link: -.0014rem;--tablet-letter-spacing-footer-link: 0rem;--tablet-letter-spacing-footer-label: -.0016rem;--tablet-letter-spacing-footer-sub: 0rem;--tablet-letter-spacing-button-sm: -.0014rem;--tablet-letter-spacing-button-lg: -.002rem;--tablet-letter-spacing-button-filter: -.0016rem;--tablet-letter-spacing-input: 0rem;--tablet-letter-spacing-menu-sub-sm: 0rem;--tablet-letter-spacing-menu-sub-md: -.0016rem;--tablet-letter-spacing-tab-link-sm: -.002rem;--tablet-letter-spacing-menu-link: 0rem;--tablet-letter-spacing-quiz-headline: -.0064rem;--tablet-letter-spacing-quiz-caption: .006rem;--tablet-letter-spacing-quiz-subtitle: 0rem;--mobile-letter-spacing-display: -.005rem;--mobile-letter-spacing-h1: -.01rem;--mobile-letter-spacing-h2: -.0095999998rem;--mobile-letter-spacing-h3: -.0077999997rem;--mobile-letter-spacing-h4: -.0066000003rem;--mobile-letter-spacing-h5: -.0066000003rem;--mobile-letter-spacing-h6: -.0018000001rem;--mobile-letter-spacing-p1: 0rem;--mobile-letter-spacing-p2: 0rem;--mobile-letter-spacing-p3: 0rem;--mobile-letter-spacing-p4: -.0014rem;--mobile-letter-spacing-sub1: -.0016rem;--mobile-letter-spacing-sub2: .006rem;--mobile-letter-spacing-sub3: .007rem;--mobile-letter-spacing-num1: -.0028rem;--mobile-letter-spacing-num2: -.0014rem;--mobile-letter-spacing-nav-link: -.0018rem;--mobile-letter-spacing-footer-link: 0rem;--mobile-letter-spacing-footer-label: -.0016rem;--mobile-letter-spacing-footer-sub: 0rem;--mobile-letter-spacing-button-sm: -.0014rem;--mobile-letter-spacing-button-lg: -.002rem;--mobile-letter-spacing-button-filter: -.0016rem;--mobile-letter-spacing-input: 0rem;--mobile-letter-spacing-menu-sub-sm: 0rem;--mobile-letter-spacing-menu-sub-md: -.0016rem;--mobile-letter-spacing-tab-link-sm: -.002rem;--mobile-letter-spacing-menu-link: 0rem;--mobile-letter-spacing-quiz-headline: -.0064rem;--mobile-letter-spacing-quiz-caption: .006rem;--mobile-letter-spacing-quiz-subtitle: 0rem;--font-page-404: "Space Grotesk", sans-serif;--font-size-title-404: 1.73rem;--font-size-subtitle-404: .2rem;--font-size-label-404: .16rem;--line-height-title-404: 2.08rem;--line-height-subtitle-404: .26rem;--line-height-label-404: .19rem;--letter-spacing-title-404: -.047rem;--letter-spacing-subtitle-404: -.0005rem;--letter-spacing-label-404: -.0018rem}@media all and (max-width: 1024px){:root{--letter-spacing-title-ns: -.007rem;--letter-spacing-subtitle-ns: -.002rem;--font-size-title-404: 1.5rem;--line-height-title-404: 1.8rem;--letter-spacing-title-404: -.044rem}}@media all and (max-width: 480px){:root{--font-size-title-ns: .2rem;--font-size-subtitle-ns: .14rem;--font-size-desc-ns: .12rem;--line-height-title-ns: .24rem;--line-height-subtitle-ns: .18rem;--line-height-desc-ns: .14rem;--letter-spacing-title-ns: -.0033rem;--letter-spacing-subtitle-ns: -.00125rem;--letter-spacing-desc-ns: -.0008rem;--font-size-title-404: 1rem;--font-size-subtitle-404: .14rem;--font-size-label-404: .12rem;--line-height-title-404: 1.2rem;--line-height-subtitle-404: .18rem;--line-height-label-404: .14rem;--letter-spacing-title-404: -.0275rem;--letter-spacing-label-404: -.001rem}}:root{--colors-text-light: #F9F9F9;--colors-text-dark: #1E1E1E;--colors-text-grey-1: #78736E;--colors-text-grey-2: #A39E99;--colors-background-light-1: #E6E3E0;--colors-background-light-2: #E0DCD8;--colors-background-light-3: #D4CFC9;--colors-background-light-4: #CCC6BF;--colors-background-dark-1: #161616;--colors-background-dark-2: #1C1C1C;--colors-background-dark-3: #242424;--colors-background-dark-4: #111111;--colors-background-input: rgba(120, 115, 110, .2);--colors-btn-btn-1: rgba(230, 227, 224, .3);--colors-btn-blue: #0D3DFC;--colors-btn-btn-2: #E6E3E019;--colors-btn-btn-border: #E0DCD87F;--colors-btn-blue: #0D3CFC;--colors-btn-blue-h: #0B34D6;--colors-borders-grey-main: #85807B2E;--colors-borders-grey-dashed: #85807B14;--colors-borders-grey-1: #6B6662;--colors-borders-grey-2: #B2ADA8;--colors-borders-light-1: #F9F9F9;--colors-borders-dark-1: #161616;--colors-borders-dark-3: #85807B33;--colors-input-placeholder: rgba(120, 115, 110, .6);--colors-filters-green: #307E77;--colors-filters-bg-green: #C9D4D2;--colors-filters-magenta: #724577;--colors-filters-bg-magenta: #D2C9D4;--colors-filters-red: #774554;--colors-filters-bg-red: #E5C8CA;--colors-quiz-tier-amber: #d97706;--colors-quiz-tier-amber-bg: #fffbeb;--colors-quiz-tier-amber-border: #fde68a;--colors-quiz-tier-blue-bg: #eff6ff;--colors-quiz-tier-blue-border: #bfdbfe;--colors-quiz-badge-bg: rgba(255, 255, 255, .06);--colors-text-light-1: var(--colors-text-light);--colors-text-dark-1: var(--colors-text-dark);--colors-bg-dark-1: var(--colors-background-dark-1);--colors-border-grey-1: var(--colors-borders-grey-1);--colors-border-grey-2: var(--colors-borders-grey-2);--colors-border-grey-3: var(--colors-borders-dark-3)}:root{--container-width: 11.62rem;--header-container-width: 14.08rem;--header-height: .8rem}@media all and (max-width: 1024px){:root{--container-width: 6.88rem;--header-container-width: 6.88rem}}@media all and (max-width: 480px){:root{--container-width: 3.25rem;--header-container-width: 3.51rem}}:root{--index-mobile-menu: 100;--index-header: 100;--index-main-lines: 3;--index-marquee-mask: 2;--index-overlay-open-header: 2}.po{width:100%;min-height:0;background-color:var(--colors-background-dark-1);font-family:var(--fonts-family-main);padding:.08rem 0 .24rem;max-width:9rem;margin:0 auto}@media (max-width: 480px){.po{padding:.08rem 0 .2rem}}.po__error-boundary{padding:.08rem;margin:0 auto;max-width:.72rem;background:var(--colors-background-dark-2);border:1px solid var(--colors-borders-grey-main);border-radius:.02rem;color:var(--colors-text-light)}.po__error-boundary-title{margin:0 0 .02rem;font-weight:600}.po__error-boundary-message{margin:0;font-size:.875rem;color:var(--colors-text-grey-2)}.po__section-label{font-weight:600;color:var(--colors-text-light);margin:0 0 .16rem;padding:0}.po__inputs{padding:0 .24rem;margin-bottom:.24rem}@media (max-width: 480px){.po__inputs{padding:0 .16rem}}.po__parties{display:grid;grid-template-columns:1fr 1fr;gap:.24rem;margin-bottom:.28rem}@media (max-width: 768px){.po__parties{grid-template-columns:1fr;gap:.2rem}}.po__company-block{display:flex;flex-direction:column}.po__company-grid{display:grid;grid-template-columns:1fr 1fr;gap:.12rem}@media (max-width: 480px){.po__company-grid{grid-template-columns:1fr}}.po__field{display:flex;flex-direction:column;gap:.04rem}.po__field--full{grid-column:1/-1}.po__label{font-weight:600;color:var(--colors-text-light);display:block}.po__input{width:100%;padding:.1rem .12rem;border:1px solid var(--colors-borders-grey-main);border-radius:.08rem;background:var(--colors-background-dark-3);color:var(--colors-text-light);font-family:var(--fonts-family-main);outline:none;box-sizing:border-box}.po__input::placeholder{color:var(--colors-input-placeholder)}.po__input:focus{border-color:var(--colors-btn-blue)}.po__input[type=number]{-moz-appearance:textfield}.po__input[type=number]::-webkit-inner-spin-button,.po__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.po__input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.po__select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3e%3cpath fill='%23999' d='M6 8L1 3h10z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .12rem center;padding-right:.32rem}.po__select option{background:var(--colors-background-dark-3);color:var(--colors-text-light)}.po__textarea{resize:vertical;min-height:.8rem}.po__input-box{border:1px solid var(--colors-borders-grey-main);border-radius:.08rem;background:var(--colors-background-dark-3);padding:.1rem .12rem;min-width:1rem;display:flex;align-items:center;gap:.06rem}.po__input-box:focus-within{border-color:var(--colors-btn-blue)}.po__input-box-label{color:var(--colors-text-grey-2);flex-shrink:0;line-height:1}.po__input-box-value{width:100%;background:transparent;border:none;outline:none;color:var(--colors-text-light);font-family:var(--fonts-family-main);padding:0}.po__input-box-value::placeholder{color:var(--colors-input-placeholder)}.po__input-box-value[type=number]{-moz-appearance:textfield}.po__input-box-value[type=number]::-webkit-inner-spin-button,.po__input-box-value[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.po__details-section{margin-bottom:.28rem}.po__details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.12rem}@media (max-width: 768px){.po__details-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.po__details-grid{grid-template-columns:1fr}}.po__line-items-section{margin-bottom:.2rem}.po__line-items-table{border:1px solid var(--colors-borders-grey-main);border-radius:.08rem;overflow:hidden}.po__line-header{display:flex;align-items:center;padding:.1rem .16rem;gap:.08rem;background:var(--colors-background-dark-2);border-bottom:1px solid var(--colors-borders-grey-main)}@media (max-width: 640px){.po__line-header{display:none}}.po__line-header-cell--sku{flex:1.2;min-width:.9rem}.po__line-header-cell--desc{flex:3;min-width:0}.po__line-header-cell--qty{flex:1;min-width:.7rem}.po__line-header-cell--price{flex:1.2;min-width:1rem}.po__line-header-cell--total{flex:1;min-width:.9rem;text-align:right}.po__line-header-cell--action{width:.32rem;flex-shrink:0}.po__line-row{display:flex;align-items:center;padding:.1rem .16rem;gap:.08rem;border-bottom:1px solid var(--colors-borders-grey-main)}.po__line-row:last-child{border-bottom:none}@media (max-width: 640px){.po__line-row{flex-wrap:wrap;gap:.08rem}}.po__line-cell{display:flex;align-items:center}.po__line-cell--sku{flex:1.2;min-width:.9rem}@media (max-width: 640px){.po__line-cell--sku{flex:1 1 100%}}.po__line-cell--desc{flex:3;min-width:0}@media (max-width: 640px){.po__line-cell--desc{flex:1 1 100%}}.po__line-cell--qty{flex:1;min-width:.7rem}@media (max-width: 640px){.po__line-cell--qty{flex:1}}.po__line-cell--price{flex:1.2;min-width:1rem}@media (max-width: 640px){.po__line-cell--price{flex:1}}.po__line-cell--total{flex:1;min-width:.9rem;justify-content:flex-end}@media (max-width: 640px){.po__line-cell--total{flex:1;justify-content:flex-start}}.po__line-cell--action{width:.32rem;flex-shrink:0;display:flex;justify-content:center}.po__line-total{white-space:nowrap}.po__remove-btn{background:none;border:none;color:var(--colors-text-grey-2);cursor:pointer;font-size:1.25rem;line-height:1;padding:.04rem;border-radius:.04rem;transition:color .15s ease}.po__remove-btn:hover{color:#ef4444}.po__line-items-footer{display:flex;justify-content:space-between;align-items:center;padding:.16rem 0 0;gap:.16rem}@media (max-width: 480px){.po__line-items-footer{flex-direction:column;align-items:stretch;gap:.12rem}}.po__add-line-btn{background:none;border:1px dashed var(--colors-borders-grey-main);color:#fff;cursor:pointer;padding:.08rem .16rem;border-radius:.08rem;font-family:var(--fonts-family-main);transition:border-color .15s ease}.po__add-line-btn:hover{border-color:var(--colors-btn-blue)}.po__subtotal{display:flex;align-items:center;gap:.12rem}.po__subtotal-label{color:var(--colors-text-grey-2)}.po__subtotal-value{font-weight:600}.po__notes-section{margin-bottom:.04rem}.po__results-area{padding:0 .24rem;margin-top:.24rem}@media (max-width: 480px){.po__results-area{padding:0 .16rem}}.po__gate-area{display:flex;flex-direction:column;gap:.16rem}.po__gate-hint{text-align:center}.po__preview{background:var(--colors-background-dark-2);border-radius:.08rem;border:1px solid var(--colors-borders-grey-main);overflow:hidden}.po__preview-header{padding:.16rem .16rem 0}.po__preview-blurred{padding:.12rem .16rem .2rem;filter:blur(6px);user-select:none;pointer-events:none}.po__preview-row{display:flex;justify-content:space-between;padding:.08rem 0;border-bottom:1px solid var(--colors-borders-grey-main)}.po__preview-label{color:var(--colors-text-grey-2);font-size:.625rem}.po__preview-value{color:var(--colors-text-grey-2);font-size:.625rem;font-weight:600}.po__preview-bar{height:.1rem;background:var(--colors-background-dark-3);border-radius:.99rem;margin-top:.14rem}.po__preview-bar--short{width:60%;margin-top:.08rem}.po__gate{width:100%}.po__gate-card{background:var(--colors-background-dark-2);border-radius:.08rem;padding:.28rem;border:1px solid var(--colors-borders-grey-main)}.po__gate-title{font-weight:500;color:var(--colors-text-light);margin:0 0 .06rem;text-align:center}.po__gate-desc{color:var(--colors-text-grey-1);margin:0 0 .2rem;text-align:center}.po__hubspot-form{width:100%}.po__btn-primary{padding:.11rem .26rem;font-weight:500;color:var(--colors-text-light);background:var(--colors-btn-blue);border:none;border-radius:.99rem;cursor:pointer;font-family:var(--fonts-family-main);transition:background .2s ease}.po__btn-primary.button-sm{color:var(--colors-text-light)}.po__btn-primary:hover{background:var(--colors-btn-blue-h)}.po__btn-primary:disabled{background:var(--colors-background-dark-3);cursor:not-allowed;color:var(--colors-text-grey-2)}.po__btn-secondary{padding:.11rem .26rem;font-weight:500;color:#fff;background:transparent;border:1px solid var(--colors-borders-grey-main);border-radius:.02rem;cursor:pointer;font-family:var(--fonts-family-main);transition:all .2s ease}.po__btn-secondary:hover{border-color:var(--colors-text-grey-1)}.po__actions{display:flex;justify-content:flex-end;gap:.1rem;margin-top:.2rem}.po__preview-doc{width:100%}.po__preview-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.24rem;padding-bottom:.16rem;border-bottom:2px solid var(--colors-borders-grey-main)}@media (max-width: 480px){.po__preview-header-row{flex-direction:column;gap:.12rem}}.po__preview-po-label{margin:0 0 .04rem}.po__preview-po-number{font-weight:600}.po__preview-dates{display:flex;flex-direction:column;gap:.04rem;text-align:right}@media (max-width: 480px){.po__preview-dates{text-align:left}}.po__preview-date-row{display:flex;gap:.08rem;align-items:center}.po__preview-parties{display:grid;grid-template-columns:1fr 1fr;gap:.24rem;margin-bottom:.24rem}@media (max-width: 480px){.po__preview-parties{grid-template-columns:1fr;gap:.16rem}}.po__preview-company{display:flex;flex-direction:column;gap:.02rem}.po__preview-company-label{margin-bottom:.04rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.po__preview-company-line{line-height:1.4}.po__preview-contact{margin-top:.06rem;display:flex;flex-direction:column;gap:.02rem}.po__preview-items{border:1px solid var(--colors-borders-grey-main);border-radius:.08rem;overflow:hidden;margin-bottom:.16rem}.po__preview-items-header{display:flex;padding:.12rem .16rem;background:var(--colors-background-dark-2);border-bottom:1px solid var(--colors-borders-grey-main)}.po__preview-items-row{display:flex;padding:.1rem .16rem;border-bottom:1px solid var(--colors-borders-grey-main)}.po__preview-items-row:last-of-type{border-bottom:none}.po__preview-items-cell--sku{flex:1.2;min-width:.8rem}.po__preview-items-cell--desc{flex:3;min-width:0}.po__preview-items-cell--qty{flex:1;min-width:.5rem;text-align:center}.po__preview-items-cell--price,.po__preview-items-cell--total{flex:1;min-width:.8rem;text-align:right}.po__preview-items-footer{display:flex;justify-content:flex-end;gap:.16rem;padding:.14rem .16rem;background:var(--colors-background-dark-2);border-top:1px solid var(--colors-borders-grey-main)}.po__preview-subtotal-label,.po__preview-subtotal-value{font-weight:600}.po__preview-notes{background:var(--colors-background-dark-2);border-radius:.08rem;padding:.14rem .16rem;margin-bottom:.16rem;border:1px solid var(--colors-borders-grey-main)}.po__preview-notes-label{font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.04rem}.po__preview-notes-text{line-height:1.6}.po__tip{background:var(--colors-background-dark-2);border-left:4px solid var(--colors-btn-blue);border-radius:.08rem;padding:.14rem .16rem;margin-bottom:.04rem}.po__tip-text{margin:0;line-height:1.6}.po__print-header{display:none}@page{margin:.25in .4in}@media print{body>*:not(:has(.po)){display:none!important}header,footer,nav,.po-generator-hero,.cta-section,.hero-inner-product-section,[class*=ToolsInfoBlock],[class*=erpCta]{display:none!important}.po-generator-content{background:#fff!important;padding:0!important}.po{background:#fff!important;color:#111!important;padding:0!important;max-width:100%!important}.po__print-header{display:block!important;text-align:left;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #111}.po__print-title{font-size:18px;font-weight:600;color:#111}.po__print-meta{font-size:12px;color:#666;margin-top:2px}.po__section-label{color:#111!important}.po__inputs,.po__gate-area,.po__actions,.po__preview,.po__tip{display:none!important}.po__preview-doc{display:block!important}.po__preview-header-row{border-color:#111!important}.po__preview-po-label,.po__preview-po-number{color:#111!important}.po__preview-company-label{color:#333!important}.po__preview-company-line{color:#111!important}.po__preview-contact{color:#666!important}.po__preview-items{border-color:#ccc!important}.po__preview-items-header{background:#f5f5f5!important;border-color:#ccc!important}.po__preview-items-row{border-color:#eee!important}.po__preview-items-cell{color:#111!important}.po__preview-items-footer{background:#f5f5f5!important;border-color:#ccc!important}.po__preview-subtotal-label,.po__preview-subtotal-value{color:#111!important}.po__preview-notes{background:#f9f9f9!important;border-color:#ccc!important}.po__preview-notes-label{color:#333!important}.po__preview-notes-text,.po__preview-dates,.po__preview-date-row,.po__preview-date-row span{color:#111!important}}
