@font-face{font-family:OE Heating IBM Plex Sans;src:url(oe-article-ibm-plex-sans-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:OE Heating IBM Plex Sans;src:url(oe-article-ibm-plex-sans-bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}.oe-heating-output-calculator{--oe-heating-accent: #bb1731;display:block;color:#2e2e2e;font-family:OE Heating IBM Plex Sans,sans-serif;letter-spacing:normal}.oe-heating-output-calculator [hidden]{display:none!important}.oe-heating-output-calculator button:focus-visible{outline:2px solid #bb1731;outline-offset:4px}.oe-heating-output-calculator__page{box-sizing:border-box;width:100%;max-width:118rem;margin-inline:auto;padding:3.2rem 1.6rem 6.4rem}.oe-heating-output-calculator__header{display:flex;flex-direction:column;gap:0;margin-bottom:2.8rem}.oe-heating-output-calculator__eyebrow{margin:0;color:#969696;font-family:urw-din-semi-condensed,Arial Narrow,sans-serif;font-size:1.6rem;font-weight:700;line-height:2.2rem;letter-spacing:0;text-transform:uppercase;overflow-wrap:normal}.oe-heating-output-calculator__header .oe-heating-output-calculator__eyebrow{font-size:2.8rem;line-height:3.2rem;letter-spacing:normal}.oe-heating-output-calculator__header .oe-heating-output-calculator__eyebrow+h1{margin-top:.8rem}.oe-heating-output-calculator h1{margin:0;font-family:"urw-din-semi-condensed",var(--font-heading-family),sans-serif;font-size:3.6rem;font-weight:700;line-height:4rem;letter-spacing:normal;text-transform:uppercase;text-wrap:balance}.oe-heating-output-calculator__title-accent{display:block;flex:none;width:6.4rem;max-width:100%;height:.4rem;margin-top:1.6rem;background:var(--oe-heating-accent)}.oe-heating-output-calculator__intro{margin-top:1.6rem;max-width:none;font-size:1.6rem;line-height:2.4rem}.oe-heating-output-calculator__intro p{margin:0}.oe-heating-output-calculator__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start}.oe-heating-output-calculator__side{display:grid;gap:1.6rem;min-width:0}.oe-heating-output-calculator__form,.oe-heating-output-calculator__result{box-sizing:border-box;min-width:0;padding:2.4rem;background:#fff;box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.02),0 1.6rem 3.6rem rgba(var(--color-foreground),.05)}.oe-heating-output-calculator__field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.oe-heating-output-calculator__field{display:grid;gap:8px;min-width:0}.oe-heating-output-calculator__field label,.oe-heating-output-calculator__insulation legend{padding:0;font:700 16px/22px urw-din-semi-condensed,Arial Narrow,sans-serif}.oe-heating-output-calculator__input-wrap{position:relative}.oe-heating-output-calculator__input-wrap input{box-sizing:border-box;width:100%;height:5.4rem;margin:0;padding:0 5.4rem 0 1.6rem;border:.1rem solid #b9b9b9;border-radius:0;color:#2e2e2e;background:#fff;box-shadow:none;font:inherit;font-size:1.6rem;line-height:1.4;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.oe-heating-output-calculator__input-wrap input::-webkit-inner-spin-button,.oe-heating-output-calculator__input-wrap input::-webkit-outer-spin-button{margin:0;appearance:none;-webkit-appearance:none}.oe-heating-output-calculator__input-wrap input:hover{border-color:#2e2e2e}.oe-heating-output-calculator__input-wrap input:focus-visible{border-color:#242424;outline:.2rem solid #242424;outline-offset:.2rem}.oe-heating-output-calculator__input-wrap span{position:absolute;top:50%;right:14px;color:#626262;font-size:15px;transform:translateY(-50%);pointer-events:none}.oe-heating-output-calculator__help,.oe-heating-output-calculator__legend-help{margin:0;color:#626262;font-size:13px;line-height:1.45}.oe-heating-output-calculator__insulation{min-width:0;margin:28px 0 0;padding:0;border:0}.oe-heating-output-calculator__legend-help{margin-top:6px;margin-bottom:14px}.oe-heating-output-calculator__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oe-heating-output-calculator__option{position:relative;display:flex;min-width:0;min-height:82px;padding:14px 40px 14px 14px;border:1px solid #d8d8d8;background:#fff;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.oe-heating-output-calculator__option input{position:absolute;width:1px;height:1px;opacity:0}.oe-heating-output-calculator__option:has(input:focus-visible){outline:.2rem solid #242424;outline-offset:.2rem}.oe-heating-output-calculator__option-copy{display:grid;align-content:center;gap:4px;min-width:0}.oe-heating-output-calculator__option-copy strong{font:700 16px/22px urw-din-semi-condensed,sans-serif}.oe-heating-output-calculator__option-copy small{color:#626262;font-size:13px;line-height:18px}.oe-heating-output-calculator__check{position:absolute;top:50%;right:14px;width:16px;height:16px;border:1px solid #b9b9b9;border-radius:50%;transform:translateY(-50%)}.oe-heating-output-calculator__option:has(input:checked) .oe-heating-output-calculator__check{border-color:#bb1731;background:#bb1731}.oe-heating-output-calculator__option:has(input:checked) .oe-heating-output-calculator__check:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.oe-heating-output-calculator__error{margin:20px 0 0;padding:12px 16px;border-left:2px solid #bb1731;color:#8d1022;font-size:14px}.oe-heating-output-calculator .oe-heating-output-calculator__submit{margin-top:24px;border:0;border-radius:0;color:#fff;background:#bb1731;cursor:pointer}.oe-heating-output-calculator .oe-heating-output-calculator__submit:before{border-color:#bb1731}.oe-heating-output-calculator .oe-heating-output-calculator__submit:hover{color:#fff;background:#9e1228}.oe-heating-output-calculator .oe-heating-output-calculator__submit:hover:before{border-color:#9e1228}.oe-heating-output-calculator__option:last-child{grid-column:1 / -1}.oe-heating-output-calculator__result{border-top:.4rem solid var(--oe-heating-accent)}.oe-heating-output-calculator__result h2{margin:.8rem 0 0;font:700 2.6rem/3.2rem urw-din-semi-condensed,Arial Narrow,sans-serif;text-transform:none}.oe-heating-output-calculator__result-content:focus{outline:0}.oe-heating-output-calculator__result-placeholder{margin:0}.oe-heating-output-calculator__result-placeholder>p:last-child,.oe-heating-output-calculator__result-summary{margin:1.2rem 0 0;font-size:1.6rem;line-height:2.4rem}.oe-heating-output-calculator__result-value{margin:2.2rem 0 0;color:var(--oe-heating-accent);font:700 4.8rem/5.6rem urw-din-semi-condensed,Arial Narrow,sans-serif}.oe-heating-output-calculator__result-value span:last-child{font-size:.55em}.oe-heating-output-calculator .oe-heating-output-calculator__result-cta{width:100%;min-height:5.4rem;margin-top:2.4rem;color:#fff;background:var(--oe-heating-accent);font-size:1.6rem;line-height:2.2rem}.oe-heating-output-calculator .oe-heating-output-calculator__result-cta:before{border-color:var(--oe-heating-accent)}.oe-heating-output-calculator .oe-heating-output-calculator__result-cta:hover{color:#fff;background:#9e1228}.oe-heating-output-calculator .oe-heating-output-calculator__result-cta:hover:before{border-color:#9e1228}.oe-heating-output-calculator__notices{margin-top:1.8rem}.oe-heating-output-calculator__notice{margin:0;color:#626262;font-size:1.3rem;line-height:1.8rem}.oe-heating-output-calculator__noscript{margin:20px 0 0;color:#8d1022}@media(min-width:750px){.oe-heating-output-calculator__page{padding-inline:2.4rem}.oe-heating-output-calculator h1{font-size:4.8rem;line-height:5.2rem}.oe-heating-output-calculator__title-accent{width:8rem;height:.6rem}.oe-heating-output-calculator__intro{font-size:1.8rem;line-height:2.8rem}}@media(max-width:1439px){.oe-heating-output-calculator__header .oe-heating-output-calculator__eyebrow{font-size:2.4rem;line-height:2.8rem}}@media(max-width:1023px){.oe-heating-output-calculator__header .oe-heating-output-calculator__eyebrow{font-size:2rem;line-height:2.4rem}.oe-heating-output-calculator__result-value{font-size:3.2rem;line-height:3.84rem}}@media(max-width:749px){.oe-heating-output-calculator__page{padding-bottom:4.8rem}.oe-heating-output-calculator__form,.oe-heating-output-calculator__result{padding:1.8rem}.oe-heating-output-calculator__field-grid,.oe-heating-output-calculator__options{grid-template-columns:minmax(0,1fr)}.oe-heating-output-calculator__option:last-child{grid-column:auto}.oe-heating-output-calculator__field-grid{gap:1.8rem}.oe-heating-output-calculator__option{min-height:76px}.oe-heating-output-calculator .oe-heating-output-calculator__submit{width:100%}}@media(min-width:990px){.oe-heating-output-calculator__page,.shopify-section:has(+.oe-heating-output-calculator-section) .breadcrumbs-wrapper>.page-width{max-width:144rem;padding-inline:3.2rem}.oe-heating-output-calculator__intro{max-width:calc(100% - 37.6rem)}.oe-heating-output-calculator__layout{grid-template-columns:minmax(0,1fr) 36rem;gap:3.2rem}.oe-heating-output-calculator__side{position:sticky;top:2.4rem}}@media(min-width:990px)and (max-width:1179px){.oe-heating-output-calculator__intro{max-width:calc(100% - 28rem - clamp(3.2rem,4vw,4rem))}}@media(min-width:1440px){.oe-heating-output-calculator__page,.shopify-section:has(+.oe-heating-output-calculator-section) .breadcrumbs-wrapper>.page-width{padding-inline:1.6rem}.oe-heating-output-calculator h1{font-size:6rem;line-height:6.4rem}}@media(prefers-reduced-motion:reduce){.oe-heating-output-calculator *,.oe-heating-output-calculator *:before,.oe-heating-output-calculator *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/oe-heating-output-calculator.css.map */