html.ho-hs-open{overflow:hidden}ho-spacing-calculator{--hs-green:#71a62e;--hs-brown:#7c613e;--hs-text:#494d41;--hs-cream:#f7f3ea;--hs-line:#ddd;display:inline-block;font-family:inherit;color:var(--hs-text)}ho-spacing-calculator *{box-sizing:border-box}#site-main [id^=shopify-section-]:has(ho-variant-picker):not(.ho-vp-dropdown-active) .ho-vp-overview-action:has(ho-spacing-calculator){display:flex!important;align-items:center;flex-wrap:wrap;gap:12px}#site-main .ho-vp-overview-action>ho-spacing-calculator{display:flex;align-items:center;align-self:center;margin:0;padding:0;vertical-align:middle;line-height:1}#site-main .ho-vp-overview-action:has(ho-spacing-calculator)>.ho-vp-jump,#site-main .ho-vp-overview-action ho-spacing-calculator [data-hs-open]{height:48px;min-height:48px;margin:0;box-sizing:border-box;vertical-align:middle}#site-main [id^=shopify-section-]:has(ho-spacing-calculator) ho-variant-picker .ho-vp-form{column-gap:24px;row-gap:14px;align-items:start}#site-main [id^=shopify-section-]:has(ho-spacing-calculator) ho-variant-picker .ho-vp__estimate{align-self:start;padding-top:1px}#site-main [id^=shopify-section-]:has(ho-spacing-calculator) ho-variant-picker .ho-vp__current-price{font-size:26px;line-height:1.2}#site-main [id^=shopify-section-]:has(ho-spacing-calculator) ho-variant-picker .ho-vp__total-line{gap:7px;margin-top:7px;line-height:1.4}#site-main [id^=shopify-section-]:has(ho-spacing-calculator) ho-variant-picker .ho-vp__total-line strong{font-size:22px;line-height:1.25}#site-main [id^=shopify-section-]:has(ho-spacing-calculator) ho-variant-picker .ho-vp__add{align-self:end}@container (max-width:650px){#site-main [id^=shopify-section-]:has(ho-spacing-calculator) ho-variant-picker .ho-vp-form{column-gap:16px}}.ho-vp-overview-action:has(ho-spacing-calculator){display:flex!important;align-items:center;flex-wrap:wrap;gap:12px}.ho-vp-overview-action:has(ho-spacing-calculator)>.ho-vp-jump{width:auto!important;margin:0}ho-spacing-calculator [data-hs-open]{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;margin:0;padding:12px 20px;border:1px solid var(--hs-brown);border-radius:3px;background:var(--hs-brown);color:#fff;font:inherit;font-size:16px;font-weight:700;line-height:1.25;cursor:pointer;text-align:center;text-decoration:none;box-shadow:none}ho-spacing-calculator [data-hs-open]:hover{background:#725939;border-color:#725939;color:#fff}ho-spacing-calculator [data-hs-open]>svg{display:block;width:20px;height:20px;flex:0 0 20px}ho-spacing-calculator .ho-hs__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(640px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);height:fit-content;margin:auto;padding:0;border:1px solid var(--hs-line);border-top:4px solid var(--hs-green);border-radius:8px;overflow:hidden;color:var(--hs-text);background:#fff;box-shadow:0 24px 90px #182b1740;font-family:inherit;font-size:14px;line-height:1.6;text-align:left}ho-spacing-calculator .ho-hs__dialog[open]{display:flex;flex-direction:column}ho-spacing-calculator .ho-hs__dialog::backdrop{background:#232b1f6e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}ho-spacing-calculator .ho-hs__dialog [hidden]{display:none!important}ho-spacing-calculator .ho-hs__header{display:flex;align-items:center;gap:13px;padding:14px 22px;border-bottom:1px solid var(--hs-line);flex:0 0 auto}ho-spacing-calculator .ho-hs__header-icon{display:block;width:38px;height:38px;object-fit:contain;flex:0 0 38px}ho-spacing-calculator .ho-hs__eyebrow{margin:0 0 3px;font-size:8px;font-weight:700;letter-spacing:1.2px;line-height:1.4}ho-spacing-calculator .ho-hs__header h2{font:inherit;font-size:23px;font-weight:700;letter-spacing:-.7px;line-height:1.35;color:var(--hs-text);margin:0}ho-spacing-calculator button{font-family:inherit;cursor:pointer;text-transform:none;letter-spacing:normal}ho-spacing-calculator button:disabled{cursor:not-allowed}ho-spacing-calculator .ho-hs__close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin-left:auto;padding:0;border:0;border-radius:50%;background:#fff;color:var(--hs-text);font-size:25px;line-height:1}ho-spacing-calculator .ho-hs__close:hover{background:var(--hs-cream)}ho-spacing-calculator .ho-hs__body{padding:15px 22px 17px;overflow:auto;overscroll-behavior:contain;min-height:0}ho-spacing-calculator .ho-hs__product{margin:0 0 12px;color:var(--hs-text);font-size:11px;font-weight:700;line-height:1.5}ho-spacing-calculator .ho-hs__step{border:0;border-bottom:1px solid var(--hs-line);padding:0 0 12px;margin:0 0 12px;min-width:0}ho-spacing-calculator .ho-hs__step:last-child{border-bottom:0;margin:0;padding:0}ho-spacing-calculator .ho-hs__step-heading{display:flex;align-items:center;gap:9px;margin:0 0 10px;min-height:26px}ho-spacing-calculator .ho-hs__step-heading h3,ho-spacing-calculator .ho-hs__step-heading label{font:inherit;font-size:13px;font-weight:700;line-height:1.4;margin:0;color:var(--hs-text)}ho-spacing-calculator .ho-hs__step-number{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border:1px solid var(--hs-green);border-radius:50%;font-size:10px;font-weight:700;background:#fff}ho-spacing-calculator .ho-hs__required{margin-left:auto;padding:2px 6px;border-radius:3px;background:var(--hs-cream);font-size:9px;font-weight:400}ho-spacing-calculator .ho-hs__edit{margin-left:auto;border:1px solid #ccc;border-radius:3px;background:#fff;color:var(--hs-text);padding:4px 9px;font-size:11px;line-height:1.4}ho-spacing-calculator .ho-hs__field-label{margin:10px 0 6px;font-size:11px;font-weight:700;line-height:1.4}ho-spacing-calculator .ho-hs__root-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}ho-spacing-calculator .ho-hs__size-options{display:flex;flex-wrap:wrap;gap:7px;max-height:126px;overflow:auto;padding:1px 1px 3px}ho-spacing-calculator .ho-hs__choice{position:relative;border:1px solid #d8ddd3;background:#fff;color:var(--hs-text);border-radius:3px;margin:0;padding:6px 11px;font-size:11px;line-height:1.5;min-height:34px;box-shadow:none}ho-spacing-calculator .ho-hs__root{display:flex;align-items:center;justify-content:center;gap:10px;min-height:72px;padding:9px 8px;font-size:12px;font-weight:700}ho-spacing-calculator .ho-hs__root img{width:40px;height:40px;object-fit:contain;flex:0 0 40px}ho-spacing-calculator .ho-hs__root-choice{position:relative;min-width:0;display:grid}ho-spacing-calculator .ho-hs__root-choice>.ho-hs__root{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;width:100%;height:100%;padding:12px 10px;text-align:center}ho-spacing-calculator .ho-hs__root-help{position:absolute;left:36px;top:36px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;color:#fff;cursor:help}ho-spacing-calculator .ho-hs__root-help>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#71a62e;color:#fff;font-size:14px;font-weight:800;line-height:1}ho-spacing-calculator .ho-hs__root-help:hover>span,ho-spacing-calculator .ho-hs__root-help[aria-expanded=true]>span{background:#5eb4e3}ho-spacing-calculator .ho-hs__root-tip{position:fixed;z-index:3;display:grid;gap:5px;width:260px;max-width:calc(100vw - 52px);padding:14px 16px;border:0;border-radius:7px;background:#fff;color:#233023;box-shadow:0 3px 18px #c5ccbf;font:inherit;font-size:14px;line-height:1.5;text-align:left}ho-spacing-calculator .ho-hs__root-tip strong{font-size:15px;line-height:1.3;color:#244f1e}@media(max-width:620px){ho-spacing-calculator .ho-hs__root-choice>.ho-hs__root{grid-template-columns:1fr;justify-items:center;gap:4px;padding:8px 4px}ho-spacing-calculator .ho-hs__root-help{left:calc(50% + 4px);top:28px}}ho-spacing-calculator .ho-hs__choice:hover:not(:disabled),ho-spacing-calculator .ho-hs__density:hover:not(:disabled){background:var(--hs-cream);border-color:var(--hs-green)}ho-spacing-calculator .ho-hs__choice[aria-pressed=true],ho-spacing-calculator .ho-hs__density[aria-pressed=true]{border-color:var(--hs-green);box-shadow:inset 0 0 0 1px var(--hs-green);background:var(--hs-cream)}ho-spacing-calculator .ho-hs__root[aria-pressed=true]:after{content:"\2713";position:absolute;right:6px;top:3px;font-size:11px;font-weight:700}ho-spacing-calculator .ho-hs__summary{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 11px;border:1px solid var(--hs-line);border-left:3px solid var(--hs-green);border-radius:3px;font-size:11px}ho-spacing-calculator .ho-hs__summary span{font-size:10px;white-space:normal;max-width:65%;line-height:1.5}ho-spacing-calculator .ho-hs__choice:disabled{opacity:.45}ho-spacing-calculator .ho-hs__help,ho-spacing-calculator .ho-hs__note,ho-spacing-calculator .ho-hs__caption{font-size:10px;line-height:1.6;margin:7px 0 0;color:var(--hs-text)}ho-spacing-calculator .ho-hs__confirm,ho-spacing-calculator .ho-hs__apply{border:1px solid var(--hs-green);border-radius:3px;background:var(--hs-green);color:#fff;font-size:12px;font-weight:700;line-height:1.4;box-shadow:none;min-height:40px;padding:10px 16px}ho-spacing-calculator .ho-hs__confirm{margin-top:12px}ho-spacing-calculator .ho-hs__confirm:hover:not(:disabled),ho-spacing-calculator .ho-hs__apply:hover:not(:disabled){background:#68992a;border-color:#68992a}ho-spacing-calculator .ho-hs__apply{min-height:48px;font-size:14px;padding:12px 20px;min-width:154px}ho-spacing-calculator .ho-hs__confirm:disabled,ho-spacing-calculator .ho-hs__apply:disabled{background:#e9eae6;border-color:#e9eae6;color:#767676;opacity:1}ho-spacing-calculator .ho-hs__length-line{display:flex;align-items:center;justify-content:space-between;gap:12px}ho-spacing-calculator .ho-hs__length-line .ho-hs__step-heading{margin:0}ho-spacing-calculator .ho-hs__unit-input{position:relative;width:134px;flex:0 0 134px}ho-spacing-calculator .ho-hs__unit-input input{width:100%;height:40px;border:1px solid #ccc;border-radius:3px;padding:0 34px 0 12px;background:#fff;color:var(--hs-text);font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;box-shadow:none;text-align:left}ho-spacing-calculator .ho-hs__unit-input>span{position:absolute;right:13px;top:10px;font-size:12px;pointer-events:none}ho-spacing-calculator .ho-hs__density-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}ho-spacing-calculator .ho-hs__density{position:relative;min-width:0;border:1px solid #d8ddd3;border-radius:3px;margin:0;padding:8px 6px;background:#fff;color:var(--hs-text);text-align:center;line-height:1.5;box-shadow:none}ho-spacing-calculator .ho-hs__density .ho-hs__icon{display:block;width:40px;height:40px;margin:0 auto 5px}ho-spacing-calculator .ho-hs__icon svg{display:block;width:100%;height:100%}ho-spacing-calculator .ho-hs__density strong{display:block;font-size:12px;font-weight:700}ho-spacing-calculator .ho-hs__density>span:not(.ho-hs__icon){display:block;font-size:10px;margin-top:3px}ho-spacing-calculator .ho-hs__density>span.ho-hs__benefit{font-size:10px;line-height:1.4;margin-top:5px;min-height:28px;display:flex;align-items:center;justify-content:center}ho-spacing-calculator .ho-hs__density[aria-pressed=true]:after{content:"\2713";display:grid;place-items:center;position:absolute;top:7px;right:7px;width:17px;height:17px;border-radius:50%;background:var(--hs-green);color:#fff;font-size:11px;font-weight:700;line-height:1}ho-spacing-calculator .ho-hs__illustration{margin-top:12px;padding:8px 12px 6px;border:1px solid var(--hs-line);border-radius:3px;background:#fff}ho-spacing-calculator .ho-hs__visual-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;line-height:1.5}ho-spacing-calculator .ho-hs__visual-heading strong{font-size:11px;font-weight:700}ho-spacing-calculator [data-hs-diagram] svg{display:block;width:100%;height:94px;font-family:inherit}ho-spacing-calculator .ho-hs__caption{text-align:center;margin-top:0}ho-spacing-calculator .ho-hs__placeholder{display:grid;place-items:center;min-height:88px;font-size:10px;line-height:1.5;text-align:center;color:#767676}ho-spacing-calculator .ho-hs__step:disabled .ho-hs__step-number{background:#f5f5f5;border-color:#ddd;color:#767676}ho-spacing-calculator .ho-hs__step:disabled .ho-hs__step-heading *,ho-spacing-calculator .ho-hs__step:disabled .ho-hs__unit-input{color:#767676}ho-spacing-calculator .ho-hs__step:disabled .ho-hs__unit-input input{background:#f5f5f5}ho-spacing-calculator .ho-hs__step:disabled .ho-hs__density,ho-spacing-calculator .ho-hs__step:disabled .ho-hs__illustration{opacity:.5}ho-spacing-calculator .ho-hs__error{font-size:10px;line-height:1.5;color:#8b3628;margin:8px 0 0}ho-spacing-calculator .ho-hs__footer{padding:14px 22px 16px;background:var(--hs-cream);border-top:1px solid var(--hs-line);flex:0 0 auto}ho-spacing-calculator .ho-hs__footer-line{display:flex;align-items:center;justify-content:space-between;gap:14px}ho-spacing-calculator .ho-hs__total-label{font-size:10px;line-height:1.4;margin-bottom:2px}ho-spacing-calculator .ho-hs__total{font-size:29px;line-height:1.15;font-weight:700;letter-spacing:-1px}ho-spacing-calculator .ho-hs__total small{font-size:12px;font-weight:400;letter-spacing:normal}ho-spacing-calculator button:focus-visible,ho-spacing-calculator input:focus-visible{outline:2px solid var(--hs-green);outline-offset:3px}.ho-hs__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){ho-spacing-calculator .ho-hs__header{padding:13px 16px}ho-spacing-calculator .ho-hs__header h2{font-size:22px}ho-spacing-calculator .ho-hs__body{padding:14px 16px 17px}ho-spacing-calculator .ho-hs__footer{padding:13px 16px 16px}ho-spacing-calculator .ho-hs__step-heading h3,ho-spacing-calculator .ho-hs__step-heading label{font-size:12px}ho-spacing-calculator .ho-hs__root{min-height:85px;flex-direction:column;gap:4px;padding:8px 4px;font-size:11px}ho-spacing-calculator .ho-hs__root img{width:38px;height:38px;flex-basis:38px}ho-spacing-calculator .ho-hs__size{font-size:10px;padding:6px 10px}ho-spacing-calculator .ho-hs__summary{display:block}ho-spacing-calculator .ho-hs__summary span{display:block;margin-top:3px}ho-spacing-calculator .ho-hs__unit-input{width:104px;flex-basis:104px}ho-spacing-calculator .ho-hs__density-options{gap:7px}ho-spacing-calculator .ho-hs__density strong{font-size:11px}ho-spacing-calculator .ho-hs__density>span:not(.ho-hs__icon){font-size:9px}ho-spacing-calculator .ho-hs__apply{font-size:12px;min-width:139px;padding:10px 13px}ho-spacing-calculator .ho-hs__illustration{padding:8px 9px 6px}}@media(max-width:620px){ho-spacing-calculator .ho-hs__summary span{max-width:none}ho-spacing-calculator .ho-hs__total small{display:block;margin-top:3px;white-space:nowrap;font-size:11px;line-height:1.25}}@media(max-width:360px){ho-spacing-calculator .ho-hs__header h2{font-size:20px}}ho-spacing-calculator:has([data-hs-size-editor][hidden]) [data-hs-required]{display:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ho-spacing-calculator.css.map */