:where(roofing-calculator){--rc-haymes-navy: #021d49;--rc-haymes-navy-500: #1f4079;--rc-haymes-navy-50: #f4f6fb;--rc-ink: #021d49;--rc-ink-2: #2c3552;--rc-ink-3: #6b7186;--rc-ink-4: #9aa0b0;--rc-paper: #fff;--rc-paper-cool: #eef1f5;--rc-line-cool: #dde1e8;--rc-border-strong-cool: #c4c9d3;--rc-danger: #b23a2a;--rc-font-sans: Muller, -apple-system, "Helvetica Neue", Arial, sans-serif;--rc-font-display: var(--rc-font-sans);--rc-base-size: 1rem;--rc-fs-h2: calc(var(--rc-base-size) * 1.625);--rc-fs-h3: calc(var(--rc-base-size) * 1.25);--rc-fs-h4: calc(var(--rc-base-size) * 1.0625);--rc-fs-body: var(--rc-base-size);--rc-fs-body-sm: calc(var(--rc-base-size) * .9375);--rc-fs-meta: calc(var(--rc-base-size) * .8125);--rc-fs-eyebrow: calc(var(--rc-base-size) * .75);--rc-fw-regular: 400;--rc-fw-medium: 500;--rc-fw-bold: 700;--rc-lh-body: 1.55;--rc-lh-snug: 1.35;--rc-tr-tight: -.01em;--rc-tr-eyebrow: .14em;--rc-space-2: 8px;--rc-space-3: 12px;--rc-space-4: 16px;--rc-space-5: 24px;--rc-space-6: 32px;--rc-radius: 4px;--rc-radius-md: 6px;--rc-radius-pill: 999px;--rc-dur: .22s;--rc-dur-fast: .14s;--rc-ease-out: cubic-bezier(.22, 1, .36, 1);--rc-max-width: 840px;font-family:var(--rc-font-sans);font-size:var(--rc-fs-body);line-height:var(--rc-lh-body);color:var(--rc-ink);-webkit-font-smoothing:antialiased;display:block}.rc-root{max-width:var(--rc-max-width);margin:0 auto}roofing-calculator *,roofing-calculator :before,roofing-calculator :after{box-sizing:border-box}roofing-calculator button,roofing-calculator input{font:inherit;letter-spacing:inherit;text-transform:none}roofing-calculator a{text-decoration:none}roofing-calculator p,roofing-calculator dl,roofing-calculator dd,roofing-calculator ol,roofing-calculator ul{margin:0}roofing-calculator ol,roofing-calculator ul{padding:0;list-style:none}.rc-eyebrow{font-size:var(--rc-fs-eyebrow);font-weight:var(--rc-fw-medium);letter-spacing:var(--rc-tr-eyebrow);text-transform:uppercase;color:var(--rc-ink-2);margin:0}.rc-root h2{color:var(--rc-ink);font:var(--rc-fw-bold) var(--rc-fs-h2) / var(--rc-lh-snug) var(--rc-font-display);letter-spacing:var(--rc-tr-tight);margin:0 0 var(--rc-space-3)}.rc-root h3{color:var(--rc-ink);font:var(--rc-fw-medium) var(--rc-fs-h3) / var(--rc-lh-snug) var(--rc-font-sans);margin:0 0 var(--rc-space-3)}.rc-header{justify-content:space-between;align-items:center;gap:var(--rc-space-4);margin-bottom:var(--rc-space-6);padding-bottom:var(--rc-space-4);border-bottom:1px solid var(--rc-line-cool);display:flex}.rc-progress{gap:6px;margin:0;padding:0;list-style:none;display:flex}.rc-progress li{background:var(--rc-line-cool);border-radius:var(--rc-radius-pill);width:28px;height:3px}.rc-progress li.rc-is-current,.rc-progress li.rc-is-done{background:var(--rc-haymes-navy)}.rc-step{min-height:calc(var(--rc-base-size) * 12)}.rc-lede{margin:0 0 var(--rc-space-5);max-width:calc(var(--rc-base-size) * 38);color:var(--rc-ink-2)}fieldset.rc-pills,fieldset.rc-choice-list{border:0;min-inline-size:0;margin:0;padding:0}fieldset.rc-pills{margin-bottom:var(--rc-space-5)}.rc-pills{gap:var(--rc-space-2);margin-bottom:var(--rc-space-5);flex-wrap:wrap;display:flex}.rc-pills-compact{margin:0 0 var(--rc-space-3)}.rc-pill{font:var(--rc-fw-medium) var(--rc-fs-meta) / 1 var(--rc-font-sans);border-radius:var(--rc-radius-pill);background:var(--rc-paper);color:var(--rc-haymes-navy);border:1px solid var(--rc-line-cool);cursor:pointer;transition:background var(--rc-dur) var(--rc-ease-out),color var(--rc-dur) var(--rc-ease-out),border-color var(--rc-dur) var(--rc-ease-out);padding:10px 18px}.rc-pill:hover{background:var(--rc-paper-cool)}.rc-pill.rc-is-active{background:var(--rc-haymes-navy);color:#fff;border-color:var(--rc-haymes-navy)}.rc-field{margin-bottom:var(--rc-space-4)}.rc-field-grid{gap:var(--rc-space-4);display:grid}.rc-label{font:var(--rc-fw-medium) var(--rc-fs-eyebrow) / 1 var(--rc-font-sans);letter-spacing:var(--rc-tr-eyebrow);text-transform:uppercase;color:var(--rc-ink-2);margin-bottom:6px;display:block}.rc-input-wrap{position:relative}.rc-input{width:100%;font:var(--rc-fw-regular) 15px / 1.4 var(--rc-font-sans);border:1px solid var(--rc-line-cool);border-radius:var(--rc-radius);color:var(--rc-ink);background:#fff;padding:12px 52px 12px 14px}.rc-input::placeholder{color:var(--rc-ink-4)}.rc-input:focus{border-color:var(--rc-haymes-navy);outline:none;box-shadow:0 0 0 2px #021d491a}.rc-input.rc-is-invalid{border-color:var(--rc-danger)}.rc-input.rc-is-invalid:focus{box-shadow:0 0 0 2px #b23a2a1f}.rc-suffix{color:var(--rc-ink-3);font-size:var(--rc-fs-meta);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.rc-hint{font-size:var(--rc-fs-meta);line-height:var(--rc-lh-snug);color:var(--rc-ink-3);margin:8px 0 0}.rc-area-guide{margin:0 0 var(--rc-space-6);max-width:calc(var(--rc-base-size) * 38)}.rc-error{font-size:var(--rc-fs-meta);line-height:var(--rc-lh-snug);color:var(--rc-danger);margin:8px 0 0}.rc-choice-list{gap:var(--rc-space-3);flex-direction:column;display:flex}.rc-choice{align-items:flex-start;gap:var(--rc-space-3);text-align:left;border:1px solid var(--rc-line-cool);border-radius:var(--rc-radius-md);cursor:pointer;width:100%;color:inherit;transition:border-color var(--rc-dur) var(--rc-ease-out),background var(--rc-dur) var(--rc-ease-out);background:#fff;padding:18px 20px;display:flex}.rc-choice:hover{background:var(--rc-paper-cool)}.rc-choice:has(input:focus-visible){outline:2px solid var(--rc-haymes-navy);outline-offset:2px}.rc-choice.rc-is-selected{border-color:var(--rc-haymes-navy);background:var(--rc-haymes-navy-50)}.rc-choice-marker{border:1.5px solid var(--rc-border-strong-cool);background:#fff;border-radius:50%;flex:none;width:16px;height:16px;margin-top:3px}.rc-choice.rc-is-selected .rc-choice-marker{border-color:var(--rc-haymes-navy);box-shadow:inset 0 0 0 4px var(--rc-haymes-navy)}.rc-choice-copy{flex-direction:column;gap:6px;display:flex}.rc-choice-title{font:var(--rc-fw-bold) var(--rc-fs-h4) / var(--rc-lh-snug) var(--rc-font-display)}.rc-choice-desc{font:var(--rc-fw-regular) var(--rc-fs-body-sm) / var(--rc-lh-body) var(--rc-font-sans);color:var(--rc-ink-2)}.rc-nav{justify-content:space-between;align-items:center;gap:var(--rc-space-4);margin-top:var(--rc-space-6);padding-top:var(--rc-space-5);border-top:1px solid var(--rc-line-cool);display:flex}.rc-btn{font:var(--rc-fw-medium) 14px / 1 var(--rc-font-sans);letter-spacing:.02em;border-radius:var(--rc-radius);cursor:pointer;transition:background var(--rc-dur) var(--rc-ease-out),color var(--rc-dur) var(--rc-ease-out),border-color var(--rc-dur) var(--rc-ease-out),transform var(--rc-dur-fast) var(--rc-ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:14px 26px;display:inline-flex}.rc-btn:active{transform:scale(.98)}.rc-btn-primary{background:var(--rc-haymes-navy);color:#fff;text-decoration:none}.rc-btn-primary:hover{background:var(--rc-haymes-navy-500);color:#fff;text-decoration:none}.rc-btn-outline{color:var(--rc-haymes-navy);border-color:var(--rc-haymes-navy);background:none}.rc-btn-outline:hover{background:var(--rc-haymes-navy);color:#fff}.rc-btn-ghost{color:var(--rc-haymes-navy);border-bottom:1px solid var(--rc-haymes-navy);background:none;border-radius:0;padding:6px 0}.rc-btn-ghost:hover{color:var(--rc-haymes-navy-500)}.rc-btn-back{color:var(--rc-haymes-navy);border-color:var(--rc-border-strong-cool);background:#fff;padding:12px 20px 12px 14px}.rc-btn-back:hover{background:var(--rc-paper-cool);border-color:var(--rc-haymes-navy)}.rc-btn-sm{font-size:var(--rc-fs-meta);white-space:nowrap;padding:10px 16px}.rc-results-head{gap:var(--rc-space-4);margin-bottom:var(--rc-space-5);flex-direction:column;display:flex}.rc-results-head .rc-lede{margin-bottom:0}.rc-export{white-space:nowrap}.rc-summary{gap:var(--rc-space-4);margin:0 0 var(--rc-space-6);padding:var(--rc-space-5);background:var(--rc-paper-cool);border-radius:var(--rc-radius);display:grid}.rc-summary div{margin:0}.rc-summary dt{font:var(--rc-fw-medium) var(--rc-fs-eyebrow) / 1 var(--rc-font-sans);letter-spacing:var(--rc-tr-eyebrow);text-transform:uppercase;color:var(--rc-ink-3);margin-bottom:6px}.rc-summary dd{font:var(--rc-fw-medium) var(--rc-fs-h4) / var(--rc-lh-snug) var(--rc-font-sans);margin:0}.rc-coats{gap:var(--rc-space-4);margin:0 0 var(--rc-space-6);counter-reset:coat;flex-direction:column;padding:0;list-style:none;display:flex}.rc-coat{border:1px solid var(--rc-line-cool);border-radius:var(--rc-radius-md);background:#fff}.rc-coat-body{padding:20px 22px 24px}.rc-coat-body>.rc-eyebrow{margin-bottom:var(--rc-space-4)}.rc-options{padding-top:var(--rc-space-2);flex-direction:column;display:flex}.rc-or{align-items:center;gap:var(--rc-space-3);margin:var(--rc-space-3) 0;display:flex}.rc-or:before,.rc-or:after{content:"";background:var(--rc-line-cool);flex:1;height:1px}.rc-or span{font:var(--rc-fw-medium) var(--rc-fs-eyebrow) / 1 var(--rc-font-sans);letter-spacing:var(--rc-tr-eyebrow);text-transform:uppercase;color:var(--rc-ink-2);border:1px solid var(--rc-line-cool);border-radius:var(--rc-radius-pill);background:#fff;padding:6px 12px}.rc-product{container-type:inline-size}.rc-product-layout{align-items:center;gap:var(--rc-space-3) var(--rc-space-4);grid-template-columns:72px minmax(0,1fr);grid-template-areas:"image info" "actions actions";display:grid}.rc-options .rc-product-layout{grid-template-rows:1fr auto;align-items:start;height:100%}.rc-options .rc-product-actions{align-self:end}@container (width <= 359px){.rc-product-layout{grid-template-columns:56px minmax(0,1fr)}.rc-product h3{font-size:var(--rc-fs-h4)}}.rc-options .rc-product{min-width:0;padding:var(--rc-space-5) var(--rc-space-4) var(--rc-space-4);border:1px solid var(--rc-line-cool);border-radius:var(--rc-radius-md);transition:border-color var(--rc-dur) var(--rc-ease-out),background var(--rc-dur) var(--rc-ease-out);background:#fff;flex:1 1 0;position:relative}.rc-product.rc-is-selectable{cursor:pointer}.rc-product.rc-is-selectable:hover{border-color:var(--rc-border-strong-cool);background:var(--rc-paper-cool)}.rc-product.rc-is-selectable:has(input:focus-visible){outline:2px solid var(--rc-haymes-navy);outline-offset:2px}.rc-options .rc-product.rc-is-selected,.rc-options .rc-product.rc-is-selected:hover{border-color:var(--rc-haymes-navy);background:var(--rc-haymes-navy-50)}.rc-product-marker{top:var(--rc-space-4);right:var(--rc-space-4);margin:0;position:absolute}.rc-product.rc-is-selected .rc-product-marker{border-color:var(--rc-haymes-navy);box-shadow:inset 0 0 0 4px var(--rc-haymes-navy)}.rc-product.rc-is-selectable .rc-product-info{padding-right:var(--rc-space-6)}.rc-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rc-product-image{aspect-ratio:1;border-radius:var(--rc-radius);background:var(--rc-paper-cool);grid-area:image;width:100%;display:block;overflow:hidden}.rc-product-image img{object-fit:contain;width:100%;height:100%;transition:transform var(--rc-dur) var(--rc-ease-out);display:block}a.rc-product-image:hover img{transform:scale(1.05)}.rc-product-info{flex-direction:column;grid-area:info;align-items:flex-start;gap:6px;min-width:0;display:flex}.rc-product h3{margin:0}.rc-product h3 a{color:inherit;text-decoration:none}.rc-product h3 a:hover{text-decoration:underline}.rc-product-actions{grid-area:actions}.rc-product-actions .rc-btn{width:100%}.rc-product-unavailable{border-radius:var(--rc-radius);background:var(--rc-paper-cool);color:var(--rc-ink-3);font:var(--rc-fw-medium) 13px / 1.2 var(--rc-font-sans);text-align:center;grid-area:actions;margin:0;padding:10px 16px}.rc-badge{top:0;left:var(--rc-space-4);font:var(--rc-fw-medium) 11px / 1 var(--rc-font-sans);letter-spacing:var(--rc-tr-eyebrow);text-transform:uppercase;color:#fff;background:var(--rc-haymes-navy);border-radius:var(--rc-radius-pill);padding:5px 8px;position:absolute;transform:translateY(-50%)}.rc-qty{gap:var(--rc-space-4);margin:var(--rc-space-5) 0 var(--rc-space-4);padding-top:var(--rc-space-4);border-top:1px solid var(--rc-line-cool);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rc-qty dt{font:var(--rc-fw-medium) var(--rc-fs-eyebrow) / 1 var(--rc-font-sans);letter-spacing:var(--rc-tr-eyebrow);text-transform:uppercase;color:var(--rc-ink-3);margin-bottom:6px}.rc-qty dd{font:var(--rc-fw-bold) var(--rc-fs-h4) / var(--rc-lh-snug) var(--rc-font-display);margin:0}.rc-pds{font-size:var(--rc-fs-meta);line-height:var(--rc-lh-snug);color:var(--rc-ink-3);margin:0}.rc-product-link{white-space:nowrap;font:var(--rc-fw-medium) 13px / 1.2 var(--rc-font-sans);color:var(--rc-ink-2);border-bottom:1px solid var(--rc-line-cool)}.rc-product-link:hover{color:var(--rc-haymes-navy);border-bottom-color:var(--rc-haymes-navy)}.rc-dialog{border-radius:var(--rc-radius-md);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--rc-ink);background:#fff;border:0;padding:0;box-shadow:0 24px 64px #021d493d}.rc-dialog::backdrop{background:#021d4973}.rc-dialog-body{padding:var(--rc-space-6) var(--rc-space-5) var(--rc-space-5);font-family:var(--rc-font-sans);position:relative}.rc-dialog h2{font:var(--rc-fw-bold) var(--rc-fs-h3) / var(--rc-lh-snug) var(--rc-font-display);margin:0 var(--rc-space-6) var(--rc-space-4) 0}.rc-dialog-close{top:var(--rc-space-3);right:var(--rc-space-3);width:36px;height:36px;color:var(--rc-ink-3);cursor:pointer;background:none;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.rc-dialog-close:hover{background:var(--rc-paper-cool);color:var(--rc-ink)}.rc-dialog-list{margin:0 0 var(--rc-space-5);padding:var(--rc-space-3) var(--rc-space-4);border-radius:var(--rc-radius);background:var(--rc-paper-cool);list-style:none}.rc-dialog-list li{justify-content:space-between;gap:var(--rc-space-4);font-weight:var(--rc-fw-medium);padding:6px 0;display:flex}.rc-dialog-list li span:last-child{white-space:nowrap;flex:none}.rc-dialog-list li+li{border-top:1px solid var(--rc-line-cool)}.rc-dialog-actions{align-items:center;gap:var(--rc-space-4);flex-direction:column;display:flex}.rc-dialog-actions .rc-btn-primary{width:100%}.rc-cart-all{justify-content:space-between;align-items:center;gap:var(--rc-space-4);margin:0 0 var(--rc-space-6);border:1px solid var(--rc-haymes-navy);border-radius:var(--rc-radius-md);flex-wrap:wrap;padding:20px 22px;display:flex}.rc-cart-all p{flex-direction:column;gap:4px;margin:0;display:flex}.rc-cart-all span{font-size:var(--rc-fs-meta);color:var(--rc-ink-3)}.rc-disclaimer{padding:var(--rc-space-5);background:var(--rc-paper-cool);border-radius:var(--rc-radius)}.rc-disclaimer p{margin:var(--rc-space-3) 0 0;font-size:var(--rc-fs-body-sm);color:var(--rc-ink-2)}.rc-result-actions{justify-content:space-between;align-items:center;gap:var(--rc-space-4);margin-top:var(--rc-space-6);display:flex}@media(max-width:639px){.rc-qty{gap:var(--rc-space-3);grid-template-columns:minmax(0,1fr)}.rc-qty div{justify-content:space-between;align-items:baseline;gap:var(--rc-space-4);display:flex}.rc-qty dt{margin:0}.rc-qty dd{text-align:right}.rc-export,.rc-cart-all .rc-btn{width:100%}}@media(min-width:640px){.rc-field-grid,.rc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-qty{grid-template-columns:repeat(4,minmax(0,1fr))}.rc-results-head{flex-direction:row;justify-content:space-between;align-items:flex-start}.rc-options{flex-direction:row}.rc-or{margin:0 var(--rc-space-3);flex-direction:column}.rc-or:before,.rc-or:after{width:1px;height:auto}}@media print{@page{size:A4;margin:10mm}body:has(roofing-calculator) :not(roofing-calculator,roofing-calculator *):not(:has(roofing-calculator)){display:none!important}roofing-calculator{background:#fff}.rc-root{max-width:none}.rc-step{min-height:0}.rc-results h2{margin:0 0 4px;font-size:16px}.rc-lede,.rc-hint,.rc-no-print,.rc-nav,.rc-result-actions,.rc-pills,.rc-product-actions{display:none!important}.rc-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:0 0 10px;padding:10px 12px}.rc-summary dt{margin-bottom:2px}.rc-summary dd{font-size:13px}.rc-coats{gap:8px;margin:0 0 10px}.rc-coat{break-inside:avoid;display:block}.rc-coat-body{padding:8px 12px}.rc-coat-body .rc-eyebrow{margin:0 0 2px}.rc-coat-body h3{margin:0 0 6px;font-size:14px}.rc-qty{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 12px;margin:6px 0;padding-top:6px}.rc-qty dt{margin-bottom:2px}.rc-qty dd{font-size:13px}.rc-results-head{margin-bottom:6px}.rc-options .rc-product,.rc-options .rc-product.rc-is-selected{border-color:var(--rc-line-cool);background:#fff;padding:6px 8px}.rc-product-layout{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"image info";gap:4px 8px}.rc-product h3{margin:0}.rc-product-image{width:32px}.rc-or{margin:0 8px}.rc-badge{padding:3px 5px;font-size:8px}.rc-pds{margin:0;font-size:10px;line-height:1.35}.rc-disclaimer{break-inside:avoid;padding:8px 12px}.rc-disclaimer p{margin:4px 0 0;font-size:10px;line-height:1.35}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/roofing-calculator.css.map */