.configurator-trigger{margin-top:1.6rem;padding-top:16px;border-top:1px solid #ededed}.configurator-trigger__btn{width:100%;display:flex;max-height:none;padding:24px 20px;line-height:16px;justify-content:center;align-items:center;border-radius:8px;background-color:var(--accent-icterine, #e5e565);color:var(--accent-forest-slate, #294949);font-family:"DegularBold",var(--font-body-family);font-size:15px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;border:none;transition:background-color .2s ease,box-shadow .2s ease}.configurator-trigger__btn:hover{background-color:#f5f579;box-shadow:0 2px 12px #00000014}.purchase-configurator{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.purchase-configurator.is-open{display:flex;background:#1b1b2380;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);animation:fadeIn .25s ease forwards}.purchase-configurator__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.purchase-configurator__grab-handle{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:2;width:44px;height:4px;border-radius:2px;background:#ffffffb3;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.purchase-configurator__grab-handle:before{content:"";position:absolute;top:-14px;right:-20px;bottom:-14px;left:-20px}@media screen and (min-width:990px){.purchase-configurator__grab-handle{display:none}}.purchase-configurator__panel{position:absolute;bottom:0;left:0;right:0;background:var(--primary-white, #fff);border-radius:16px 16px 0 0;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.32,.72,0,1) forwards;will-change:transform}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media screen and (min-width:990px){.purchase-configurator__panel{position:absolute;top:40px;right:40px;left:40px;bottom:40px;border-radius:16px;max-height:none;flex-direction:row;animation:scaleIn .25s cubic-bezier(.32,.72,0,1) forwards}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.purchase-configurator__image-panel{background:var(--neutral-gray-100, #f5f5f5);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}@media screen and (max-width:989px){.purchase-configurator__panel{top:0;right:0;bottom:0;left:0;border-radius:0;max-height:none;height:100dvh}.purchase-configurator__image-panel{height:35vh;cursor:default}.purchase-configurator__grab-handle{display:none}}@media screen and (min-width:990px){.purchase-configurator__image-panel{width:50%;height:auto;min-height:100%}}.purchase-configurator__image-panel img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .3s ease}.purchase-configurator__image-panel img.is-loading{opacity:.5}.purchase-configurator__content-panel{display:flex;flex-direction:column;flex:1;overflow:hidden;min-width:0;min-height:0}.purchase-configurator__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 12px;flex-shrink:0}@media screen and (min-width:990px){.purchase-configurator__header{padding:20px 32px 14px}}.purchase-configurator__title{font-family:var(--font-body-family);font-size:28px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-.5px;color:var(--accent-forest-slate, #294949);margin:0}.purchase-configurator__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid rgba(41,73,73,.2);border-radius:50%;cursor:pointer;color:var(--accent-forest-slate, #294949);font-size:14px;flex-shrink:0;transition:background-color .2s,border-color .2s;line-height:1}@media screen and (max-width:989px){.purchase-configurator__close{display:flex;position:absolute;top:16px;right:16px;z-index:10;background:#ffffffd9;border-color:transparent;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}.purchase-configurator__close:hover{background-color:#2949490f;border-color:#29494966}.configurator-step-tabs{display:flex;gap:6px;padding:0 20px 14px;flex-shrink:0;border-bottom:1px solid rgba(41,73,73,.1)}@media screen and (min-width:990px){.configurator-step-tabs{padding:0 32px 16px}}.configurator-step-tab{-webkit-appearance:none;appearance:none;background:#f7f7f7;border:1px solid transparent;border-radius:50px;padding:8px 0;cursor:pointer;color:var(--accent-forest-slate, #294949);display:flex;align-items:center;justify-content:center;flex:1;font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.3px;text-align:center;transition:all .2s ease;opacity:.65}.configurator-step-tab.is-active{background:#fff;border-color:#85bbe0;box-shadow:0 4px 17px #00000008;opacity:1;font-weight:600}.configurator-step-tab.is-complete{opacity:.85}.configurator-step-tab:not(.is-active):hover{opacity:.9}.configurator-step-tab.is-disabled,.configurator-step-tab[aria-disabled=true]{cursor:not-allowed;opacity:.45;pointer-events:none}.configurator-step__next:disabled,.configurator-step__next[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.purchase-configurator__steps{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.configurator-step{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;animation:stepIn .25s ease forwards}@keyframes stepIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.configurator-step.is-leaving{animation:stepOut .2s ease forwards}@keyframes stepOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.configurator-step__header{padding:16px 20px 6px;flex-shrink:0}@media screen and (min-width:990px){.configurator-step__header{padding:28px 32px 16px}}.configurator-step__title{font-family:var(--font-body-family);font-size:18px;font-weight:500;line-height:28px;letter-spacing:.6px;color:var(--primary-midnight);margin:0 0 6px}.configurator-step__subtitle{font-family:var(--font-body-family);font-size:14px;color:#29494999;margin:0;line-height:1.4}.configurator-options--swatches{display:flex;flex-direction:column;gap:.8rem;padding:4px 20px 16px;flex:1;min-height:0;align-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media screen and (max-width:989px){.configurator-options--swatches{display:grid;grid-template-columns:1fr 1fr}}@media screen and (min-width:990px){.configurator-options--swatches{padding:12px 32px 20px}}.configurator-option-groups{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 20px 16px}@media screen and (min-width:990px){.configurator-option-groups{padding:12px 32px 20px;gap:20px}}.configurator-option-group{display:flex;flex-direction:column;gap:8px}.configurator-option-group__label{font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:#29494999;margin:0}.configurator-bundle-product{display:flex;flex-direction:column;gap:12px}.configurator-bundle-product+.configurator-bundle-product{padding-top:16px;border-top:1px solid rgba(41,73,73,.1)}.configurator-bundle-product__title{font-family:var(--font-heading-family, var(--font-body-family));font-size:14px;font-weight:500;letter-spacing:.2px;color:#294949e6;margin:0}.configurator-option-group .configurator-options--swatches{flex:none;min-height:auto;overflow-y:visible;padding:0}@media screen and (min-width:990px){.configurator-option-group .configurator-options--swatches{padding:0}}.configurator-swatch{display:flex;padding:1.2rem 1.6rem;justify-content:space-between;align-items:center;border-radius:6px;border:.8px solid var(--neutral-gray-200, #e0e0e0);width:100%;height:48px;background:none;cursor:pointer;transition:border-color .15s ease;position:relative;flex-direction:row;gap:8px}.configurator-swatch:hover{border-color:var(--accent-thistle, #dcb3d9)}.configurator-swatch.is-selected{border:.8px solid var(--accent-forest-slate, #294949)}.configurator-swatch[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.configurator-swatch__label{font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.2px;color:var(--primary-midnight, #294949);flex:1;text-align:left}.configurator-swatch .swatch{flex-shrink:0;width:20px;height:20px;border-radius:50%}.configurator-swatch .swatch--unavailable{border-style:solid;border-color:transparent!important;background:var(--neutral-gray-200, #e0e0e0)}.configurator-swatch[data-value="Maple Oak"] .swatch,.configurator-swatch[data-value="Maple Oak"] .swatch--unavailable{background:#eed3ac;border-color:#29494926}.configurator-swatch[data-value="Red Oak"] .swatch,.configurator-swatch[data-value="Red Oak"] .swatch--unavailable{background:#e29f76;border-color:#29494926}.configurator-swatch__color{display:block;width:20px;height:20px;border-radius:50%;background-color:var(--swatch-color, #ccc);background-image:var(--swatch-image, none);background-size:cover;background-position:center;flex-shrink:0;border:1px solid rgba(41,73,73,.1)}.configurator-swatch__color--sm{width:20px;height:20px}.configurator-swatch__unavailable{font-size:10px;color:#29494966;letter-spacing:.2px}.configurator-section-label{font-family:var(--font-body-family);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#2a7a4a;margin:4px 0 2px;padding:0}.configurator-section-label--extras{color:var(--accent-forest-slate, #294949);margin-top:12px}.configurator-options--cards{display:flex;flex-direction:column;gap:10px;padding:4px 20px 16px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media screen and (max-width:989px){.configurator-options--cards{padding-bottom:8px}}@media screen and (min-width:990px){.configurator-options--cards{padding:12px 32px 20px;gap:12px}}.configurator-card{display:flex;align-items:center;gap:14px;padding:1.2rem 1.6rem;border:.8px solid var(--neutral-gray-200, #e0e0e0);border-radius:6px;cursor:pointer;background:var(--primary-white, #fff);transition:border-color .15s ease;position:relative;text-align:left;width:100%}.configurator-card:hover{border-color:var(--accent-thistle, #dcb3d9)}.configurator-card.is-selected{border:.8px solid var(--accent-forest-slate, #294949);background-color:transparent}.configurator-card--preselected{border:.8px solid var(--accent-forest-slate, #294949);background-color:transparent;cursor:default}.configurator-card__check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:.8px solid var(--neutral-gray-200, #e0e0e0);color:transparent;flex-shrink:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.configurator-card.is-selected .configurator-card__check,.configurator-card--preselected .configurator-card__check{background-color:var(--accent-forest-slate, #294949);border-color:var(--accent-forest-slate, #294949);color:var(--primary-white, #fff)}.configurator-card__image{width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--neutral-gray-100, #f5f5f5);flex-shrink:0}.configurator-card__image img{width:100%;height:100%;object-fit:cover}.configurator-card__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e8eded,#d4e0e0)}.configurator-card__info{flex:1;min-width:0}.configurator-card__title{font-family:var(--font-body-family);font-size:14px;font-weight:500;letter-spacing:.2px;color:var(--accent-forest-slate, #294949);margin:0 0 4px;line-height:1.3}.configurator-card__pricing{display:flex;align-items:center;gap:6px;color:var(--primary-midnight);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.6px}.configurator-card__price{font-family:var(--font-body-family);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.6px;color:var(--primary-midnight)}.configurator-card__price--free{color:var(--accent-magenta-haze);font-family:DegularBold;font-weight:700}.configurator-card__compare-price{font-family:var(--font-body-family);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.6px;color:var(--primary-midnight);text-decoration:line-through}.configurator-card__badge{display:inline-block;background:#2a7a4a1a;color:#2a7a4a;font-family:var(--font-body-family);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border-radius:4px;padding:2px 7px;margin-top:4px}.configurator-card__variants{margin-top:10px;display:flex;flex-direction:column;gap:8px}.configurator-card__option-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.configurator-card__option-label{font-family:var(--font-body-family);font-size:12px;font-weight:600;color:#29494999;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.configurator-card__option-values{display:flex;gap:6px;flex-wrap:wrap}.configurator-card__variant-btn{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border:1.5px solid rgba(41,73,73,.2);border-radius:6px;background:none;cursor:pointer;font-family:var(--font-body-family);font-size:11px;font-weight:600;color:var(--accent-forest-slate, #294949);transition:border-color .15s,background-color .15s;position:relative}.configurator-card__variant-btn:hover{border-color:var(--accent-forest-slate, #294949)}.configurator-card__variant-btn.is-selected{border-color:var(--accent-forest-slate, #294949);background-color:var(--accent-forest-slate, #294949);color:var(--primary-white, #fff)}.configurator-card__variant-btn .configurator-swatch__color--sm{background-color:var(--swatch-color, #ccc)}.configurator-card__variant-btn.is-selected .configurator-swatch__color--sm{border-color:#fff9}.configurator-card__variant-btn:has(.swatch){width:28px;height:28px;min-width:28px;padding:3px;border-radius:50%;border:1.5px solid transparent;background:none;overflow:hidden}.configurator-card__variant-btn:has(.swatch):hover{border-color:#29494966;background-color:transparent}.configurator-card__variant-btn:has(.swatch).is-selected{border-color:var(--accent-forest-slate, #294949);background-color:transparent}.configurator-card__variant-btn .swatch{display:block;width:18px!important;height:18px!important;border-radius:50%;flex-shrink:0}.configurator-options--optional{padding:4px 20px 16px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media screen and (min-width:990px){.configurator-options--optional{padding:12px 32px 20px}}.configurator-card--optional{align-items:flex-start}.configurator-card__selects{display:flex;flex-direction:column;gap:8px;margin-top:10px}.configurator-card__select-group{display:flex;flex-direction:column;gap:4px}.configurator-card__select-label{font-family:var(--font-body-family);font-size:11px;font-weight:600;color:#29494999;text-transform:uppercase;letter-spacing:.4px}.configurator-card__select-group .select{width:100%}.configurator-card__select-group .select__select{font-size:13px;padding:8px 28px 8px 10px;margin:0;min-height:32px;border:1px solid rgba(41,73,73,.2);border-radius:6px;background-color:var(--primary-white, #fff);color:var(--accent-forest-slate, #294949);cursor:pointer;width:100%}.configurator-card__select-group .select .svg-wrapper{right:10px}.configurator-card__hint{margin:8px 0 0;font-family:var(--font-body-family);font-size:11px;color:var(--accent-forest-slate, #294949);opacity:.7}.configurator-card--optional.is-incomplete{outline:1px dashed rgba(41,73,73,.3);outline-offset:-1px}.configurator-step__empty{margin:32px 20px;font-family:var(--font-body-family);font-size:13px;color:#29494999;text-align:center}.configurator-step__footer{display:flex;flex-direction:column;gap:10px;padding:14px 20px;border-top:1px solid rgba(41,73,73,.1);background:var(--primary-white, #fff);flex-shrink:0}@media screen and (min-width:990px){.configurator-step__footer{padding:16px 32px}}.configurator-step__footer--review{flex-direction:row;align-items:center}.configurator-step__price-bar{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.configurator-step__price{font-family:var(--font-body-family);font-size:13px;font-weight:500;color:#294949a6}.configurator-step__price strong{color:var(--accent-forest-slate, #294949);font-size:15px;font-weight:700}.configurator-step__saving{font-family:var(--font-body-family);font-size:12px;font-weight:600;color:#2a7a4a;white-space:nowrap}.configurator-step__actions{display:flex;gap:10px}.configurator-step__back{display:flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:8px;background-color:transparent;color:var(--accent-forest-slate, #294949);border:.6px solid var(--accent-forest-slate, #294949);font-family:"DegularBold",var(--font-body-family);font-size:15px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:background-color .2s,border-color .2s;white-space:nowrap;flex-shrink:0}.configurator-step__back:hover{background-color:var(--primary-white, #fff);border-color:var(--accent-thistle, #dcb3d9)}.configurator-step__next,.configurator-step__checkout{display:flex;align-items:center;justify-content:center;flex:1;padding:14px 28px;border-radius:8px;background-color:var(--accent-icterine, #e5e565);color:var(--accent-forest-slate, #294949);font-family:"DegularBold",var(--font-body-family);font-size:15px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;border:none;transition:background-color .2s,box-shadow .2s;white-space:nowrap}.configurator-step__next:hover,.configurator-step__checkout:hover{background-color:#f5f579;box-shadow:0 2px 12px #00000014}.configurator-step__skip{display:flex;justify-content:center;padding:0 20px 12px;flex-shrink:0}.configurator-step__skip button{background:none;border:none;cursor:pointer;font-family:var(--font-body-family);font-size:13px;font-weight:600;color:#2949498c;letter-spacing:.3px;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.configurator-step__skip button:hover{color:var(--accent-forest-slate, #294949)}.configurator-review{padding:0 20px 12px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}@media screen and (min-width:990px){.configurator-review{padding:0 32px 12px}}.configurator-review__table,.configurator-review__included{margin-bottom:16px}.configurator-review__included:empty,.configurator-review__included[hidden]{display:none}.configurator-review__included .included-in-purchase{margin-top:0}.configurator-review__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--neutral-gray-300, #e8e8e8);font-family:var(--font-body-family)}.configurator-review__row:first-child{border-top:1px solid var(--neutral-gray-300, #e8e8e8)}.configurator-review__row-label{font-size:13px;font-weight:600;color:#484848;letter-spacing:.4px;flex-shrink:0}.configurator-review__row-value{font-size:13px;font-weight:500;color:#1b1b23;text-align:right}.configurator-review__value--free{font-weight:700;color:#2a7a4a}.configurator-review__value--strike{color:#29494966;font-weight:400;margin-right:4px}.configurator-review__addons{padding:12px 0 0;border-top:1px solid rgba(41,73,73,.1);margin-top:4px}.configurator-review__addons .configurator-options--cards{gap:10px;padding:0;overflow-y:visible}.configurator-review__section-title{font-family:var(--font-body-family);font-size:12px;font-weight:700;color:#29494980;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.configurator-review__pricing{padding-top:12px;margin-bottom:4px;display:flex;flex-direction:column;gap:8px}.configurator-review__price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-body-family);font-size:13px;color:#294949b3}.configurator-review__price-row--savings{color:#2a7a4a;font-weight:600}.configurator-review__price-row--total{font-size:17px;font-weight:700;color:var(--accent-forest-slate, #294949);padding-top:8px;border-top:1px solid rgba(41,73,73,.15);margin-top:2px;align-items:flex-start}@media screen and (max-width:989px){[data-stage-kind=extensions] .configurator-options--cards{flex-direction:row;align-items:stretch;flex:1;overflow-y:auto;align-content:flex-start;padding-bottom:8px}[data-stage-kind=extensions] .configurator-card{flex:1;flex-direction:column;align-items:center;text-align:center;padding:10px 8px;gap:6px;max-height:190px;overflow:hidden}[data-stage-kind=extensions] .configurator-card__image{width:100%;height:56px;border-radius:6px;flex-shrink:0}[data-stage-kind=extensions] .configurator-card__info{width:100%}[data-stage-kind=extensions] .configurator-card__title{font-size:11px;line-height:1.3;margin-bottom:2px}[data-stage-kind=extensions] .configurator-card__pricing{justify-content:center}[data-stage-kind=extensions] .configurator-card__check{width:28px;height:28px;margin-top:2px;flex-shrink:0}[data-stage-kind=extensions] .configurator-card__check svg{width:12px;height:12px}}.purchase-configurator__panel.is-review .configurator-step-tabs{display:none}body.configurator-is-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.purchase-configurator__panel,.purchase-configurator__backdrop,.configurator-step,.purchase-configurator__image-panel img{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/purchase-configurator.css.map */