.wl-project-planner{display:block;margin-block:clamp(2.4rem,4vw,4.8rem);color:rgb(var(--color-foreground))}.wl-project-planner__shell{overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:var(--text-boxes-radius, .8rem);background:rgb(var(--color-background))}.wl-project-planner__header,.wl-project-planner__primary,.wl-project-planner__extras,.wl-project-planner__footer{padding:clamp(1.6rem,2.8vw,2.8rem)}.wl-project-planner__header{display:grid;grid-template-columns:minmax(20rem,.8fr) minmax(0,1.2fr);gap:1.6rem 3.2rem;align-items:end;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.wl-project-planner__eyebrow,.wl-project-planner__header h2,.wl-project-planner__intro,.wl-project-planner__extras-heading h3,.wl-project-planner__extras-heading p,.wl-project-planner__reason,.wl-project-planner__sku,.wl-project-planner__state,.wl-project-planner__status,.wl-project-planner__disclosure,.wl-project-planner__empty{margin:0}.wl-project-planner__eyebrow{margin-bottom:.4rem;color:rgba(var(--color-foreground),.72);font-size:1.2rem;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.wl-project-planner__header h2{font-size:clamp(2.2rem,3vw,3rem);line-height:1.15}.wl-project-planner__intro,.wl-project-planner__extras-heading p,.wl-project-planner__reason,.wl-project-planner__sku,.wl-project-planner__state,.wl-project-planner__disclosure,.wl-project-planner__empty{color:rgba(var(--color-foreground),.72);font-size:1.4rem;line-height:1.5}.wl-project-planner__primary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.6rem;align-items:center;background:rgba(var(--color-foreground),.035);border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.wl-project-planner__primary-copy{display:grid;min-width:0;gap:.3rem}.wl-project-planner__primary-copy strong,.wl-project-planner__item-heading label{overflow-wrap:anywhere}.wl-project-planner__included,.wl-project-planner__optional,.wl-project-planner__primary-state{width:fit-content;color:rgba(var(--color-foreground),.74);font-size:1.2rem;font-weight:700;line-height:1.35}.wl-project-planner__optional{padding:.25rem .7rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:999px;white-space:nowrap}.wl-project-planner__primary-quantity,.wl-project-planner__line-quantity{display:grid;gap:.5rem}.wl-project-planner__quantity-label,.wl-project-planner__variant-label{color:rgba(var(--color-foreground),.78);font-size:1.2rem;font-weight:700;line-height:1.3}.wl-project-planner__stepper{display:grid;grid-template-columns:4.4rem minmax(6.4rem,8rem) 4.4rem;min-height:4.4rem;border:.1rem solid rgba(var(--color-foreground),.32);border-radius:var(--inputs-radius, .4rem);background:rgb(var(--color-background))}.wl-project-planner__stepper button,.wl-project-planner__stepper input{min-width:4.4rem;min-height:4.4rem;border:0;border-radius:0;background:transparent;color:rgb(var(--color-foreground))}.wl-project-planner__stepper button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.wl-project-planner__stepper button:first-child{border-right:.1rem solid rgba(var(--color-foreground),.18)}.wl-project-planner__stepper button:last-child{border-left:.1rem solid rgba(var(--color-foreground),.18)}.wl-project-planner__stepper svg{width:1.5rem;height:1.5rem;pointer-events:none}.wl-project-planner__stepper input{width:100%;padding:.6rem;text-align:center;-webkit-appearance:textfield;appearance:textfield}.wl-project-planner__stepper input::-webkit-inner-spin-button,.wl-project-planner__stepper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.wl-project-planner button:focus-visible,.wl-project-planner input:focus-visible,.wl-project-planner select:focus-visible{z-index:1;outline:.3rem solid rgb(var(--color-foreground));outline-offset:.2rem}.wl-project-planner__extras-heading{display:grid;grid-template-columns:minmax(18rem,.65fr) minmax(0,1.35fr);gap:1rem 2.4rem;align-items:baseline;margin-bottom:1.6rem}.wl-project-planner__extras-heading h3{font-size:1.8rem;line-height:1.25}.wl-project-planner__list{display:grid;margin:0;padding:0;border-top:.1rem solid rgba(var(--color-foreground),.12);list-style:none}.wl-project-planner__recommendation{display:grid;grid-template-columns:4.4rem 7.2rem minmax(0,1fr) auto;gap:1.2rem;align-items:center;min-width:0;padding-block:1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.wl-project-planner__recommendation.is-unavailable{background:rgba(var(--color-foreground),.025)}.wl-project-planner__include{display:flex;align-items:center;justify-content:center;min-width:4.4rem;min-height:4.4rem}.wl-project-planner__include input{width:2.2rem;height:2.2rem;margin:0;accent-color:rgb(var(--color-button))}.wl-project-planner__media{display:flex;align-items:center;justify-content:center;width:7.2rem;height:7.2rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:var(--media-radius, .4rem);background:rgba(var(--color-foreground),.035)}.wl-project-planner__media img,.wl-project-planner__media svg{display:block;width:100%;height:100%;object-fit:contain}.wl-project-planner__item-copy{display:grid;min-width:0;gap:.4rem}.wl-project-planner__item-heading{display:flex;min-width:0;gap:.8rem;align-items:center;justify-content:space-between}.wl-project-planner__item-heading label{font-size:1.5rem;font-weight:700;line-height:1.35;cursor:pointer}.wl-project-planner__sku,.wl-project-planner__state{font-size:1.2rem;overflow-wrap:anywhere}.wl-project-planner__state{font-weight:700}.wl-project-planner__variant-label{margin-top:.4rem}.wl-project-planner select{width:min(100%,42rem);min-height:4.4rem;padding:.8rem 3.6rem .8rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.32);border-radius:var(--inputs-radius, .4rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.wl-project-planner__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1.6rem;align-items:center;border-top:.1rem solid rgba(var(--color-foreground),.12);background:rgba(var(--color-foreground),.035)}.wl-project-planner__summary{font-size:1.5rem;font-weight:700;line-height:1.4}.wl-project-planner__action{min-width:23rem;min-height:4.4rem}.wl-project-planner__action.loading .loading__spinner{display:inline-flex}.wl-project-planner__status,.wl-project-planner__disclosure{grid-column:1 / -1}.wl-project-planner__status:empty{display:none}.wl-project-planner__status[data-status=error]{color:#b42318;font-weight:700}@media screen and (max-width:989px){.wl-project-planner__header,.wl-project-planner__primary,.wl-project-planner__extras-heading,.wl-project-planner__footer{grid-template-columns:minmax(0,1fr)}.wl-project-planner__primary-quantity{justify-self:start}.wl-project-planner__recommendation{grid-template-columns:4.4rem 6.4rem minmax(0,1fr);gap:.8rem}.wl-project-planner__media{width:6.4rem;height:6.4rem}.wl-project-planner__line-quantity{grid-column:2 / -1;justify-self:start}.wl-project-planner__item-heading{display:grid;justify-content:stretch}.wl-project-planner__optional{white-space:normal}.wl-project-planner__action{width:100%;min-width:0}}@media screen and (max-width:749px){.wl-project-planner{padding-inline:1.5rem}.wl-project-planner__header,.wl-project-planner__primary,.wl-project-planner__extras,.wl-project-planner__footer{padding:1.6rem}}@media screen and (max-width:359px){.wl-project-planner{padding-inline:1rem}.wl-project-planner__recommendation{grid-template-columns:4.4rem minmax(0,1fr)}.wl-project-planner__media{display:none}.wl-project-planner__line-quantity{grid-column:2}.wl-project-planner__stepper{grid-template-columns:4.4rem minmax(5.6rem,7rem) 4.4rem}}@media(prefers-reduced-motion:reduce){.wl-project-planner *,.wl-project-planner *:before,.wl-project-planner *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(forced-colors:active){.wl-project-planner__shell,.wl-project-planner__stepper,.wl-project-planner select,.wl-project-planner__media,.wl-project-planner__optional{border-color:CanvasText}.wl-project-planner__include input{-webkit-appearance:auto;appearance:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/wl-project-planner.css.map */