.order-material-samples{position:sticky;bottom:0;z-index:20;background:#44403a;box-shadow:0 4px 34px 2px #0000001a}.order-material-samples:has(.open){top:0;z-index:120}.order-material-samples-container:not(.open) .open-caption,.order-material-samples-container.open .closed-caption{display:none}.order-material-samples .order-material-samples-checkout{display:none!important;transition:all 1s}.order-material-samples .open{height:100vh;overflow-x:hidden;overflow-y:auto}.order-material-samples .open .order-material-samples-checkout{display:grid!important}.order-material-samples-container{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;align-items:center;padding:0 4.4rem}.order-material-samples-actions{justify-self:right;justify-content:space-between;gap:1.6rem}.order-material-samples-checkout{grid-column:1/3;margin:0 -8rem;background-color:#fff;padding:8.3rem;height:100%;display:grid;grid-template-columns:2fr 1fr;gap:2.4rem}.order-material-samples-checkout .checkout-form{padding:4.4rem 5.3rem;background:#f4f3f2}.form-section+.form-section{margin-top:5.4rem}.order-material-samples-checkout .checkout-form .form-section{display:grid;grid-template-columns:1fr 5fr;gap:2.4rem;padding-bottom:5.3rem}.order-summary-item{display:grid;grid-template-columns:1fr 5fr 40px;gap:2.4rem;align-items:center;padding:2.4rem 0;border-bottom:.5px solid #bbb7b0}.order-summary-item-delete .button{border:0;background:none;padding:1.2rem}.order-material-samples-checkout .checkout-form .form-section:first-of-type{border-bottom:.5px solid #756e64}.form-section-description{font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#bbb7b0}.order-material-samples-checkout .checkout-form .form-section button{grid-column:1/3;text-transform:uppercase}.order-material-samples-checkout .checkout-form h3{font-weight:500;font-size:3rem;line-height:3.8rem;margin:0;letter-spacing:-.02em;color:#000!important}.order-material-samples-checkout .checkout-form .field:after{border:0;box-shadow:none!important}.order-material-samples-checkout .checkout-form .field{display:flex;flex-direction:column;gap:.6rem}.order-material-samples-checkout .checkout-form #myState{min-width:110px}.order-material-samples-checkout .checkout-form #myState,.order-material-samples-checkout .checkout-form .field select,.order-material-samples-checkout .checkout-form .field input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 12px;height:40px;background:#fff;border:.5px solid #f4f3f2;flex:none;order:1;align-self:stretch;flex-grow:0}.order-material-samples-checkout .checkout-form .form-body{display:flex;flex-direction:column;gap:2.4rem}.order-material-samples-checkout .checkout-form .form-body .form-row{display:flex;flex-direction:row;gap:2.4rem}.order-material-samples-checkout .checkout-form p{margin-top:0;margin-bottom:4.1rem}.order-material-samples-checkout .checkout-form .field-radio p{margin-top:2.2rem;margin-bottom:0;font-weight:400;font-size:12px;line-height:19px;color:#756e64}.field-radio label{margin-left:1.8rem;font-weight:600;font-size:14px;line-height:22px;color:#000}.order-material-samples-checkout .order-summary{padding:2.7rem 3rem;background:#f4f3f2}.order-material-samples-checkout .order-summary h3{font-weight:500;font-size:2.4rem;line-height:3rem;margin:0;margin-bottom:4.3rem;color:#000}.order-material-samples-checkout .order-summary .quote-summary-quantity{margin-top:.9rem}.order-material-samples-checkout .order-summary .quote-summary-quantity .form__label{display:none!important}.order-material-samples-checkout .order-summary .quote-summary-quantity .quantity{width:8rem;min-height:auto!important}.order-material-samples-checkout .order-summary .quote-summary-quantity .quantity__input,.order-material-samples-checkout .order-summary .quote-summary-quantity .quantity__button{width:24px;height:24px}.order-material-samples-checkout .order-summary .order-summary-item-name{font-weight:600;font-size:14px;line-height:22px;color:#776e64}.order-material-samples h6{font-style:normal;font-weight:600;margin-bottom:.8rem;font-size:1.2rem;line-height:1.9rem;letter-spacing:.08em;text-transform:uppercase;color:#fff}.order-material-samples h6+h3{margin-top:0}.order-material-samples .button--secondary{border:1px solid #bbb7b0!important;color:#bbb7b0;font-weight:600;font-size:1.2rem;line-height:1.4rem;letter-spacing:.08em;text-transform:uppercase;padding:.8rem 2.6rem .8rem 3.6rem;height:40px}.order-material-samples .button--secondary.login{padding-right:3.6rem!important}.order-material-samples .open .button--secondary{padding-left:2.6rem;padding-right:3.6rem}.icon-caret{rotate:90deg;color:#fff!important}.order-material-samples .button--secondary svg{margin-left:.8rem;margin-right:.8rem;margin-top:-1px;height:6px}.order-material-samples .button--tertiary span{display:flex;gap:8px;align-items:center}.order-material-samples h3{font-style:normal;font-weight:500;font-size:2.4rem;line-height:3rem;color:#fff}.button.disabled{pointer-events:none;opacity:0}.page-materials .footer{margin-top:0!important}.page-materials hr{margin:3.4rem 0}.mobile-show{display:none}@media screen and (min-width:750px){.order-material-samples-container.open>.open-caption,.order-material-samples-container.open>.order-material-samples-actions{position:sticky;top:0;grid-row:1;z-index:3}.order-material-samples-container.open>.open-caption{display:flex;align-items:center;min-height:8.8rem;background:#44403a;box-sizing:border-box}.order-material-samples-container.open>.open-caption h3{margin:0!important}.order-material-samples-container.open>.order-material-samples-actions{display:flex;align-self:stretch;align-items:center;justify-content:flex-end;background:transparent;z-index:4}.order-material-samples-container.open .order-material-samples-action{margin:0}}@media screen and (min-width:1100px){.order-material-samples-container.open>.open-caption{grid-column:1 / 3;margin-left:-4.4rem;margin-right:-4.4rem;padding-left:4.4rem;padding-right:4.4rem}.order-material-samples-container.open>.order-material-samples-actions{grid-column:2}}@media screen and (min-width:750px)and (max-width:1099px){.order-material-samples-container.open{grid-template-columns:1fr;align-items:stretch;width:100%;max-width:none!important;padding:0 3.2rem 4rem}.order-material-samples-container.open>.open-caption{grid-column:1;margin-left:-3.2rem;margin-right:-3.2rem;padding:1.8rem 20rem 1.8rem 3.2rem}.order-material-samples-container.open>.order-material-samples-actions{grid-column:1}.order-material-samples .open .order-material-samples-checkout{display:flex!important;flex-direction:column;gap:2.4rem;grid-column:1;height:auto;margin:0;padding:3.2rem 0 4rem;width:100%}.order-material-samples-checkout .order-summary{order:-1;padding:3.2rem}.order-material-samples-checkout .checkout-form{padding:3.2rem}.order-material-samples-checkout .checkout-form .form-section{grid-template-columns:1fr;gap:1.8rem}.order-material-samples-checkout .checkout-form .form-section button{grid-column:1}.order-summary-item{grid-template-columns:6.4rem minmax(0,1fr) 3.2rem;gap:1.6rem}}@media screen and (max-width:749px){.left-column{z-index:3}.order-material-samples-checkout .checkout-form{box-sizing:border-box;margin:0;max-width:none;padding:2rem 1.6rem;width:100%;display:flex;flex-direction:column}.order-material-samples-checkout .checkout-form .form-section{grid-template-columns:1fr}.order-material-samples-checkout .checkout-form .form-body .form-row{flex-direction:column}.order-material-samples .open .order-material-samples-checkout{display:flex!important;height:auto;flex-direction:column-reverse;box-sizing:border-box;gap:1.6rem;padding:7.2rem 1.6rem 2.4rem;margin:0;width:100%}.mobile-show{display:block;padding-left:1.6rem}.order-material-samples .button--secondary{width:90vw;margin-bottom:1.6rem;background-color:transparent!important}.order-material-samples h3{margin-bottom:1.2rem!important;font-size:1.7rem;width:100%}.button.button--secondary:hover svg path{fill:#fff!important}.order-material-samples .open-caption{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:6.4rem;padding:1.2rem 5.6rem;width:100%;text-align:center;position:fixed;background-color:#44403a;top:0;z-index:2}.order-material-samples .open-caption h3{margin:0!important;padding:0}.order-material-samples-container{display:flex;flex-direction:column;align-items:flex-start;padding:0}.order-material-samples-container.open .order-material-samples-action{align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;background:transparent!important;border:0!important;height:6.4rem;z-index:4;width:5.6rem;margin:0;padding:0}.order-material-samples-actions{margin:0 auto}.order-material-samples-container.open .order-material-samples-action svg{fill:#fff;width:14px;height:14px}.order-material-samples-container.open .order-material-samples-action .button.button--secondary svg path{fill:#fff}.order-material-samples-container.open .order-material-samples-action span{white-space:nowrap;width:2.4rem;overflow-x:hidden;background:transparent}.order-summary{box-sizing:border-box;margin-top:0;padding:2rem 1.6rem;width:100%}.order-summary-item{grid-template-columns:5.6rem minmax(0,1fr) 2.8rem;gap:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-order-material-samples.css.map */