#hlc-app-container,#hlc-terms-and-conditions{--hlc-transition:all 0.3s ease-out;--header-offset:0;--white:#FFFFFF;--base:#484848;--primary:#2666cf;--secondary:#c81322;--brown:#5E4528;--green:#95b34c;--gold:#ecaa00;--base-dark:rgb(21.6, 21.6, 21.6);--base-light:rgb(218.4, 218.4, 218.4);--base-ultra-light:rgb(236.7, 236.7, 236.7);--primary-dark:rgb(15.2, 40.8, 82.8);--primary-light:rgb(211.6, 224.4, 245.4);--primary-ultra-light:rgb(233.3, 239.7, 250.2);--secondary-light:rgb(244, 207.8, 210.8);--secondary-ultra-light:rgb(249.5, 231.4, 232.9);--green-dark:rgb(119.2, 143.2, 60.8);--white-20:rgba(255, 255, 255, 0.2);--white-40:rgba(255, 255, 255, 0.4);--white-60:rgba(255, 255, 255, 0.6);--white-90:rgba(255, 255, 255, 0.9);--base-60:rgba(72, 72, 72, 0.4);--base-80:rgba(72, 72, 72, 0.8);--base-90:rgba(72, 72, 72, 0.9);--content-width:1480px;--content-pad:1rem;--content-gap:2rem;--btn-pad-x:1em;--btn-pad-y:0.5em;--btn-border-size:0;--btn-radius:5em;--btn-text-color:var(--white);--btn-bg-color:var(--brown);--btn-border-color:var(--btn-bg-color);--btn-hover-text-color:var(--btn-text-color);--btn-hover-bg-color: var(--primary);--btn-hover-border-color: var(--btn-hover-bg-color);--btn-selected-text-color:var(--btn-text-color);--btn-selected-bg-color: var(--primary);--btn-selected-border-color: var(--btn-selected-bg-color);--btn-letter-spacing:0rem;--btn-line-height:1em;--btn-text-decoration:none;--btn-text-style:normal;--btn-text-transform:uppercase;--btn-weight:700;--btn-width:100%;--input-border-color:var(--base-light);--input-border-color-when-valid:#95b34c;--input-border-color-with-error:#c81322}#hlc-app-container{position:relative;color:var(--base)}#hlc-app,.hlc-section,.hlc-radiators,.hlc-radiator-ranges__classifications-list{display:flex;flex-direction:column;gap:var(--content-gap)}.hlc-button-list,.hlc-field-list{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:var(--content-pad);align-items:center}@media(max-width: 960px){.hlc-button-list,.hlc-field-list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 600px){.hlc-button-list,.hlc-field-list{grid-template-columns:1fr}}@media(min-width: 960px){.hlc-button-list--room-type,.hlc-button-list--radiator-range,.hlc-field-list--room-type,.hlc-field-list--radiator-range{grid-template-columns:repeat(6, 1fr)}}@media(max-width: 959px){.hlc-button-list--room-type,.hlc-button-list--radiator-range,.hlc-field-list--room-type,.hlc-field-list--radiator-range{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 600px){.hlc-button-list--room-type,.hlc-button-list--radiator-range,.hlc-field-list--room-type,.hlc-field-list--radiator-range{grid-template-columns:repeat(3, 1fr)}}#hlc-app{max-width:var(--content-width);padding-block:var(--content-gap);padding-inline:var(--content-pad);margin:auto;background:var(--white)}#hlc-app ul{list-style:none;padding:0;margin:0;text-indent:0}#hlc-app h1,#hlc-app h2,#hlc-app h3,#hlc-app h4,#hlc-app h5,#hlc-app p{margin:0;color:inherit}.hlc-section{padding:var(--content-pad);background-color:var(--base-ultra-light)}.hlc-section__header{padding:0 var(--content-pad);margin:0 calc(var(--content-pad)*-1);color:var(--white);background-color:var(--base)}.hlc-section.is-active{background-color:var(--secondary-ultra-light)}.hlc-section.is-active .hlc-section__header{background-color:var(--secondary)}.hlc-section.is-inactive .hlc-section__input,.hlc-section.is-inactive .hlc-radiator-ranges,.hlc-section.is-inactive .hlc-radiators{display:none}.hlc-section.is-inactive .hlc-section__header{background-color:var(--base-light)}.hlc-section__step-number{position:relative;display:inline-block;padding:0 var(--content-pad);margin-inline-start:calc(var(--content-pad)*-1);background-color:var(--white-20)}.hlc-section__input{display:flex;flex-direction:column;gap:inherit}.hlc-section__conditional-parameters{display:flex;flex-direction:column;gap:.5rem}.hlc-button{transition:var(--hlc-transition);display:inline-block;width:var(--btn-width);padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:var(--btn-radius);border-width:var(--btn-border-size);border-color:var(--btn-border-color);border-style:solid;color:var(--btn-text-color);background-color:var(--btn-bg-color);font-size:1rem;font-weight:var(--btn-weight);line-height:var(--btn-line-height);letter-spacing:var(--btn-letter-spacing);text-decoration:var(--btn-text-decoration);text-style:var(--btn-text-style);text-transform:var(--btn-text-transform);cursor:pointer}.hlc-button:hover,.hlc-button:focus,.hlc-button:active{color:var(--btn-hover-text-color);background-color:var(--btn-hover-bg-color)}.hlc-button.has-error{background-color:var(--input-border-color-with-error)}.hlc-button.is-selected{color:var(--btn-selected-text-color);background-color:var(--btn-selected-bg-color);border-color:var(--btn-selected-border-color)}.hlc-button-list--room-type .hlc-button,.hlc-button-list--radiator-range .hlc-button{border-radius:0;border-style:solid}.hlc-button-list--room-type .hlc-button figure,.hlc-button-list--radiator-range .hlc-button figure{position:relative;margin:0}.hlc-button-list--room-type .hlc-button img,.hlc-button-list--radiator-range .hlc-button img{display:block;max-width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.hlc-button-list--room-type .hlc-button.is-selected,.hlc-button-list--radiator-range .hlc-button.is-selected{padding:.16666rem;background-color:var(--white);border-width:.33333rem;border-color:var(--btn-selected-border-color)}.hlc-button-list--room-type .hlc-button{padding:.33333rem;border-width:.16666rem;border-color:var(--base);color:var(--base);background-color:var(--base)}.hlc-button-list--room-type .hlc-button:hover,.hlc-button-list--room-type .hlc-button:focus,.hlc-button-list--room-type .hlc-button:active{background-color:var(--white)}.hlc-button-list--radiator-range .hlc-button{padding:.16666rem;border-width:.33333rem;border-color:var(--white);color:var(--white);background-color:var(--white)}.hlc-button-list--radiator-range .hlc-button figcaption{transition:var(--hlc-transition);position:absolute;right:.16666rem;bottom:.16666rem;left:.16666rem;padding:.5em .33333rem;color:var(--white);background-color:var(--base-80)}@media(max-width: 800px){.hlc-button-list--radiator-range .hlc-button figcaption h3{font-size:.8em}}.hlc-button-list--radiator-range .hlc-button:hover,.hlc-button-list--radiator-range .hlc-button:focus,.hlc-button-list--radiator-range .hlc-button:active{background-color:var(--base)}.hlc-button-list--radiator-range .hlc-button:hover figcaption,.hlc-button-list--radiator-range .hlc-button:focus figcaption,.hlc-button-list--radiator-range .hlc-button:active figcaption{opacity:0}.hlc-radio-list{display:flex;flex-direction:row;gap:var(--content-gap)}.hlc-check-list{display:grid;gap:.5rem var(--content-gap)}.hlc-check-list__wrapper{display:flex;align-items:baseline}.hlc-field-list label{font-weight:700}.hlc-field-list input:not([type=submit],[type=radio],[type=checkbox]),.hlc-field-list textarea{border-color:var(--input-border-color)}.hlc-field-list input:not([type=submit],[type=radio],[type=checkbox]).is-valid,.hlc-field-list textarea.is-valid{border-color:var(--input-border-color-when-valid)}.hlc-field-list input:not([type=submit],[type=radio],[type=checkbox]).has-error,.hlc-field-list textarea.has-error{border-color:var(--input-border-color-with-error)}.hlc-field-list__field-wrapper{display:flex;flex-direction:column;gap:.5rem}.hlc-heat-loss-statement-pane{display:none;z-index:10;position:sticky;top:var(--header-offset);color:var(--white);background-color:var(--green);border-radius:0;border-width:.16666rem 0;border-color:var(--white);border-style:solid}.hlc-heat-loss-statement-pane:before{display:block;position:absolute;inset:0;border-radius:0;border-width:.16666rem;border-color:var(--green-dark);border-style:solid;content:""}.hlc-radiator-ranges{flex-direction:column;gap:var(--content-gap)}.hlc-radiator-ranges__series{display:inherit;flex-direction:inherit;gap:.5rem}.hlc-radiator-ranges__series-list{grid-template-columns:repeat(3, 1fr)}.hlc-radiator-ranges__classification{display:flex;flex-direction:column;gap:.5rem}.hlc-radiators__suggestions-list{display:flex;flex-direction:column}.hlc-radiators__suggestion{transition:var(--hlc-transition);display:grid;grid-template-columns:1em minmax(max-content, 2fr) minmax(min-content, max-content) minmax(max-content, 1fr) 4em minmax(max-content, max-content);grid-gap:var(--content-pad);align-items:center;padding:var(--content-pad);margin:0 calc(var(--content-pad)*-1);background-color:var(--white-60)}.hlc-radiators__suggestion:nth-child(odd){background-color:var(--white-40)}.hlc-radiators__suggestion:hover{background-color:var(--white)}.hlc-radiators__remove{width:1em}.hlc-radiators__remove svg{transition:var(--hlc-transition);fill:var(--base)}.hlc-radiators__remove:hover svg,.hlc-radiators__remove:focus svg,.hlc-radiators__remove:active svg{fill:var(--secondary)}.hlc-radiators__radiator{display:flex;flex-direction:row;gap:var(--content-pad)}.hlc-radiators__range-name{font-weight:700}.hlc-radiators__type{text-align:center;font-weight:700}.hlc-radiators__output{text-align:center}.hlc-radiators__quantity{text-align:center}.hlc-radiators__range-url .hlc-button{width:auto}@media(max-width: 960px){.hlc-radiators__radiator{flex-direction:column;gap:0}}@media(max-width: 800px){.hlc-radiators__suggestion{grid-template-columns:minmax(max-content, 1fr) minmax(min-content, 12em) minmax(min-content, max-content) minmax(min-content, max-content) minmax(max-content, max-content)}}@media(max-width: 600px){.hlc-radiators__radiator{flex-direction:row;gap:var(--content-pad)}.hlc-radiators__suggestion{grid-template-columns:minmax(min-content, 1fr) minmax(min-content, 12em);grid-gap:0}.hlc-radiators__type{text-align:left}.hlc-radiators__output{text-align:left}.hlc-radiators__quantity{text-align:right}.hlc-radiators__range-url{grid-column:span 2;padding-top:var(--content-pad)}}.hlc-selection-error{font-weight:700;color:var(--secondary) !important}.hlc-unit{font-size:.8em}#hlc-terms-and-conditions{display:none;position:fixed;inset:0}#hlc-terms-and-conditions .hlc-button{width:auto}#hlc-terms-and-conditions .overlay-mask{position:absolute;inset:0;background-color:var(--base-90)}#hlc-terms-and-conditions .overlay-content{overflow:auto;position:absolute;padding-block:var(--content-gap);padding-inline:var(--content-pad);inset:0}#hlc-terms-and-conditions .overlay-content article{position:relative;max-width:var(--content-width);padding-block:calc(var(--content-gap)*2);padding-inline:calc(var(--content-pad)*4);margin:auto;background-color:var(--white);box-shadow:.16666rem .16666rem .66666rem var(--base-60)}#hlc-terms-and-conditions .overlay-content article header .hlc-button{position:absolute;top:var(--content-gap);right:var(--content-gap);width:2rem;height:2rem;border-radius:0;border-style:solid;border-color:var(--base);border-width:.13333rem;font-size:0;color:rgba(0,0,0,0);background-color:var(--white)}#hlc-terms-and-conditions .overlay-content article header .hlc-button:before,#hlc-terms-and-conditions .overlay-content article header .hlc-button:after{transition:var(--hlc-transition);position:absolute;top:50%;left:50%;width:1.6rem;height:.13333rem;margin-top:-0.06666rem;margin-left:-0.8rem;background-color:var(--base);content:""}#hlc-terms-and-conditions .overlay-content article header .hlc-button:before{transform:rotate(45deg)}#hlc-terms-and-conditions .overlay-content article header .hlc-button:after{transform:rotate(-45deg)}#hlc-terms-and-conditions .overlay-content article header .hlc-button:hover,#hlc-terms-and-conditions .overlay-content article header .hlc-button:focus,#hlc-terms-and-conditions .overlay-content article header .hlc-button:active{border-color:var(--primary-dark);background-color:var(--primary)}#hlc-terms-and-conditions .overlay-content article header .hlc-button:hover:before,#hlc-terms-and-conditions .overlay-content article header .hlc-button:hover:after,#hlc-terms-and-conditions .overlay-content article header .hlc-button:focus:before,#hlc-terms-and-conditions .overlay-content article header .hlc-button:focus:after,#hlc-terms-and-conditions .overlay-content article header .hlc-button:active:before,#hlc-terms-and-conditions .overlay-content article header .hlc-button:active:after{background-color:var(--white)}/*# sourceMappingURL=hlc-app-styles.css.map */