.product-stepper{--ps-node-size: 40px;--ps-complete: var(--product-stepper-accent, #7A4F2E);--ps-active-fill: var( --product-stepper-active-fill, color-mix(in srgb, var(--ps-complete) 18%, white) );--ps-active-halo: color-mix(in srgb, var(--ps-complete) 25%, white);--ps-active-num: var(--ps-complete);--ps-bg: #f7f5f2;--ps-muted: #9A6B4B;--ps-label-active: #7A4F2E;--ps-track: rgba(122, 79, 46, .25);--ps-upcoming-bg: #ffffff;--ps-upcoming-fg: #9A6B4B;--ps-upcoming-border: rgba(122, 79, 46, .35);background:var(--ps-bg)}.product-stepper__inner{padding:24px 20px 28px;margin:0 auto;max-width:var(--page-width, 120rem);min-width:0;overflow:visible}.product-stepper__track{display:grid;grid-template-columns:minmax(0,1fr) minmax(12px,1fr) minmax(0,1fr) minmax(12px,1fr) minmax(0,1fr);align-items:start;justify-items:stretch;width:100%;max-width:760px;margin:0 auto;min-width:0;overflow:visible}.product-stepper__step{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:0 4px;box-sizing:border-box;justify-self:center;width:100%;max-width:168px}.product-stepper__node{box-sizing:border-box;width:var(--ps-node-size);height:var(--ps-node-size);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;font-size:16px;font-weight:700;font-family:Libre Baskerville,Georgia,serif;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.product-stepper__step--upcoming .product-stepper__node{background:var(--ps-upcoming-bg);border:2px solid var(--ps-upcoming-border);color:var(--ps-upcoming-fg);box-shadow:none}.product-stepper__step--upcoming .product-stepper__label{color:var(--ps-muted);font-weight:500}.product-stepper__step--active .product-stepper__node{background:var(--ps-active-fill);border:2px solid var(--ps-complete);color:var(--ps-active-num);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ps-active-halo)}.product-stepper__step--active .product-stepper__label{color:var(--ps-label-active);font-weight:700}.product-stepper__step--complete .product-stepper__node{background-color:var(--ps-complete);background-image:none;border:2px solid var(--ps-complete);color:#fff;box-shadow:none}.product-stepper__check{display:none;width:20px;height:20px;color:#fff}.product-stepper__check svg{display:block;width:100%;height:100%}.product-stepper__label{margin-top:12px;font-size:13px;line-height:1.35;text-align:center;font-family:Montserrat,sans-serif;font-weight:500;max-width:100%;padding:0 6px;transition:color .2s ease,font-weight .2s ease}.product-stepper__step--complete .product-stepper__num{display:none}.product-stepper__step--complete .product-stepper__check{display:flex;align-items:center;justify-content:center}.product-stepper__step--complete .product-stepper__label{color:var(--ps-muted);font-weight:500}.product-stepper__connector{z-index:0;justify-self:start;display:flex;align-items:center;width:calc(200% - var(--ps-node-size));min-width:0;max-width:none;height:4px;margin-top:18px;margin-left:calc((var(--ps-node-size) - 100%) / 2);margin-right:0;background:var(--ps-track);transition:background .2s ease}.product-stepper__connector-inner{flex:1;min-height:4px;font-size:0;line-height:0;overflow:hidden;pointer-events:none}.product-stepper__connector--complete{background:var(--ps-complete)}@media screen and (max-width:767px){.product-stepper{--ps-node-size: 36px;position:sticky;top:92px;z-index:4;box-shadow:0 1px #0000000f}.product-stepper__inner{padding:16px 14px 20px}.product-stepper__track{grid-template-columns:minmax(0,1fr) minmax(8px,1fr) minmax(0,1fr) minmax(8px,1fr) minmax(0,1fr);max-width:100%}.product-stepper__step{max-width:108px;padding:0 2px}.product-stepper__label{font-size:11px;padding:0 2px}.product-stepper__node{font-size:14px}.product-stepper__step--active .product-stepper__node{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--ps-active-halo)}.product-stepper__connector{margin-top:16px;height:3px}}@media(max-height:700px)and (orientation:landscape){.product-stepper{position:sticky;top:92px;z-index:4;box-shadow:0 1px #0000000f}.product-stepper__inner{padding:12px 16px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-stepper.css.map */