:root{--primary-font: "Roboto", sans-serif;--secondary-font: "Ubuntu"}.secondary-roboto{--secondary-font: "Roboto", sans-serif}[lang=ja],[lang=ja-JP]{--primary-font: "Noto Sans JP", serif;--secondary-font: "Noto Sans JP", serif}.block-mac3-calculator .calculate-form__middle .quantities-table-content .column .label,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .column .label,.block-mac3-calculator .calculate-form__top .form-item-products .current-product,.block-mac3-calculator .coverage-calculator-form__top .form-item-products .current-product,.block-mac3-calculator .calculate-form .current-product,.block-mac3-calculator .calculate-form .desktop-header .column,.block-mac3-calculator .coverage-calculator-form .current-product,.block-mac3-calculator .coverage-calculator-form .desktop-header .column{font-family:var(--primary-font);font-weight:700;font-size:.75rem;line-height:1rem;text-transform:uppercase}.block-mac3-calculator .calculate-form__bottom .add-opening,.block-mac3-calculator .calculate-form__bottom .add-product,.block-mac3-calculator .calculate-form__bottom .add-surface,.block-mac3-calculator .coverage-calculator-form__bottom .add-opening,.block-mac3-calculator .coverage-calculator-form__bottom .add-product,.block-mac3-calculator .coverage-calculator-form__bottom .add-surface{font-family:var(--primary-font);font-size:1.25rem;line-height:1.6875rem;font-weight:700}.icon__svg--time{mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center}.icon__svg--time use{display:none}.icon__svg--time{mask-image:url(../../../icons/time.svg);-webkit-mask-image:url(../../../icons/time.svg);background:linear-gradient(45deg, var(--color-tertiary), var(--color-tertiary-2))}.gradient-primary-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(115.12deg, var(--color-primary-variant) 0%, var(--color-base) 100%);color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-textonprimary);text-fill-color:var(--color-textonprimary);-webkit-text-fill-color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-textonprimary);text-fill-color:var(--color-textonprimary);-webkit-text-fill-color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-textonprimary);text-fill-color:var(--color-textonprimary);-webkit-text-fill-color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-textonprimary);fill:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-textonprimary)}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-primary-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-primary-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(115.12deg, var(--color-bg-a-1) 0%, var(--color-bg-a-2) 100%);color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-a);text-fill-color:var(--color-text-on-bg-a);-webkit-text-fill-color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-a);text-fill-color:var(--color-text-on-bg-a);-webkit-text-fill-color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-a);text-fill-color:var(--color-text-on-bg-a);-webkit-text-fill-color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-a);fill:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-a)}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-dark-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(107.48deg, var(--color-bg-b-1) 0%, var(--color-bg-b-2) 100%);color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-b);text-fill-color:var(--color-text-on-bg-b);-webkit-text-fill-color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-b);text-fill-color:var(--color-text-on-bg-b);-webkit-text-fill-color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-b);text-fill-color:var(--color-text-on-bg-b);-webkit-text-fill-color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-b);fill:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-b)}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-light-blue-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(114.27deg, var(--color-bg-c-1) 0%, var(--color-bg-c-2) 100%);color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-c);text-fill-color:var(--color-text-on-bg-c);-webkit-text-fill-color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-c);text-fill-color:var(--color-text-on-bg-c);-webkit-text-fill-color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-c);text-fill-color:var(--color-text-on-bg-c);-webkit-text-fill-color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-c);fill:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-c)}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-purple-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-purple-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(114.27deg, var(--color-bg-d-1) 0%, var(--color-bg-d-2) 100%);color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-red-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-d);text-fill-color:var(--color-text-on-bg-d);-webkit-text-fill-color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-d);text-fill-color:var(--color-text-on-bg-d);-webkit-text-fill-color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-red-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-red-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-d);text-fill-color:var(--color-text-on-bg-d);-webkit-text-fill-color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-red-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-d);fill:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-red-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-d)}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-red-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-red-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies){background:linear-gradient(156.21deg, var(--color-bg-e-1) 0%, var(--color-bg-e-2) 100%);color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h1,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h1.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h2,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h2.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h3,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h3.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h4,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h4.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h5,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h5.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h6,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) h6.field--name-field-title{color:var(--color-text-on-bg-e);text-fill-color:var(--color-text-on-bg-e);-webkit-text-fill-color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .field--name-field-title{color:var(--color-text-on-bg-e);text-fill-color:var(--color-text-on-bg-e);-webkit-text-fill-color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) p:not(.tab-comparison,.facet-item),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) ul li:not(.tab-comparison,.facet-item),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .field__item:not(.tab-comparison,.facet-item){color:var(--color-text-on-bg-e);text-fill-color:var(--color-text-on-bg-e);-webkit-text-fill-color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) svg:not(.icon__svg--right-circle),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .icon__svg:not(.icon__svg--right-circle){color:var(--color-text-on-bg-e);fill:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .checkbox-dropdown__select .icon__svg{color:currentColor;fill:currentColor}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) a:not(.button){color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) a:not(.button):hover{text-decoration:underline}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .swiper-pagination-fraction{color:var(--color-text-on-bg-e)}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h1.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h2.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h3.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h4.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h5.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) h6.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h1.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h2.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h3.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h4.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h5.field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] h6.field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field--name-field-title,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field--name-field-title{color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) p,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) ul li,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .field__item:not(.field--name-field-product-indicator),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] p,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] ul li,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .field__item:not(.field--name-field-product-indicator){color:inherit;text-fill-color:inherit;-webkit-text-fill-color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .icon__svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] svg,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .icon__svg{color:inherit;fill:currentColor}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) a:not(.button),.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] a:not(.button){color:inherit}.gradient-orange-bg:not(.paragraph-layout-related-case-studies) .node--view-mode-view-grid:not(.with-cart) .swiper-pagination-fraction,.gradient-orange-bg:not(.paragraph-layout-related-case-studies) [class*=gradient-] .swiper-pagination-fraction{color:inherit}.grey-bg{background:#f2f2f2}.primary-gradient-text,.block-mac3-calculator>h2,.gradient-text-dark-blue{background:linear-gradient(102.4deg, var(--color-h1-1) 0%, var(--color-h1-2) 81.98%)}.primary-gradient-text-2{background:linear-gradient(102.4deg, var(--color-h2-1) 0%, var(--color-h2-2) 81.98%)}.gradient-text-light-blue{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.gradient-text-purple{background:linear-gradient(102.4deg, var(--color-h4-1) 0%, var(--color-h4-2) 81.98%)}.gradient-text-red{background:linear-gradient(102.4deg, var(--color-h5-1) 0%, var(--color-h5-2) 81.98%)}.gradient-text-orange{background:linear-gradient(102.4deg, var(--color-h6-1) 0%, var(--color-h6-2) 81.98%)}.gradient-text-green{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.gradient-text-rainbow{background:linear-gradient(112.14deg, var(--color-h3-1) 0%, var(--color-h3-2) 27.08%, var(--color-h4-1) 51.04%, var(--color-h6-1) 73.96%, var(--color-h6-2) 98.44%)}.gradient-footer-bg{background:linear-gradient(114.27deg, var(--color-footer-bg-1) 0%, var(--color-footer-bg-2) 100%)}.gradient-extended-footer-bg{background:linear-gradient(to right, var(--color-footer-bg-1) 0%, var(--color-footer-bg-2) 33%, var(--color-footer-bg-3) 66%, var(--color-footer-bg-4) 100%)}.hero-with-search__inner .primary-gradient-text,.hero-with-search__inner .block-mac3-calculator>h2,.hero-with-search__inner .primary-gradient-text-2,.hero-with-search__inner .gradient-text-light-blue,.hero-with-search__inner .gradient-text-dark-blue,.hero-with-search__inner .gradient-text-purple,.hero-with-search__inner .gradient-text-red,.hero-with-search__inner .gradient-text-orange,.hero-with-search__inner .gradient-text-green,.hero-with-search__inner .gradient-text-rainbow{background-clip:unset;text-fill-color:#fff;-webkit-background-clip:unset;-webkit-text-fill-color:#fff;background:unset;color:#fff}.hero-with-search__inner .primary-gradient-text svg,.hero-with-search__inner .block-mac3-calculator>h2 svg,.hero-with-search__inner .primary-gradient-text-2 svg,.hero-with-search__inner .gradient-text-light-blue svg,.hero-with-search__inner .gradient-text-dark-blue svg,.hero-with-search__inner .gradient-text-purple svg,.hero-with-search__inner .gradient-text-red svg,.hero-with-search__inner .gradient-text-orange svg,.hero-with-search__inner .gradient-text-green svg,.hero-with-search__inner .gradient-text-rainbow svg{color:#fff;fill:#fff}.hero-with-search__inner .primary-gradient-text svg[class*=color],.hero-with-search__inner .block-mac3-calculator>h2 svg[class*=color],.hero-with-search__inner .primary-gradient-text-2 svg[class*=color],.hero-with-search__inner .gradient-text-light-blue svg[class*=color],.hero-with-search__inner .gradient-text-dark-blue svg[class*=color],.hero-with-search__inner .gradient-text-purple svg[class*=color],.hero-with-search__inner .gradient-text-red svg[class*=color],.hero-with-search__inner .gradient-text-orange svg[class*=color],.hero-with-search__inner .gradient-text-green svg[class*=color],.hero-with-search__inner .gradient-text-rainbow svg[class*=color]{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(90deg) brightness(100%) contrast(100%)}.hero-with-search__inner .primary-gradient-text a:not(.button),.hero-with-search__inner .block-mac3-calculator>h2 a:not(.button),.hero-with-search__inner .primary-gradient-text-2 a:not(.button),.hero-with-search__inner .gradient-text-light-blue a:not(.button),.hero-with-search__inner .gradient-text-dark-blue a:not(.button),.hero-with-search__inner .gradient-text-purple a:not(.button),.hero-with-search__inner .gradient-text-red a:not(.button),.hero-with-search__inner .gradient-text-orange a:not(.button),.hero-with-search__inner .gradient-text-green a:not(.button),.hero-with-search__inner .gradient-text-rainbow a:not(.button){color:#fff}.primary-gradient-text:has(>.button),.block-mac3-calculator>h2:has(>.button),.primary-gradient-text-2:has(>.button),.gradient-text-light-blue:has(>.button),.gradient-text-dark-blue:has(>.button),.gradient-text-purple:has(>.button),.gradient-text-red:has(>.button),.gradient-text-orange:has(>.button),.gradient-text-green:has(>.button),.gradient-text-rainbow:has(>.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .block-mac3-calculator>h2,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow{background-clip:unset;text-fill-color:var(--color-textonprimary);-webkit-background-clip:unset;-webkit-text-fill-color:var(--color-textonprimary);background:unset;color:var(--color-textonprimary)}.primary-gradient-text:has(>.button) svg,.block-mac3-calculator>h2:has(>.button) svg,.primary-gradient-text-2:has(>.button) svg,.gradient-text-light-blue:has(>.button) svg,.gradient-text-dark-blue:has(>.button) svg,.gradient-text-purple:has(>.button) svg,.gradient-text-red:has(>.button) svg,.gradient-text-orange:has(>.button) svg,.gradient-text-green:has(>.button) svg,.gradient-text-rainbow:has(>.button) svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .block-mac3-calculator>h2 svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2 svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green svg,.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow svg{color:var(--color-textonprimary);fill:var(--color-textonprimary)}.primary-gradient-text:has(>.button) svg[class*=color],.block-mac3-calculator>h2:has(>.button) svg[class*=color],.primary-gradient-text-2:has(>.button) svg[class*=color],.gradient-text-light-blue:has(>.button) svg[class*=color],.gradient-text-dark-blue:has(>.button) svg[class*=color],.gradient-text-purple:has(>.button) svg[class*=color],.gradient-text-red:has(>.button) svg[class*=color],.gradient-text-orange:has(>.button) svg[class*=color],.gradient-text-green:has(>.button) svg[class*=color],.gradient-text-rainbow:has(>.button) svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .block-mac3-calculator>h2 svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2 svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green svg[class*=color],.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow svg[class*=color]{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(90deg) brightness(100%) contrast(100%)}.primary-gradient-text:has(>.button) a:not(.button),.block-mac3-calculator>h2:has(>.button) a:not(.button),.primary-gradient-text-2:has(>.button) a:not(.button),.gradient-text-light-blue:has(>.button) a:not(.button),.gradient-text-dark-blue:has(>.button) a:not(.button),.gradient-text-purple:has(>.button) a:not(.button),.gradient-text-red:has(>.button) a:not(.button),.gradient-text-orange:has(>.button) a:not(.button),.gradient-text-green:has(>.button) a:not(.button),.gradient-text-rainbow:has(>.button) a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .block-mac3-calculator>h2 a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .primary-gradient-text-2 a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-light-blue a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-dark-blue a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-purple a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-red a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-orange a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-green a:not(.button),.paragraph-layout-top-slider-layout-full-width-protected .text-formatted .gradient-text-rainbow a:not(.button),.primary-gradient-text:has(>.button) a:not(.button):hover,.block-mac3-calculator>h2:has(>.button) a:not(.button):hover,.primary-gradient-text-2:has(>.button) a:not(.button):hover,.gradient-text-light-blue:has(>.button) a:not(.button):hover,.gradient-text-dark-blue:has(>.button) a:not(.button):hover,.gradient-text-purple:has(>.button) a:not(.button):hover,.gradient-text-red:has(>.button) a:not(.button):hover,.gradient-text-orange:has(>.button) a:not(.button):hover,.gradient-text-green:has(>.button) a:not(.button):hover,.gradient-text-rainbow:has(>.button) a:not(.button):hover{color:var(--color-textonprimary)}[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text,[class*=gradient]:not(.paragraph-layout-related-case-studies) .block-mac3-calculator>h2,[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text-2,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-light-blue,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-dark-blue,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-purple,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-red,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-orange,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-green,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-rainbow{background-clip:unset;text-fill-color:currentColor;-webkit-background-clip:unset;-webkit-text-fill-color:currentColor;background:unset;color:currentColor}[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .block-mac3-calculator>h2 svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text-2 svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-light-blue svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-dark-blue svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-purple svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-red svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-orange svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-green svg,[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-rainbow svg{color:currentColor;fill:currentColor}[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .block-mac3-calculator>h2 a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .primary-gradient-text-2 a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-light-blue a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-dark-blue a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-purple a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-red a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-orange a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-green a:not(.button),[class*=gradient]:not(.paragraph-layout-related-case-studies) .gradient-text-rainbow a:not(.button){color:currentColor}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .block-mac3-calculator>h2,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .block-mac3-calculator>h2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .block-mac3-calculator>h2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .block-mac3-calculator>h2,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .block-mac3-calculator>h2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .block-mac3-calculator>h2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-dark-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-dark-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-dark-blue{background:linear-gradient(102.4deg, var(--color-h1-1) 0%, var(--color-h1-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text-2,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text-2,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text-2{background:linear-gradient(102.4deg, var(--color-h2-1) 0%, var(--color-h2-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-light-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-light-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-light-blue{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-dark-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-dark-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-dark-blue{background:linear-gradient(102.4deg, var(--color-tertiary) 0%, var(--color-tertiary-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-purple,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-purple,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-purple{background:linear-gradient(102.4deg, var(--color-h4-1) 0%, var(--color-h4-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-red,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-red,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-red{background:linear-gradient(102.4deg, var(--color-h5-1) 0%, var(--color-h5-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-orange,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-orange,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-orange{background:linear-gradient(102.4deg, var(--color-h6-1) 0%, var(--color-h6-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-green,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-green,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-green{background:linear-gradient(102.4deg, var(--color-h3-1) 0%, var(--color-h3-2) 81.98%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-rainbow,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-rainbow,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-rainbow{background:linear-gradient(112.14deg, var(--color-h3-1) 0%, var(--color-h3-2) 27.08%, var(--color-h4-1) 51.04%, var(--color-h6-1) 73.96%, var(--color-h6-2) 98.44%)}.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary a:not(.button):hover,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):hover,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):hover,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted a:not(.button):hover,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted a:not(.button):hover,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted a:not(.button):hover,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary a:not(.button):focus,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):focus,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary a:not(.button):focus,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted a:not(.button):focus,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted a:not(.button):focus,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted a:not(.button):focus{color:var(--color-secondary)}.primary-gradient-text,.block-mac3-calculator>h2,.primary-gradient-text-2,.gradient-text-light-blue,.gradient-text-dark-blue,.gradient-text-purple,.gradient-text-red,.gradient-text-orange,.gradient-text-green,.gradient-text-rainbow,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .block-mac3-calculator>h2,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .block-mac3-calculator>h2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .block-mac3-calculator>h2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .block-mac3-calculator>h2,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .block-mac3-calculator>h2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .block-mac3-calculator>h2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-dark-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-dark-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-dark-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-dark-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .primary-gradient-text-2,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .primary-gradient-text-2,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .primary-gradient-text-2,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .primary-gradient-text-2,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-light-blue,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-light-blue,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-light-blue,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-light-blue,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-purple,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-purple,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-purple,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-purple,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-red,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-red,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-red,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-red,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-orange,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-orange,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-orange,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-orange,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-green,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-green,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-green,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-green,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient]))[class*=gradient] .extra-field--field-summary .gradient-text-rainbow,[class*=gradient] .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,.listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])).grey .listings:not(.paragraph-layout-related-case-studies):not(.paragraph-layout-contact-person-protected:not([class*=gradient])) .extra-field--field-summary .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected)[class*=gradient] .text-formatted .gradient-text-rainbow,[class*=gradient] :is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected) .text-formatted .gradient-text-rainbow,:is(.info-block,.two-columns-cta,.cta-grid,.paragraph-layout-gallery-slider-protected).grey .text-formatted .gradient-text-rainbow{background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.background-grey{background-color:#f6f6f6}.background-blue{background-color:#00448a}.background-green{background-color:#008674}.background-white{background-color:#fff}.background-transparent{background-color:rgba(0,0,0,0)}@media(max-width: 799px){.block-mac3-calculator{padding:30px 0}}.block-mac3-calculator>h2{font-size:1.75rem}@media(min-width: 800px){.block-mac3-calculator>h2{font-size:2.375rem}}[class*=gradient] .block-mac3-calculator .coverage-wrapper,[class*=gradient] .block-mac3-calculator .calculate-form{border-radius:8px;overflow:hidden;background:#fff;padding:20px}@media(min-width: 800px){.block-mac3-calculator .mac3-coverage-calculator-form{padding:0}}[class*=gradient] .block-mac3-calculator .mac3-coverage-calculator-form{padding:20px}[class*=gradient] .block-mac3-calculator .mac3-coverage-calculator-form .add-opening,[class*=gradient] .block-mac3-calculator .mac3-coverage-calculator-form .add-surface{color:#707070}.block-mac3-calculator .block-coverage-calculator-inner>div:first-of-type{padding:0}.block-mac3-calculator .calc-summary{padding:40px 0 0}.block-mac3-calculator .calculate-form .form-item input,.block-mac3-calculator .calculate-form .form-item select,.block-mac3-calculator .coverage-calculator-form .form-item input,.block-mac3-calculator .coverage-calculator-form .form-item select{border-radius:8px;border-color:#d9d9d9;font-size:16px;color:#707070;font-weight:700;height:56px;padding:0 30px}@media(max-width: 799px){.block-mac3-calculator .calculate-form .form-item input,.block-mac3-calculator .calculate-form .form-item select,.block-mac3-calculator .coverage-calculator-form .form-item input,.block-mac3-calculator .coverage-calculator-form .form-item select{width:100%}}.block-mac3-calculator .calculate-form label,.block-mac3-calculator .coverage-calculator-form label{color:#625c59;display:block;font-size:12px;font-weight:700;line-height:16px;margin-bottom:15px;text-transform:uppercase}.block-mac3-calculator .calculate-form .current-product,.block-mac3-calculator .calculate-form .desktop-header .column,.block-mac3-calculator .coverage-calculator-form .current-product,.block-mac3-calculator .coverage-calculator-form .desktop-header .column{margin-bottom:10px;color:#707070}.block-mac3-calculator .calculate-form__top,.block-mac3-calculator .coverage-calculator-form__top{display:flex;flex-flow:column nowrap;align-items:flex-start;margin-bottom:15px}@media(min-width: 800px){.block-mac3-calculator .calculate-form__top,.block-mac3-calculator .coverage-calculator-form__top{flex-flow:row nowrap;align-items:center;justify-content:space-between;margin-bottom:45px}}.block-mac3-calculator .calculate-form__top .form-item-products .current-product,.block-mac3-calculator .coverage-calculator-form__top .form-item-products .current-product{margin-bottom:10px}.block-mac3-calculator .calculate-form__left,.block-mac3-calculator .coverage-calculator-form__left{margin-bottom:35px}@media(min-width: 800px){.block-mac3-calculator .calculate-form__left,.block-mac3-calculator .coverage-calculator-form__left{width:520px;margin-bottom:0}}.block-mac3-calculator .calculate-form__left .form-item-productimage,.block-mac3-calculator .coverage-calculator-form__left .form-item-productimage{width:auto;margin-right:0}.block-mac3-calculator .calculate-form__right,.block-mac3-calculator .coverage-calculator-form__right{width:100%;margin-bottom:10px}@media(min-width: 800px){.block-mac3-calculator .calculate-form__right,.block-mac3-calculator .coverage-calculator-form__right{width:auto;margin-bottom:0;padding-right:20px}}.block-mac3-calculator .calculate-form__middle,.block-mac3-calculator .coverage-calculator-form__middle{margin-top:0}.block-mac3-calculator .calculate-form__middle .column-with-border,.block-mac3-calculator .coverage-calculator-form__middle .column-with-border{border:1px solid #d9d9d9;height:56px;border-radius:8px;line-height:56px;padding:0 30px;display:block}@media(max-width: 799px){.block-mac3-calculator .calculate-form__middle .column-with-border,.block-mac3-calculator .coverage-calculator-form__middle .column-with-border{margin-bottom:10px}}.block-mac3-calculator .calculate-form__middle .quantities-table-content .content-item,.block-mac3-calculator .calculate-form__middle .desktop-header,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .content-item,.block-mac3-calculator .coverage-calculator-form__middle .desktop-header{display:flex;flex-flow:column nowrap}@media(min-width: 800px){.block-mac3-calculator .calculate-form__middle .quantities-table-content .content-item,.block-mac3-calculator .calculate-form__middle .desktop-header,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .content-item,.block-mac3-calculator .coverage-calculator-form__middle .desktop-header{flex-flow:row nowrap}}@media(max-width: 799px){.block-mac3-calculator .calculate-form__middle .quantities-table-content .content-item,.block-mac3-calculator .calculate-form__middle .desktop-header,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .content-item,.block-mac3-calculator .coverage-calculator-form__middle .desktop-header{flex-flow:column;border-top:1px solid #d9d9d9;padding-top:20px;margin-top:20px}.block-mac3-calculator .calculate-form__middle .quantities-table-content .content-item:first-of-type,.block-mac3-calculator .calculate-form__middle .desktop-header:first-of-type,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .content-item:first-of-type,.block-mac3-calculator .coverage-calculator-form__middle .desktop-header:first-of-type{border:0;padding:0;margin:0}}.block-mac3-calculator .calculate-form__middle .quantities-table-content .content-item .column,.block-mac3-calculator .calculate-form__middle .desktop-header .column,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .content-item .column,.block-mac3-calculator .coverage-calculator-form__middle .desktop-header .column{margin-bottom:15px;width:100%}@media(min-width: 800px){.block-mac3-calculator .calculate-form__middle .quantities-table-content .content-item .column,.block-mac3-calculator .calculate-form__middle .desktop-header .column,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .content-item .column,.block-mac3-calculator .coverage-calculator-form__middle .desktop-header .column{width:auto;flex:1;margin-right:20px}}.block-mac3-calculator .calculate-form__middle .quantities-table-content .content-item .column:last-of-type,.block-mac3-calculator .calculate-form__middle .desktop-header .column:last-of-type,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .content-item .column:last-of-type,.block-mac3-calculator .coverage-calculator-form__middle .desktop-header .column:last-of-type{margin-right:0}.block-mac3-calculator .calculate-form__middle .quantities-table-content .content-item .column input,.block-mac3-calculator .calculate-form__middle .desktop-header .column input,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .content-item .column input,.block-mac3-calculator .coverage-calculator-form__middle .desktop-header .column input{width:100%;max-width:inherit}.block-mac3-calculator .calculate-form__middle .desktop-header,.block-mac3-calculator .coverage-calculator-form__middle .desktop-header{border-bottom:0;margin-bottom:0;padding:0}@media(max-width: 799px){.block-mac3-calculator .calculate-form__middle .desktop-header,.block-mac3-calculator .coverage-calculator-form__middle .desktop-header{display:none !important}}.block-mac3-calculator .calculate-form__middle .quantities-table-content,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content{padding:0}.block-mac3-calculator .calculate-form__middle .quantities-table-content .column,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .column{font-size:15px;color:#707070;font-weight:700}@media(min-width: 800px){.block-mac3-calculator .calculate-form__middle .quantities-table-content .column,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .column{font-size:16px}}.block-mac3-calculator .calculate-form__middle .quantities-table-content .column .label,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .column .label{color:#707070;margin-bottom:10px}@media(max-width: 799px){.block-mac3-calculator .calculate-form__middle .quantities-table-content .column .label,.block-mac3-calculator .coverage-calculator-form__middle .quantities-table-content .column .label{display:block}}.block-mac3-calculator .calculate-form__bottom,.block-mac3-calculator .coverage-calculator-form__bottom{display:inline-block;width:100%}.block-mac3-calculator .calculate-form__bottom .add-opening,.block-mac3-calculator .calculate-form__bottom .add-product,.block-mac3-calculator .calculate-form__bottom .add-surface,.block-mac3-calculator .coverage-calculator-form__bottom .add-opening,.block-mac3-calculator .coverage-calculator-form__bottom .add-product,.block-mac3-calculator .coverage-calculator-form__bottom .add-surface{padding-right:30px;color:#707070}@media(max-width: 799px){.block-mac3-calculator .calculate-form__bottom .add-opening,.block-mac3-calculator .calculate-form__bottom .add-product,.block-mac3-calculator .calculate-form__bottom .add-surface,.block-mac3-calculator .coverage-calculator-form__bottom .add-opening,.block-mac3-calculator .coverage-calculator-form__bottom .add-product,.block-mac3-calculator .coverage-calculator-form__bottom .add-surface{margin-top:0}}.block-mac3-calculator .calculate-form__bottom .add-opening:after,.block-mac3-calculator .calculate-form__bottom .add-product:after,.block-mac3-calculator .calculate-form__bottom .add-surface:after,.block-mac3-calculator .coverage-calculator-form__bottom .add-opening:after,.block-mac3-calculator .coverage-calculator-form__bottom .add-product:after,.block-mac3-calculator .coverage-calculator-form__bottom .add-surface:after{content:"";position:absolute;width:24px;height:24px;right:0;-webkit-mask-image:url(../../../icons/plus.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:24px;mask-image:url(../../../icons/plus.svg);mask-repeat:no-repeat;mask-position:center;mask-size:24px;background-repeat:no-repeat;background-position:center;background-size:24px;background:linear-gradient(45deg, var(--color-tertiary), var(--color-tertiary-2));right:0}@media(min-width: 800px){.block-mac3-calculator .calculate-form__bottom .submit-estimate,.block-mac3-calculator .coverage-calculator-form__bottom .submit-estimate{float:left}}.block-mac3-calculator .form-inputs{margin-bottom:0}.block-mac3-calculator .form-action{text-align:unset}.block-mac3-calculator .form-action .calculator-submit-estimate,.block-mac3-calculator .submit-estimate{background-image:linear-gradient(115.12deg, var(--color-primary-variant) 0%, var(--color-base) 100%);position:relative;padding:10px 100px 10px 30px;border-radius:30px;font-weight:700;color:var(--color-textonprimary);text-fill-color:unset;-webkit-text-fill-color:unset;border:none}.block-mac3-calculator .form-action .calculator-submit-estimate::after,.block-mac3-calculator .submit-estimate::after{content:"";position:absolute;right:30px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:var(--color-textonprimary);-webkit-mask-image:url("../../../icons/arrow-right.svg");mask-image:url("../../../icons/arrow-right.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.block-mac3-calculator .form-action .calculator-submit-estimate:hover,.block-mac3-calculator .form-action .calculator-submit-estimate:focus,.block-mac3-calculator .submit-estimate:hover,.block-mac3-calculator .submit-estimate:focus{text-decoration:none;opacity:1}@media(min-width: 800px){.block-mac3-calculator .form-action .calculator-submit-estimate,.block-mac3-calculator .submit-estimate{margin-top:10px}}/*# sourceMappingURL=coverage-calculator.css.map */