.nb-roofload-finder{display:block}.nb-rf{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding:0 var(--space-outer)}.nb-rf__card{display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.nb-rf__head{display:flex;flex-direction:column;gap:12px}.nb-rf__heading{margin:0;font-family:Graphie,sans-serif;font-size:32px;font-weight:600;line-height:1.1;letter-spacing:-.64px;color:#2a2a28}.nb-rf__subtext{margin:0;font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:normal;color:#2a2a28}.nb-rf__panel,.nb-rf .nb-rf__filter{display:flex;flex-direction:column;gap:20px}.nb-rf .nb-rf__fields{display:flex;flex-direction:column;gap:12px}.nb-rf .roofload-filter__content--item{margin-bottom:0;min-width:0}.nb-rf .roofload-filter__select{gap:12px;padding:12px 24px 12px 20px;border-radius:12px;min-width:0}.nb-rf .roofload-filter__select--label{font-family:Graphie,sans-serif;font-weight:600;font-size:2rem;line-height:1.1;letter-spacing:-.04rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-rf__field--model{min-width:0;cursor:pointer}.nb-rf .nb-rf__cta{margin-top:0;padding:17px 24px;gap:24px}.nb-rf .nb-rf__cta .button-text{font-size:1.8rem}.nb-rf .nb-rf__cta .button-icon{right:24px;width:2.4rem;height:2.4rem}.nb-rf__footnote{margin:0;font-family:Open Sans,sans-serif;font-size:10px;font-weight:400;line-height:normal;color:#3e3e3d}@media(min-width:750px){.nb-rf__card{flex-direction:row;align-items:flex-start;gap:64px;background:#fff;border:1px solid #ebebeb;border-radius:24px;padding:48px}.nb-rf__head{flex-shrink:0;width:420px;max-width:40%;gap:16px}.nb-rf__heading{font-size:48px;letter-spacing:-.96px}.nb-rf__subtext{font-size:16px}.nb-rf__panel{flex:1 1 0;min-width:0}.nb-rf .nb-rf__fields{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:16px}.nb-rf .nb-rf__fields>.nb-rf__field,.nb-rf .nb-rf__fields>.roofload-filter__content--item{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px)}.nb-rf .roofload-filter__select{padding:18px 24px;border-radius:14px}.nb-rf .roofload-filter__select--label{font-size:2.4rem;letter-spacing:-.048rem}.nb-rf .nb-rf__cta{padding:20px 28px}.nb-rf .nb-rf__cta .button-text{font-size:2rem}.nb-rf .nb-rf__cta .button-icon{right:28px;width:2.88rem;height:2.88rem}.nb-rf__footnote{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/288/assets/nb-roofload-finder.css.map */