.ho-up{--ho-up-green: #71a62e;--ho-up-blue: #5eb4e3;--ho-up-text: #273223;--ho-up-muted: #61705b;--ho-up-line: #d6e2c9;width:calc(100% - 60px);max-width:1400px;margin:28px auto 42px;color:var(--ho-up-text);font-family:inherit;font-size:15px;line-height:1.55;text-align:left}.ho-up *,.ho-up *:before,.ho-up *:after{box-sizing:border-box}.ho-up [hidden]{display:none!important}.ho-up p,.ho-up h2,.ho-up h3,.ho-up figure{margin:0}.ho-up button,.ho-up input,.ho-up select{font-family:inherit}.ho-up button,.ho-up summary{cursor:pointer}.ho-up button:disabled{cursor:default}.ho-up button:focus-visible,.ho-up input:focus-visible,.ho-up select:focus-visible,.ho-up summary:focus-visible,.ho-up a:focus-visible{outline:3px solid var(--ho-up-blue);outline-offset:4px}.ho-up__companion{border:1px solid var(--ho-up-line);border-top:5px solid var(--ho-up-green);border-radius:7px;overflow:hidden;background:#fff}.ho-up__header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 36px;background:#f4f8ee}.ho-up__eyebrow{color:#587c2b;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.ho-up__header h2{margin-top:10px;color:var(--ho-up-text);font-family:inherit;font-size:clamp(26px,2.6vw,38px);font-weight:400;line-height:1.2;letter-spacing:-.6px;text-transform:none}.ho-up__intro{margin-top:10px!important;color:#516047;font-size:15px}.ho-up__choices{padding:28px 36px 24px}.ho-up__step{display:flex;align-items:center;gap:10px;margin-bottom:18px!important;font-family:inherit;font-size:17px;font-weight:400}.ho-up__step>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;color:#fff;background:var(--ho-up-blue);font-size:15px;line-height:1}.ho-up__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ho-up__card-wrap{position:relative;min-width:0}.ho-up__card-wrap>.ho-up__card{height:100%}.ho-up__card{display:flex;flex-direction:column;position:relative;min-width:0;width:100%;padding:0;border:1px solid var(--ho-up-line);border-radius:5px;background:#fff;color:var(--ho-up-text);overflow:hidden;text-align:left;-webkit-appearance:none;appearance:none;box-shadow:none}.ho-up__card[aria-pressed=true]{border-color:var(--ho-up-green);box-shadow:0 0 0 2px var(--ho-up-green)}.ho-up__card:hover{border-color:var(--ho-up-green)}.ho-up .ho-up__card-image{display:block;width:100%;aspect-ratio:3 / 2;height:auto;flex-shrink:0;object-fit:cover;margin:0;border:0}.ho-up__card-copy{display:grid;grid-template-rows:minmax(25px,auto) minmax(39px,auto) 25px 24px;align-content:start;gap:8px;width:100%;padding:15px 17px 17px}.ho-up__card-name{display:block;font-size:19px;font-weight:400;line-height:1.3}.ho-up__card-price{display:block;margin-top:0;color:var(--ho-up-muted);font-size:14px}.ho-up__card-stock{display:block;margin-top:5px;color:#805124;font-size:12px}.ho-up__badge{display:none;position:absolute;top:11px;right:11px;padding:4px 9px;border-radius:3px;color:#fff;background:var(--ho-up-green);font-size:12px;font-weight:600}.ho-up__card[aria-pressed=true] .ho-up__badge{display:block}.ho-up__choice-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px 20px;margin-top:13px}.ho-up__all{padding:3px 0;border:0;border-radius:0;color:#507722;background:transparent;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}.ho-up__caption{color:var(--ho-up-muted);font-size:12px}.ho-up__selection{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px;font-size:13px;color:var(--ho-up-muted)}.ho-up__sizing{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;margin:0 36px;padding:28px 0;border-top:1px solid var(--ho-up-line)}.ho-up__measurements,.ho-up__receipt{min-width:0}.ho-up__measurements h3{font-size:20px;font-weight:400;line-height:1.35;text-transform:none}.ho-up__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.ho-up__fields label{min-width:0;color:var(--ho-up-muted);font-size:13px}.ho-up__fields input{display:block;width:100%;min-width:0;height:52px;margin:6px 0 0;padding:12px;border:1px solid #b9c9a9;border-radius:4px;background:#fff;color:var(--ho-up-text);font-size:18px;line-height:1.3;box-shadow:none}.ho-up__fields input[aria-invalid=true]{border-color:#9b4134}.ho-up__calculation{margin-top:17px!important;color:#40572b;font-size:14px;line-height:1.6}.ho-up__rounding{margin-top:9px!important;color:var(--ho-up-muted);font-size:12px}.ho-up__error{margin-top:12px!important;padding:11px 13px;color:#842f26;background:#fff6f4;border:1px solid #e9c6bd;font-size:13px}.ho-up__details{margin-top:17px}.ho-up__details summary{width:fit-content;max-width:100%;color:#507722;font-size:13px}.ho-up__plants{margin-top:15px;font-size:13px}.ho-up__plants table{width:100%;border-collapse:collapse;border:0;table-layout:fixed}.ho-up__plants th,.ho-up__plants td{padding:9px 7px;border-bottom:1px solid var(--ho-up-line);color:inherit;font-size:12px;overflow-wrap:anywhere;text-align:left}.ho-up__plants th{font-weight:600;background:#f4f8ee}.ho-up__plants p{margin-top:12px}.ho-up__plants a,.ho-up__feedback a,.ho-up__noscript a{color:#507722;text-decoration:underline;text-underline-offset:3px}.ho-up__receipt{align-self:start;padding:24px;border:1px solid var(--ho-up-line);border-radius:5px;background:#f3f7eb}.ho-up__selected{font-size:23px;line-height:1.3}.ho-up__summary-quantity{margin-top:6px!important;color:var(--ho-up-muted);font-size:13px}.ho-up__total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:21px;padding-top:18px;border-top:1px solid #d6e2c9;font-size:13px}.ho-up__total strong{font-size:28px;font-weight:400;line-height:1.2}.ho-up__price-note{margin-top:10px!important;color:var(--ho-up-muted);font-size:11px;text-align:center}.ho-up__add{display:block;width:100%;min-height:48px;margin-top:21px;padding:12px 16px;border:1px solid var(--ho-up-green);border-radius:4px;background:var(--ho-up-green);color:#fff;font-size:16px;font-weight:600;line-height:1.4;text-align:center}.ho-up__add:hover:not(:disabled){background:#639326;border-color:#639326}.ho-up__add:disabled{opacity:.58}.ho-up__feedback{margin-top:12px!important;font-size:13px;overflow-wrap:anywhere}.ho-up__noscript{padding:12px 36px}.ho-up__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:900px){.ho-up{width:calc(100% - 40px)}.ho-up__header{padding:25px}.ho-up__choices{padding:24px 25px 20px}.ho-up__sizing{margin:0 25px;gap:22px}.ho-up__card-name{font-size:16px}.ho-up__card-copy{padding:13px}.ho-up__receipt{padding:20px}}@media(max-width:640px){.ho-up{width:calc(100% - 24px);margin:20px auto 30px}.ho-up__header{padding:23px 18px;gap:13px;align-items:flex-start}.ho-up__header h2{font-size:27px;letter-spacing:-.4px}.ho-up__intro{font-size:14px}.ho-up__choices{padding:22px 18px 20px}.ho-up__step{font-size:16px}.ho-up__cards{grid-template-columns:minmax(0,1fr);gap:14px}.ho-up__card{display:grid;grid-template-columns:42% minmax(0,1fr);align-items:stretch}.ho-up .ho-up__card-image{height:100%;min-height:170px;aspect-ratio:auto;object-fit:cover}.ho-up__card-copy{align-self:center;grid-template-rows:auto auto auto auto;gap:7px;padding:15px 12px}.ho-up__card-name{font-size:17px}.ho-up__card-price{font-size:13px}.ho-up__badge{top:7px;left:7px;right:auto;padding:3px 5px;font-size:10px}.ho-up__choice-footer{gap:7px}.ho-up__caption{font-size:11px}.ho-up__selection{font-size:12px}.ho-up__sizing{grid-template-columns:minmax(0,1fr);margin:0 18px;padding:22px 0;gap:23px}.ho-up__measurements h3{font-size:19px}.ho-up__fields{gap:12px}.ho-up__receipt{padding:20px}.ho-up__selected{font-size:22px}.ho-up__total strong{font-size:26px}}.ho-up__sizing-title{margin:20px 0 0!important}.ho-up__card-usp{display:block;margin-top:0;color:#4f5f45;font-size:13px;line-height:1.5}.ho-up__palette{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:0}.ho-up__palette-label{margin-right:3px;color:var(--ho-up-muted);font-size:11px}.ho-up__swatch{display:block;width:18px;height:18px;border:1px solid rgb(39 50 35 / 20%);border-radius:50%;background:var(--swatch)}.ho-up__text-button{padding:8px 0;border:0;background:transparent;color:#507722;font-size:13px;text-decoration:underline;text-underline-offset:3px}.ho-up__preview{margin-top:24px;border:1px solid var(--ho-up-line);border-radius:6px;overflow:hidden}.ho-up__preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:#f4f8ee}.ho-up__preview-header h4{margin:4px 0 0;color:var(--ho-up-text);font-size:24px;font-weight:500;line-height:1.3}.ho-up__preview-stage{width:100%;aspect-ratio:16 / 9;background:#f7f8f4}.ho-up__preview-stage>img{display:block;width:100%;height:100%;margin:0;object-fit:contain}.ho-up__preview .ho-plant-hotspot{width:36px;height:36px;min-width:36px;min-height:36px}.ho-up__preview .ho-plant-hotspot>span{width:30px;height:30px;background:#61a72e;border:2px solid #fff;color:#fff;font-size:15px}.ho-up__plant-key{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:20px;list-style:none}.ho-up__plant-key li{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.5}.ho-up__plant-key strong,.ho-up__plant-key li>span>span{display:block}.ho-up__plant-key strong{font-size:13px;font-weight:600}.ho-up__plant-key li>span>span{margin-top:3px;color:var(--ho-up-muted)}.ho-up__plant-number{display:flex;flex:0 0 24px;width:24px;height:24px;align-items:center;justify-content:center;border:1px solid #61a72e;border-radius:50%;color:#263c18;background:#f4f8ee;line-height:1}.ho-up__preview-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-top:1px solid var(--ho-up-line)}.ho-up__preview-footer p{color:var(--ho-up-muted);font-size:12px}.ho-up__continue{flex-shrink:0;min-height:44px;padding:10px 16px;border:1px solid #61a72e;border-radius:4px;background:#61a72e;color:#fff;font-size:14px;font-weight:600}@media(max-width:900px){.ho-up__plant-key{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.ho-up__preview-stage{aspect-ratio:4 / 3}.ho-up__preview-header{padding:14px;align-items:flex-start}.ho-up__preview-header h4{font-size:21px}.ho-up__plant-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 12px}.ho-up__preview-footer{flex-direction:column;align-items:stretch;padding:14px}.ho-up__card-usp{font-size:12px}.ho-up__palette{gap:5px;margin-top:0}.ho-up__swatch{width:16px;height:16px}}.ho-up .ho-up-measure{max-width:650px;margin:12px 0 18px;padding:10px 14px 14px;border:1px solid var(--ho-up-line, #d6e2c9);border-radius:9px;background:#fafcf7}.ho-up-measure__plan{display:block;width:100%;height:auto;max-height:290px;overflow:visible;font-family:inherit}.ho-up-measure__rear{fill:var(--ho-up-muted, #61705b);font-size:18px}.ho-up-measure__guides{stroke:#aebfc6;stroke-width:1.2;stroke-dasharray:3 3}.ho-up-measure__arrows{stroke:#3897c4;stroke-width:2.4;stroke-linecap:round}.ho-up-measure__labels{fill:#286f90;font-size:21px;font-weight:600}.ho-up .ho-up-measure__scale{margin:0 0 7px;color:var(--ho-up-muted, #61705b);font-size:12px;text-align:center}.ho-up .ho-up-measure__equation{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 7px;color:var(--ho-up-text, #273223);font-size:13px;line-height:1.5;text-align:center}.ho-up-measure__equation>span{white-space:nowrap}.ho-up-measure__equation strong{color:#286f90;font-variant-numeric:tabular-nums}@media(max-width:480px){.ho-up .ho-up-measure{padding:8px}.ho-up .ho-up-measure__equation{font-size:12px;gap:3px 5px}}.ho-up__sizing.ho-up__sizing--photo{grid-template-columns:minmax(0,1fr);gap:20px}.ho-up__photo-hint{margin:8px 0 14px!important;color:var(--ho-up-muted);font-size:14px;line-height:1.5}.ho-up__review{justify-self:end;min-height:48px;padding:12px 20px;border:1px solid var(--ho-up-green);border-radius:3px;color:#fff;background:var(--ho-up-green);font:inherit;font-weight:700;cursor:pointer}.ho-up__review:hover:not(:disabled){background:#639326;border-color:#639326}.ho-up__review:disabled{opacity:.58;cursor:wait}.ho-up__review:focus-visible{outline:3px solid #5eb4e3;outline-offset:3px}.ho-up__sizing--photo .ho-up__receipt{scroll-margin-top:180px}.ho-up__sizing--photo .ho-up__receipt .ho-up__step{margin-bottom:18px}.ho-up__sizing--photo .ho-up__collection-note{margin-top:15px}.ho-up__sizing--photo .ho-up__collection-note summary{cursor:pointer}@media(max-width:640px){.ho-up__review{justify-self:stretch}.ho-up__sizing--photo .ho-up__receipt{scroll-margin-top:130px}}.ho-up{--ho-up-green:#61a72e}.ho-up__wizard-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 36px 0}.ho-up__wizard-nav button{display:flex;align-items:center;gap:10px;padding:12px 0;border:0;border-bottom:2px solid #e1e8da;background:#fff;color:#53664c;font:inherit;font-size:14px;text-align:left}.ho-up__wizard-nav button span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#edf3e8;color:#527343}.ho-up__wizard-nav button[aria-current=step]{color:#21341a;border-color:#61a72e}.ho-up__wizard-nav button[aria-current=step] span{background:#5eb4e3;color:#fff}.ho-up__wizard-nav button.is-complete span{background:#61a72e;color:#fff}.ho-up__preview{margin-top:0}.ho-up__preview-header{position:sticky;top:var(--ho-up-sticky-top,80px);z-index:5;border-bottom:1px solid #d6e2c9}.ho-up__preview-actions{display:flex;align-items:center;gap:20px}.ho-up__preview-stage{height:clamp(260px,52vh,540px);aspect-ratio:auto}.ho-up__preview-stage>img{object-fit:contain}.ho-up__screen-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.ho-up__sizing{border-top:0;padding-top:24px}.ho-up__measurements>.ho-up__review{display:block;margin:20px 0 0 auto}.ho-up__receipt{max-width:900px;width:100%;margin:auto}.ho-up__review-dimensions{color:#53664c;margin-top:8px!important}.ho-up__plant-key{padding:15px 20px}.ho-up__sizing-title{margin:0!important}@media(max-width:640px){.ho-up__wizard-nav{padding:12px 18px 0;gap:5px}.ho-up__wizard-nav button{font-size:12px;gap:6px}.ho-up__wizard-nav button span{width:23px;height:23px;flex-basis:23px}.ho-up__preview-header{flex-wrap:wrap;gap:10px}.ho-up__preview-actions{width:100%;justify-content:space-between;gap:10px}.ho-up__preview-actions .ho-up__continue{font-size:13px;padding:10px}.ho-up__preview-stage{height:300px}.ho-up__measurements>.ho-up__review{width:100%}}.ho-up--inline .ho-up__inline-heading{font:inherit;font-size:22px;font-weight:500;margin:0 0 20px;color:#273223}.ho-up--inline .ho-up__cards{align-items:start}.ho-up--inline .ho-up__card-wrap{border:1px solid #d6e2c9;border-radius:5px;overflow:hidden;background:#fff}.ho-up--inline .ho-up__card-wrap--active{border-color:#61a72e;box-shadow:0 0 0 2px #61a72e}.ho-up--inline .ho-up__card-wrap>.ho-up__card{height:auto;border:0;box-shadow:none;display:flex;flex-direction:column}.ho-up--inline .ho-up__card-image{width:100%;height:auto;min-height:0;aspect-ratio:3/2;object-fit:cover}.ho-up--inline .ho-up__inline-order{margin:0;padding:4px 17px 18px;background:#fff;border:0;font-size:13px}.ho-up--inline .ho-up__inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ho-up--inline .ho-up__inline-fields>label{min-width:0;font-size:12px;line-height:1.4;color:#34492c}.ho-up--inline .ho-up__inline-fields>label>span:first-child{display:block;min-height:34px;margin-bottom:5px}.ho-up--inline .ho-up__inline-input{display:flex;align-items:center;border:1.5px solid #61a72e;border-radius:3px;background:#fff;padding:2px 9px}.ho-up--inline .ho-up__inline-input:focus-within{outline:2px solid #61a72e60;outline-offset:2px}.ho-up--inline .ho-up__inline-input input{width:100%;min-width:0;height:43px;margin:0;padding:8px 0;border:0!important;border-radius:0;background:#fff;color:#263b21;font-size:20px;line-height:1.3;box-shadow:none!important;outline:none}.ho-up--inline .ho-up__inline-input input::placeholder{font-size:15px;opacity:1;color:#7a8672}.ho-up--inline .ho-up__inline-input>span{flex:none;font-size:13px;color:#5b6f50}.ho-up--inline .ho-up__calculation{font-size:12px;line-height:1.5;margin-top:12px!important}.ho-up--inline .ho-up__total{margin-top:12px;padding-top:12px;font-size:14px;gap:8px}.ho-up--inline .ho-up__total strong{font-size:23px}.ho-up--inline .ho-up__price-note{margin-top:6px!important;text-align:left;font-size:11px}.ho-up--inline .ho-up__add{margin-top:13px;min-height:46px;font-size:15px}.ho-up--inline .ho-up__details{margin-top:13px}.ho-up--inline .ho-up__details summary{font-size:12px}.ho-up--inline .ho-up__plants{overflow-x:auto}.ho-up--inline .ho-up__plants th,.ho-up--inline .ho-up__plants td{padding:7px 5px;font-size:11px}.ho-up--inline .ho-up__error{padding:8px;font-size:12px}@media(max-width:640px){.ho-up--inline .ho-up__card-copy{align-self:stretch;padding:15px 17px 17px}.ho-up--inline .ho-up__inline-fields>label>span:first-child{min-height:0}.ho-up--inline .ho-up__card-image{aspect-ratio:3/2}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ho-underplanting-cross-sell.css.map */
