mp-design-system 0.7.3 → 0.7.5
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/build/js/app.js +8 -6
- package/dist/build/js/app.js.map +1 -1
- package/dist/build/scss/main.css +1 -1
- package/dist/build/scss/main.css.map +1 -1
- package/package.json +1 -1
- package/src/_includes/components/button/button.njk +1 -1
- package/src/_includes/components/hero/hero.config.js +26 -2
- package/src/_includes/components/hero/hero.njk +23 -1
- package/src/_includes/components/hero/hero.scss +34 -0
- package/src/_includes/components/table/table.config.js +12 -0
- package/src/_includes/components/table/table.njk +8 -2
- package/src/assets/js/app.js +5 -3
- package/src/assets/js/imports/hero-video.js +34 -0
- package/src/assets/scss/components/gallery.scss +0 -50
- package/src/assets/scss/components/index.scss +1 -0
- package/src/assets/scss/components/lightbox.scss +62 -0
package/dist/build/js/app.js
CHANGED
@@ -10,15 +10,17 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
|
|
10
10
|
"use strict";function r(r){return o(r)||n(r)||t(r)||e()}function e(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function t(r,e){if(r){if("string"==typeof r)return a(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(r,e):void 0}}function n(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function o(r){if(Array.isArray(r))return a(r)}function a(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function u(e){for(var t=r(e),n=t.length-1;n>0;n--){var o=Math.floor(Math.random()*(n+1)),a=[t[o],t[n]];t[n]=a[0],t[o]=a[1]}return t}function i(){return!window.matchMedia("(prefers-reduced-motion: no-preference)").matches}Object.defineProperty(exports,"__esModule",{value:!0}),exports.shuffle=u,exports.userPrefersReducedMotion=i,exports.range=exports.invlerp=exports.clamp=exports.lerp=exports.debounce=void 0;var c=function(r,e){var t=!1;return function(){t||(r(),t=!0,setTimeout(function(){return t=!1},e))}};exports.debounce=c;var f=function(r,e,t){return r*(1-t)+e*t};exports.lerp=f;var s=function(r){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Math.min(t,Math.max(e,r))};exports.clamp=s;var l=function(r,e,t){return s((t-r)/(e-r))};exports.invlerp=l;var p=function(r,e,t,n,o){return f(t,n,l(r,e,o))};exports.range=p;
|
11
11
|
},{}],"NkiS":[function(require,module,exports) {
|
12
12
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("./utilities");function t(){var t=0,r=document.querySelector(".c-hero__canvas");if(r){var o,i,n,a,c,h=r.getContext("2d"),s="rgb(19,170,19)",u=(0,e.userPrefersReducedMotion)(),d=147,l=0,f=.5,v=.25,g=[];window.addEventListener("resize",m),m(),function o(){t+=.005,h.clearRect(0,0,r.width,r.height),h.beginPath();for(var n=r.width;n>0;n--)h.lineTo(n,.5*r.height-Math.cos(t+n/5*.03)*(.3*i));h.lineWidth=.5,h.strokeStyle=s,h.stroke(),g.forEach(function(t){var r,o,i;r=t.x,o=t.y,i=(0,e.range)(0,g.length,l,f,t.counter),h.beginPath(),h.moveTo(r-14,o),h.lineTo(r+14,o),h.strokeStyle="rgba(255, 255, 255, ".concat(i),h.moveTo(r,o-14),h.lineTo(r,o+14),h.stroke(),t.counter+=t.direction,t.counter>=g.length&&(t.direction=-1*v),t.counter<0&&(t.direction=v)}),u||window.requestAnimationFrame(o)}()}function m(){o=r.scrollWidth,i=r.scrollHeight,h.canvas.width=o,h.canvas.height=i,n=Math.ceil(o/d),a=Math.ceil(i/d),c=(n+1)*(a+1);var t=(0,e.shuffle)(Array.from({length:c},function(e,t){return t}));g=[];for(var s=0;s<=n;s++)for(var u=0;u<=a;u++)g.push({counter:t.shift(),direction:Math.random()>.5?v:-1*v,x:d*(s+1)-d/1,y:d*(u+1)-d/2})}}var r=t;exports.default=r;
|
13
|
-
},{"./utilities":"ts5r"}],"
|
13
|
+
},{"./utilities":"ts5r"}],"hxUu":[function(require,module,exports) {
|
14
|
+
"use strict";function e(){document.addEventListener("DOMContentLoaded",function(){var e=document.getElementById("videoBackground");if(void 0!==e&&null!=e){var t=window.matchMedia("(prefers-reduced-motion: reduce)");t&&!t.matches||e.classList.add("u-hidden");var d=document.getElementById("playVideo"),n=document.getElementById("lightboxVideo");d.addEventListener("click",function(t){e.removeAttribute("autoplay"),n.classList.remove("u-hidden")}),n.addEventListener("click",function(t){t.target.classList.contains("c-lightbox__video")||(e.setAttribute("autoplay",""),n.classList.add("u-hidden"))}),window.addEventListener("keydown",function(t){"Escape"==t.key&&(e.setAttribute("autoplay",""),n.classList.add("u-hidden"))})}})}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=e;exports.default=t;
|
15
|
+
},{}],"SDMK":[function(require,module,exports) {
|
14
16
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=function(){Array.from(document.querySelectorAll(".c-table--responsive")).forEach(function(e){var t=e.querySelectorAll("thead > :first-child th"),r=Number(e.getAttribute("data-columns"))||2;if(t.length<r)return void e.classList.remove("c-table--responsive");Array.from(e.querySelectorAll("tbody tr")).forEach(function(e){Array.from(t).map(function(e){return e.textContent}).forEach(function(t,r){e.children[r]&&e.children[r].setAttribute("data-responsive-title",t)})})})},t=e;exports.default=t;
|
15
|
-
},{}],"jSdu":[function(require,module,exports) {
|
16
|
-
"use strict";function e(){Array.from(document.querySelectorAll(".c-scroll-spy")).forEach(t)}function t(e){var t=Array.from(e.querySelectorAll("a")),o=new IntersectionObserver(r(t));t.forEach(function(e){var t=e.getAttribute("href").replace("#",""),r=document.getElementById(t);r&&o.observe(r)})}function r(e){return function(t){var r=t.find(function(e){return e.isIntersecting});r&&e.forEach(function(e){e.classList.toggle("c-scroll-spy-active",e.getAttribute("href")==="#"+r.target.id)})}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var o=e;exports.default=o;
|
17
17
|
},{}],"XaLY":[function(require,module,exports) {
|
18
18
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("./utilities");function t(){i(),window.addEventListener("resize",(0,e.debounce)(i,250))}function i(){document.documentElement.style.setProperty("--scrollbarWidth",window.innerWidth-document.body.clientWidth+"px")}var d=t;exports.default=d;
|
19
|
-
},{"./utilities":"ts5r"}],"
|
19
|
+
},{"./utilities":"ts5r"}],"jSdu":[function(require,module,exports) {
|
20
|
+
"use strict";function e(){Array.from(document.querySelectorAll(".c-scroll-spy")).forEach(t)}function t(e){var t=Array.from(e.querySelectorAll("a")),o=new IntersectionObserver(r(t));t.forEach(function(e){var t=e.getAttribute("href").replace("#",""),r=document.getElementById(t);r&&o.observe(r)})}function r(e){return function(t){var r=t.find(function(e){return e.isIntersecting});r&&e.forEach(function(e){e.classList.toggle("c-scroll-spy-active",e.getAttribute("href")==="#"+r.target.id)})}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var o=e;exports.default=o;
|
21
|
+
},{}],"hmaF":[function(require,module,exports) {
|
20
22
|
"use strict";function t(){Array.from(document.querySelectorAll(".c-tabs--anchor")).forEach(e)}function e(t){var e=Array.from(t.querySelectorAll(".c-tabs__control")),o=Array.from(t.querySelectorAll(".c-tab")),n=t.classList.contains("c-tabs--persist");if(e.length&&o.length&&(e.forEach(function(t){t.addEventListener("click",r(e,o,n))}),n&&window.location.hash)){var c=t.querySelector('[href="'+window.location.hash+'"]');c&&c.dispatchEvent(new Event("click"))}}function r(t,e,r){return function(o){var n=o.currentTarget,c=e.find(function(t){return t.id===n.getAttribute("href").replace("#","")});if(!c)return!0;o.preventDefault(),r&&history.pushState(null,null,n.getAttribute("href")),t.forEach(function(t){return t.classList.toggle("c-tabs__control--active",t===n)}),e.forEach(function(t){var e=t===c;if(t.classList.toggle("c-tab--active",e),!r)if(e){t.setAttribute("tabIndex",-1);var o=window.scrollY;t.focus(),window.scrollTo({behavior:"auto",top:o})}else t.removeAttribute("tabIndex")})}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var o=t;exports.default=o;
|
21
23
|
},{}],"QdeU":[function(require,module,exports) {
|
22
|
-
"use strict";var r=
|
23
|
-
},{"./imports/carousel":"z8E2","./imports/clear-form":"Yb3e","./imports/comparison":"WZim","./imports/gallery":"KO1k","./imports/hero-pattern":"NkiS","./imports/
|
24
|
+
"use strict";var r=d(require("./imports/carousel")),e=d(require("./imports/clear-form")),o=d(require("./imports/comparison")),t=d(require("./imports/gallery")),i=d(require("./imports/hero-pattern")),a=d(require("./imports/hero-video")),l=d(require("./imports/responsive-table")),p=d(require("./imports/scrollbar-width")),u=d(require("./imports/scroll-spy")),s=d(require("./imports/tabs"));function d(r){return r&&r.__esModule?r:{default:r}}window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=Array.prototype.forEach),window.HTMLCollection&&!HTMLCollection.prototype.forEach&&(HTMLCollection.prototype.forEach=Array.prototype.forEach),(0,r.default)(),(0,e.default)(),(0,o.default)(),(0,t.default)(),(0,i.default)(),(0,a.default)(),(0,l.default)(),(0,p.default)(),(0,u.default)(),(0,s.default)();
|
25
|
+
},{"./imports/carousel":"z8E2","./imports/clear-form":"Yb3e","./imports/comparison":"WZim","./imports/gallery":"KO1k","./imports/hero-pattern":"NkiS","./imports/hero-video":"hxUu","./imports/responsive-table":"SDMK","./imports/scrollbar-width":"XaLY","./imports/scroll-spy":"jSdu","./imports/tabs":"hmaF"}]},{},["QdeU"], null)
|
24
26
|
//# sourceMappingURL=../js/app.js.map
|
package/dist/build/js/app.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["js/imports/carousel.js","js/imports/clear-form.js","js/imports/comparison.js","js/imports/gallery.js","js/imports/utilities.js","js/imports/hero-pattern.js","js/imports/responsive-table.js","js/imports/scroll-spy.js","js/imports/scrollbar-width.js","js/imports/tabs.js","js/app.js"],"names":["Carousel","current","bgSlides","document","querySelectorAll","fgSlides","length","setInterval","style","opacity","ClearForm","formClear","getElementById","addEventListener","closest","elements","forEach","field","value","type","toLowerCase","checked","Comparison","extractMobileComparison","container","body","querySelector","head","mobile","products","Array","from","children","filter","x","i","map","info","innerHTML","table","row","classList","contains","push","title","textContent","cells","firstCell","shift","el","index","key","product","createMobileProduct","appendChild","parent","createElement","join","Gallery","mainSlides","thumbnailSlides","lightboxTrigger","lightbox","cloneNode","remove","add","slide","insertAdjacentHTML","lightboxActive","prevImage","parseInt","dataset","nextImage","e","target","currentTarget","thumbnailSlide","thumbnail","parentNode","mainSlide","shuffle","array","arr","j","Math","floor","random","userPrefersReducedMotion","prefersReducedMotion","window","matchMedia","matches","debounce","func","limit","wait","setTimeout","lerp","y","a","clamp","min","max","invlerp","range","x1","y1","x2","y2","HeroPattern","time","c","ctx","width","height","across","down","totalPoints","getContext","sineColour","reduceMotion","crossGap","minimumOpacity","maximumOpacity","crossSpeed","crosses","onResize","draw","clearRect","beginPath","cnt","lineTo","cos","lineWidth","strokeStyle","stroke","cross","drawCross","counter","moveTo","direction","requestAnimationFrame","scrollWidth","scrollHeight","canvas","ceil","ids","_","ResponsiveTable","createResponsiveTable","headers","breakPoint","Number","getAttribute","header","setAttribute","ScrollSpy","setup","element","anchors","observer","IntersectionObserver","observation","anchor","id","replace","observe","results","firstObservation","find","isIntersecting","toggle","ScrollbarWidth","setScrollbarWidth","documentElement","setProperty","innerWidth","clientWidth","Tabs","setupTabs","controls","content","persist","control","controlClick","location","hash","dispatchEvent","Event","contents","event","preventDefault","history","pushState","isCurrent","scrollY","focus","scrollTo","behavior","top","removeAttribute","NodeList","prototype","HTMLCollection"],"mappings":";AAqBeA,aAAAA,SAAAA,EAAAA,EAAAA,GAAAA,IAAAA,EAAAA,oBAAAA,QAAAA,EAAAA,OAAAA,WAAAA,EAAAA,cAAAA,IAAAA,EAAAA,CAAAA,GAAAA,MAAAA,QAAAA,KAAAA,EAAAA,EAAAA,KAAAA,GAAAA,GAAAA,iBAAAA,EAAAA,OAAAA,CAAAA,IAAAA,EAAAA,GAAAA,IAAAA,EAAAA,EAAAA,EAAAA,aAAAA,MAAAA,CAAAA,EAAAA,EAAAA,EAAAA,WAAAA,OAAAA,GAAAA,EAAAA,OAAAA,CAAAA,MAAAA,GAAAA,CAAAA,MAAAA,EAAAA,MAAAA,EAAAA,OAAAA,EAAAA,SAAAA,GAAAA,MAAAA,GAAAA,EAAAA,GAAAA,MAAAA,IAAAA,UAAAA,yIAAAA,IAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,MAAAA,CAAAA,EAAAA,WAAAA,EAAAA,EAAAA,KAAAA,IAAAA,EAAAA,WAAAA,IAAAA,EAAAA,EAAAA,OAAAA,OAAAA,EAAAA,EAAAA,KAAAA,GAAAA,EAAAA,SAAAA,GAAAA,GAAAA,EAAAA,EAAAA,GAAAA,EAAAA,WAAAA,IAAAA,GAAAA,MAAAA,EAAAA,QAAAA,EAAAA,SAAAA,QAAAA,GAAAA,EAAAA,MAAAA,KAAAA,SAAAA,EAAAA,EAAAA,GAAAA,GAAAA,EAAAA,CAAAA,GAAAA,iBAAAA,EAAAA,OAAAA,EAAAA,EAAAA,GAAAA,IAAAA,EAAAA,OAAAA,UAAAA,SAAAA,KAAAA,GAAAA,MAAAA,GAAAA,GAAAA,MAAAA,WAAAA,GAAAA,EAAAA,cAAAA,EAAAA,EAAAA,YAAAA,MAAAA,QAAAA,GAAAA,QAAAA,EAAAA,MAAAA,KAAAA,GAAAA,cAAAA,GAAAA,2CAAAA,KAAAA,GAAAA,EAAAA,EAAAA,QAAAA,GAAAA,SAAAA,EAAAA,EAAAA,IAAAA,MAAAA,GAAAA,EAAAA,EAAAA,UAAAA,EAAAA,EAAAA,QAAAA,IAAAA,IAAAA,EAAAA,EAAAA,EAAAA,IAAAA,MAAAA,GAAAA,EAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAAA,GAAAA,OAAAA,EArBf,SAASA,IACHC,IAAAA,EAAU,EACRC,EAAWC,SAASC,iBAAiB,qBACrCC,EAAWF,SAASC,iBAAiB,qBAExCC,EAASC,OAAS,GACnBC,YAAY,WACUL,IADJ,EACIA,EAAAA,EAAAA,GADJ,IACc,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,MAAA,CAAA,EAAA,MACpBM,MAAMC,QAAU,GAFV,MAAA,GAAA,EAAA,EAAA,GAAA,QAAA,EAAA,IAIhBR,EAAWA,GAAWC,EAASI,OAAS,EAAKL,EAAU,EAAI,EAC3DC,EAASD,GAASO,MAAMC,QAAU,EAEdJ,IAPJ,EAOIA,EAAAA,EAAAA,GAPJ,IAOc,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,MAAA,CAAA,EAAA,MACpBG,MAAMC,QAAU,GARV,MAAA,GAAA,EAAA,EAAA,GAAA,QAAA,EAAA,IAUhBJ,EAASJ,GAASO,MAAMC,QAAU,GACjC,KAIQT,OAAAA,eAAAA,QAAAA,aAAAA,CAAAA,OAAAA,IAAAA,QAAAA,aAAAA,EAAAA,IAAAA,EAAAA,EAAAA,QAAAA,QAAAA;;ACKAU,aA1Bf,SAASA,IACDC,IAAAA,EAAYR,SAASS,eAAe,aACtCD,GACFA,EAAUE,iBAAiB,QAAS,WACnB,KAAKC,QAAQ,QAAQC,SAC7BC,QAAQ,SAAAC,GACTA,GAAe,IAAfA,EAAMC,MAAa,CAEnBD,GAA4B,QAA5BA,EAAME,KAAKC,eACiB,SAA5BH,EAAME,KAAKC,eACiB,OAA5BH,EAAME,KAAKC,eACiB,cAA5BH,EAAME,KAAKC,eACiB,YAA5BH,EAAME,KAAKC,cAGX,YADAH,EAAMC,MAAQ,IAET,GAAgC,YAA5BD,EAAME,KAAKC,cAEpB,YADAH,EAAMI,SAAU,QASbX,OAAAA,eAAAA,QAAAA,aAAAA,CAAAA,OAAAA,IAAAA,QAAAA,aAAAA,EAAAA,IAAAA,EAAAA,EAAAA,QAAAA,QAAAA;;ACsCAY,aAhEf,SAASA,IACPnB,SAASC,iBAAiB,iBAAiBY,QAAQO,GAGrD,SAASA,EAAwBC,GACzBC,IAAAA,EAAOD,EAAUE,cAAc,kBAC/BC,EAAOH,EAAUE,cAAc,kBAC/BE,EAASJ,EAAUE,cAAc,yBAEnC,GAACD,GAASE,GAASC,EAAnB,CAGEC,IAAAA,EAAWC,MAAMC,KAAKJ,EAAKK,SAAS,GAAGA,UAC1CC,OAAO,SAACC,EAAGC,GAAMA,OAAAA,IACjBC,IAAI,SAAAF,GAAM,MAAA,CAAEG,KAAMH,EAAEI,UAAWC,MAAO,MAEzCT,MAAMC,KAAKN,EAAKO,UAAUhB,QAAQ,SAAAwB,GAE5BA,GAAAA,EAAIC,UAAUC,SAAS,kBACzBb,EAASb,QAAQ,SAAAkB,GACfA,EAAEK,MAAMI,KAAK,CAAExB,KAAM,QAASyB,MAAOJ,EAAIR,SAAS,GAAGa,oBAElD,CAECC,IAAAA,EAAQhB,MAAMC,KAAKS,EAAIR,UACvBe,EAAYD,EAAME,QAExBF,EAAM9B,QAAQ,SAACiC,EAAIC,GACjBrB,EAASqB,GAAOX,MAAMI,KAAK,CACzBxB,KAAM,MACNgC,IAAKJ,EAAUF,YACf3B,MAAO+B,EAAGX,iBAMlBT,EAASb,QAAQ,SAAAoC,GACTH,IAAAA,EAAKI,EAAoBD,GAC/BxB,EAAO0B,YAAYL,MAIvB,SAASI,EAAoBD,GACrBG,IAAAA,EAASpD,SAASqD,cAAc,WAiB/BD,OAhBPA,EAAOjB,UACHc,4CAAAA,OAAAA,EAAQf,KAGRe,+CAAAA,OAAAA,EAAQb,MAAMH,IAAI,SAAAF,GACdA,MAAW,UAAXA,EAAEf,KACiDe,8CAAAA,OAAAA,EAAEU,MAAvD,cAGQV,uBAAAA,OAAAA,EAAEiB,IACFjB,yBAAAA,OAAAA,EAAEhB,MAFV,0BAKDuC,KAAK,IAbV,gBAgBOF,EAGMjC,OAAAA,eAAAA,QAAAA,aAAAA,CAAAA,OAAAA,IAAAA,QAAAA,aAAAA,EAAAA,IAAAA,EAAAA,EAAAA,QAAAA,QAAAA;;ACKAoC,aArEf,SAASA,IACDC,IAAAA,EAAaxD,SAASC,iBAAiB,sCACvCwD,EAAkBzD,SAASC,iBAAiB,4CAyBzCyD,SAAAA,IACDC,IAAAA,EAAW3D,SAASuB,cAAc,oBAAoBqC,WAAU,GACtED,EAASrB,UAAUuB,OAAO,mBAC1BF,EAASrB,UAAUwB,IAAI,cACvBH,EAAS1D,iBAAiB,qBAAqBY,QAAQ,SAASkD,GAC3DA,EAAMzB,UAAUC,SAAS,qBAC1BwB,EAAMF,SAERE,EAAMzB,UAAUwB,IAAI,qBACpBC,EAAMzB,UAAUuB,OAAO,sBAEzB7D,SAASsB,KAAK6B,YAAYQ,GAC1BA,EAASK,mBAAmB,YAAa,oEAEzCL,EAASpC,cAAc,qBAAqBb,iBAAiB,QAAS,WAC9DuD,IAAAA,EAAiBN,EAASpC,cAAc,WACxC2C,EAAYP,EAASpC,cAAc,iBAAmB4C,SAASF,EAAeG,QAAQL,OAAS,GAAK,MAC1F,MAAbG,IACDD,EAAe3B,UAAUuB,OAAO,UAChCK,EAAU5B,UAAUwB,IAAI,aAI5BH,EAASpC,cAAc,qBAAqBb,iBAAiB,QAAS,WAC9DuD,IAAAA,EAAiBN,EAASpC,cAAc,WACxC8C,EAAYV,EAASpC,cAAc,iBAAmB4C,SAASF,EAAeG,QAAQL,OAAS,GAAK,MAC1F,MAAbM,IACDJ,EAAe3B,UAAUuB,OAAO,UAChCQ,EAAU/B,UAAUwB,IAAI,aAI5BH,EAASjD,iBAAiB,QAAS,SAAS4D,GACtCA,EAAEC,SAAWD,EAAEE,eAGjBb,EAASE,WA3DfJ,EAAgB5C,QAAQ,SAAA4D,GAAkBA,OAAAA,EAAe/D,iBAAiB,QAAS,SAAS4D,GAC1Fb,EAAgB5C,QAAQ,SAAS6D,GAC5BA,GAAaJ,EAAEC,OAAOI,YACvBD,EAAUpC,UAAUuB,OAAO,YAG/BS,EAAEC,OAAOI,WAAWrC,UAAUwB,IAAI,UAElCN,EAAW3C,QAAQ,SAAS+D,GACvBA,EAAUR,QAAQL,OAASU,EAAeL,QAAQL,MACnDa,EAAUtC,UAAUwB,IAAI,UAExBc,EAAUtC,UAAUuB,OAAO,gBAKjCL,EAAW3C,QAAQ,SAAS+D,GACtBA,EAAUtC,UAAUC,SAAS,qBAC/BqC,EAAUlE,iBAAiB,QAASgD,KA8C3BH,OAAAA,eAAAA,QAAAA,aAAAA,CAAAA,OAAAA,IAAAA,QAAAA,aAAAA,EAAAA,IAAAA,EAAAA,EAAAA,QAAAA,QAAAA;;ACvCR,aAAA,SAAA,EAAA,GAAA,OAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,IAAA,SAAA,IAAA,MAAA,IAAA,UAAA,wIAAA,SAAA,EAAA,EAAA,GAAA,GAAA,EAAA,CAAA,GAAA,iBAAA,EAAA,OAAA,EAAA,EAAA,GAAA,IAAA,EAAA,OAAA,UAAA,SAAA,KAAA,GAAA,MAAA,GAAA,GAAA,MAAA,WAAA,GAAA,EAAA,cAAA,EAAA,EAAA,YAAA,MAAA,QAAA,GAAA,QAAA,EAAA,MAAA,KAAA,GAAA,cAAA,GAAA,2CAAA,KAAA,GAAA,EAAA,EAAA,QAAA,GAAA,SAAA,EAAA,GAAA,GAAA,oBAAA,QAAA,MAAA,EAAA,OAAA,WAAA,MAAA,EAAA,cAAA,OAAA,MAAA,KAAA,GAAA,SAAA,EAAA,GAAA,GAAA,MAAA,QAAA,GAAA,OAAA,EAAA,GAAA,SAAA,EAAA,EAAA,IAAA,MAAA,GAAA,EAAA,EAAA,UAAA,EAAA,EAAA,QAAA,IAAA,IAAA,EAAA,EAAA,EAAA,IAAA,MAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,EAAA,GAAA,OAAA,EA9BA,SAASsB,EAAQC,GAEjB,IADCC,IAAAA,EAAUD,EAAAA,GACP9C,EAAI+C,EAAI5E,OAAS,EAAG6B,EAAI,EAAGA,IAAK,CACnCgD,IAAAA,EAAIC,KAAKC,MAAMD,KAAKE,UAAYnD,EAAI,IACrB,EAAA,CAAC+C,EAAIC,GAAID,EAAI/C,IAA/B+C,EAAI/C,GAFkC,EAAA,GAE9B+C,EAAIC,GAF0B,EAAA,GAKlCD,OAAAA,EAGF,SAASK,IAIPC,OAFgBC,OAAOC,WADhB,2CAE+BC,QAiBxC,OAAA,eAAA,QAAA,aAAA,CAAA,OAAA,IAAA,QAAA,QAAA,EAAA,QAAA,yBAAA,EAAA,QAAA,MAAA,QAAA,QAAA,QAAA,MAAA,QAAA,KAAA,QAAA,cAAA,EAbA,IAAMC,EAAW,SAACC,EAAMC,GACzBC,IAAAA,GAAO,EACJ,OAAA,WACCA,IACJF,IACAE,GAAO,EACPC,WAAW,WAAMD,OAAAA,GAAO,GAAOD,MAO9B,QAAA,SAAA,EAHA,IAAMG,EAAO,SAAC/D,EAAGgE,EAAGC,GAAMjE,OAAAA,GAAK,EAAIiE,GAAKD,EAAIC,GAG5C,QAAA,KAAA,EAFA,IAAMC,EAAQ,SAACD,GAAGE,IAAAA,EAAM,UAAA,OAAA,QAAA,IAAA,UAAA,GAAA,UAAA,GAAA,EAAGC,EAAM,UAAA,OAAA,QAAA,IAAA,UAAA,GAAA,UAAA,GAAA,EAAMlB,OAAAA,KAAKiB,IAAIC,EAAKlB,KAAKkB,IAAID,EAAKF,KAEnE,QAAA,MAAA,EADA,IAAMI,EAAU,SAACrE,EAAGgE,EAAGC,GAAMC,OAAAA,GAAOD,EAAIjE,IAAMgE,EAAIhE,KAClD,QAAA,QAAA,EAAA,IAAMsE,EAAQ,SAACC,EAAIC,EAAIC,EAAIC,EAAIT,GAAMF,OAAAA,EAAKU,EAAIC,EAAIL,EAAQE,EAAIC,EAAIP,KAAlE,QAAA,MAAA;;AC+DQU,aAAAA,OAAAA,eAAAA,QAAAA,aAAAA,CAAAA,OAAAA,IAAAA,QAAAA,aAAAA,EA7Ff,IAAA,EAAA,QAAA,eAEA,SAASA,IACHC,IAAAA,EAAO,EAELC,EAAI5G,SAASuB,cAAc,mBAC7B,GAACqF,EAAD,CACEC,IAUFC,EACAC,EACAC,EACAC,EAEAC,EAfEL,EAAMD,EAAEO,WAAW,MAEnBC,EAAa,iBACbC,GAAe,EAArB,EAAA,4BAEMC,EAAW,IACXC,EAAiB,EACjBC,EAAiB,GACjBC,EAAa,IAMfC,EAAU,GAmEdpC,OAAO5E,iBAAiB,SAAUiH,GAClCA,IAjESC,SAAAA,IAEPjB,GAAc,KAEdE,EAAIgB,UAAU,EAAG,EAAGjB,EAAEE,MAAOF,EAAEG,QAC/BF,EAAIiB,YAEA,IAAA,IAAIC,EAAMnB,EAAEE,MAAOiB,EAAM,EAAGA,IAC9BlB,EAAImB,OAAOD,EAAgB,GAAXnB,EAAEG,OAAgB9B,KAAKgD,IAAItB,EAAOoB,EAAM,EAAI,MAAkB,GAAThB,IAGvEF,EAAIqB,UAAY,GAChBrB,EAAIsB,YAAcf,EAClBP,EAAIuB,SAGJV,EAAQ7G,QAAQ,SAAAwH,GAsCTC,IAAUvG,EAAGgE,EAAGzF,EAANyB,EArCLsG,EAAMtG,EAqCEgE,EArCCsC,EAAMtC,EAqCJzF,GArCO,EAAM,EAAA,OAAA,EAAGoH,EAAQvH,OAAQoH,EAAgBC,EAAgBa,EAAME,SAsC7F1B,EAAIiB,YACJjB,EAAI2B,OAAOzG,EAAI,GAAIgE,GACnBc,EAAImB,OAAOjG,EAAI,GAAIgE,GACnBc,EAAIsB,YAAqC7H,uBAAAA,OAAAA,GACzCuG,EAAI2B,OAAOzG,EAAGgE,EAAI,IAClBc,EAAImB,OAAOjG,EAAGgE,EAAI,IAClBc,EAAIuB,SA1CFC,EAAME,SAAWF,EAAMI,UACnBJ,EAAME,SAAWb,EAAQvH,SAAQkI,EAAMI,WAAa,EAAIhB,GACxDY,EAAME,QAAU,IAAGF,EAAMI,UAAYhB,KAGtCJ,GACH/B,OAAOoD,sBAAsBd,GAyCjCA,GArCSD,SAAAA,IACPb,EAAQF,EAAE+B,YACV5B,EAASH,EAAEgC,aAEX/B,EAAIgC,OAAO/B,MAASA,EACpBD,EAAIgC,OAAO9B,OAASA,EAEpBC,EAAS/B,KAAK6D,KAAKhC,EAAQQ,GAC3BL,EAAOhC,KAAK6D,KAAK/B,EAASO,GAE1BJ,GAAeF,EAAS,IAAMC,EAAO,GAC/B8B,IAAAA,GAAM,EAAQpH,EAAAA,SAAAA,MAAMC,KAAK,CAAEzB,OAAQ+G,GAAe,SAAC8B,EAAGhH,GAAOA,OAAAA,KACnE0F,EAAU,GACN,IAAA,IAAI3F,EAAI,EAAGA,GAAKiF,EAAQjF,IACtB,IAAA,IAAIgE,EAAI,EAAGA,GAAKkB,EAAMlB,IACxB2B,EAAQlF,KAAK,CACX+F,QAASQ,EAAIlG,QACb4F,UAAWxD,KAAKE,SAAW,GAAMsC,GAAc,EAAIA,EACnD1F,EAAGuF,GAAYvF,EAAI,GAAKuF,EAAW,EACnCvB,EAAGuB,GAAYvB,EAAI,GAAKuB,EAAW,KAqB9BZ,IAAAA,EAAAA,EAAAA,QAAAA,QAAAA;;AChEAuC,aAAAA,OAAAA,eAAAA,QAAAA,aAAAA,CAAAA,OAAAA,IAAAA,QAAAA,aAAAA,EA7Bf,IAAMA,EAAkB,WACPtH,MAAMC,KAAK5B,SAASC,iBAAiB,yBAC7CY,QAMEqI,SAAsB9G,GACvB+G,IAAAA,EAAU/G,EAAMnC,iBAAiB,2BACjCmJ,EAAaC,OAAOjH,EAAMkH,aAAa,kBAAoB,EAE7DH,GAAAA,EAAQhJ,OAASiJ,EAEnB,YADAhH,EAAME,UAAUuB,OAAO,uBAIzBlC,MAAMC,KAAKQ,EAAMnC,iBAAiB,aAAaY,QAAQ,SAACwB,GACtDV,MAAMC,KAAKuH,GACRlH,IAAI,SAACF,GAAMA,OAAAA,EAAEW,cACb7B,QAAQ,SAAC0I,EAAQxG,GACZV,EAAIR,SAASkB,IACfV,EAAIR,SAASkB,GAAOyG,aAAa,wBAAyBD,UAOvDN,EAAAA,EAAAA,QAAAA,QAAAA;;ACQAQ,aArCf,SAASA,IACO9H,MAAMC,KAAK5B,SAASC,iBAAiB,kBAC7CY,QAAQ6I,GAGhB,SAASA,EAAMC,GACPC,IAAAA,EAAUjI,MAAMC,KAAK+H,EAAQ1J,iBAAiB,MAC9C4J,EAAW,IAAIC,qBAAqBC,EAAYH,IAEtDA,EAAQ/I,QAAQ,SAAAmJ,GACRC,IAAAA,EAAKD,EAAOV,aAAa,QAAQY,QAAQ,IAAK,IAC9C3F,EAASvE,SAASS,eAAewJ,GAClC1F,GAELsF,EAASM,QAAQ5F,KAQrB,SAASwF,EAAYH,GACZ,OAAA,SAACQ,GACAC,IAAAA,EAAmBD,EAAQE,KAAK,SAAAvI,GAAKA,OAAAA,EAAEwI,iBAEzCF,GACFT,EAAQ/I,QAAQ,SAAAkB,GACdA,EAAEO,UAAUkI,OACV,sBACAzI,EAAEuH,aAAa,UAAY,IAAMe,EAAiB9F,OAAO0F,OAOpDR,OAAAA,eAAAA,QAAAA,aAAAA,CAAAA,OAAAA,IAAAA,QAAAA,aAAAA,EAAAA,IAAAA,EAAAA,EAAAA,QAAAA,QAAAA;;ACvBAgB,aAAAA,OAAAA,eAAAA,QAAAA,aAAAA,CAAAA,OAAAA,IAAAA,QAAAA,aAAAA,EAdf,IAAA,EAAA,QAAA,eAEA,SAASA,IACLC,IACApF,OAAO5E,iBAAiB,UAAU,EAASgK,EAAAA,UAAAA,EAAmB,MAGlE,SAASA,IACL1K,SAAS2K,gBAAgBtK,MAAMuK,YAC3B,mBACAtF,OAAOuF,WAAa7K,SAASsB,KAAKwJ,YAAc,MAIzCL,IAAAA,EAAAA,EAAAA,QAAAA,QAAAA;;AC2CAM,aAzDf,SAASA,IACMpJ,MAAMC,KAAK5B,SAASC,iBAAiB,oBAC7CY,QAAQmK,GAGf,SAASA,EAAU5H,GACX6H,IAAAA,EAAWtJ,MAAMC,KAAKwB,EAAOnD,iBAAiB,qBAC9CiL,EAAUvJ,MAAMC,KAAKwB,EAAOnD,iBAAiB,WAC7CkL,EAAU/H,EAAOd,UAAUC,SAAS,mBAEtC,GAAC0I,EAAS9K,QAAW+K,EAAQ/K,SAEjC8K,EAASpK,QAAQ,SAAAuK,GACfA,EAAQ1K,iBAAiB,QAAS2K,EAAaJ,EAAUC,EAASC,MAGhEA,GAAW7F,OAAOgG,SAASC,MAAM,CAC7BH,IAAAA,EAAUhI,EAAO7B,cAAc,UAAY+D,OAAOgG,SAASC,KAAO,MACpEH,GAASA,EAAQI,cAAc,IAAIC,MAAM,WAIjD,SAASJ,EAAaJ,EAAUS,EAAUP,GACjC,OAAA,SAACQ,GACAP,IAAAA,EAAUO,EAAMnH,cAChB0G,EAAUQ,EAASpB,KAAK,SAAAvI,GAAKA,OAAAA,EAAEkI,KAAOmB,EAAQ9B,aAAa,QAAQY,QAAQ,IAAK,MAElF,IAACgB,EACI,OAAA,EAGTS,EAAMC,iBAEFT,GACFU,QAAQC,UAAU,KAAM,KAAMV,EAAQ9B,aAAa,SAGrD2B,EAASpK,QAAQ,SAAA+F,GAAKA,OAAAA,EAAEtE,UAAUkI,OAAO,0BAA2B5D,IAAMwE,KAC1EM,EAAS7K,QAAQ,SAAA+F,GACTmF,IAAAA,EAAYnF,IAAMsE,EAGpBC,GAFJvE,EAAEtE,UAAUkI,OAAO,gBAAiBuB,IAEhCZ,EAEAY,GAAAA,EAAW,CACbnF,EAAE4C,aAAa,YAAa,GAEtBzD,IAAAA,EAAIT,OAAO0G,QACjBpF,EAAEqF,QACF3G,OAAO4G,SAAS,CAAEC,SAAU,OAAQC,IAAKrG,SAEzCa,EAAEyF,gBAAgB,eAMXtB,OAAAA,eAAAA,QAAAA,aAAAA,CAAAA,OAAAA,IAAAA,QAAAA,aAAAA,EAAAA,IAAAA,EAAAA,EAAAA,QAAAA,QAAAA;;AC/Cf,aAVA,IAAA,EAAA,EAAA,QAAA,uBACA,EAAA,EAAA,QAAA,yBACA,EAAA,EAAA,QAAA,yBACA,EAAA,EAAA,QAAA,sBACA,EAAA,EAAA,QAAA,2BACA,EAAA,EAAA,QAAA,+BACA,EAAA,EAAA,QAAA,yBACA,EAAA,EAAA,QAAA,8BACA,EAAA,EAAA,QAAA,mBAEA,SAAA,EAAA,GAAA,OAAA,GAAA,EAAA,WAAA,EAAA,CAAA,QAAA,GACKzF,OAAOgH,WAAaA,SAASC,UAAU1L,UACxCyL,SAASC,UAAU1L,QAAUc,MAAM4K,UAAU1L,SAE5CyE,OAAOkH,iBAAmBA,eAAeD,UAAU1L,UACpD2L,eAAeD,UAAU1L,QAAUc,MAAM4K,UAAU1L,UAGrD,EAAA,EAAA,YACA,EAAA,EAAA,YACA,EAAA,EAAA,YACA,EAAA,EAAA,YACA,EAAA,EAAA,YACA,EAAA,EAAA,YACA,EAAA,EAAA,YACA,EAAA,EAAA,YACA,EAAA,EAAA","file":"app.js","sourceRoot":"..\\..\\src\\assets","sourcesContent":["function Carousel() {\r\n let current = 0;\r\n const bgSlides = document.querySelectorAll('.c-hero__image-bg');\r\n const fgSlides = document.querySelectorAll('.c-hero__image-fg');\r\n\r\n if(fgSlides.length > 0) {\r\n setInterval(() => {\r\n for (var bgSlide of bgSlides) {\r\n bgSlide.style.opacity = 0;\r\n }\r\n current = (current != bgSlides.length - 1) ? current + 1 : 0;\r\n bgSlides[current].style.opacity = 1;\r\n \r\n for (var fgSlide of fgSlides) {\r\n fgSlide.style.opacity = 0;\r\n }\r\n fgSlides[current].style.opacity = 1;\r\n }, 5000);\r\n }\r\n}\r\n\r\nexport default Carousel;","function ClearForm() {\r\n const formClear = document.getElementById('clearForm');\r\n if (formClear) {\r\n formClear.addEventListener('click', function () {\r\n const fields = this.closest('form').elements;\r\n fields.forEach(field => {\r\n if (field.value != '') {\r\n if (\r\n field.type.toLowerCase() == 'text' || \r\n field.type.toLowerCase() == 'email' || \r\n field.type.toLowerCase() == 'tel' || \r\n field.type.toLowerCase() == 'select-one' || \r\n field.type.toLowerCase() == 'textarea'\r\n ) {\r\n field.value = '';\r\n return;\r\n } else if (field.type.toLowerCase() == 'checkbox') {\r\n field.checked = false;\r\n return;\r\n }\r\n }\r\n });\r\n });\r\n };\r\n}\r\n\r\nexport default ClearForm;","function Comparison() {\r\n document.querySelectorAll('.c-comparison').forEach(extractMobileComparison)\r\n}\r\n\r\nfunction extractMobileComparison(container) {\r\n const body = container.querySelector('.c-table tbody');\r\n const head = container.querySelector('.c-table thead');\r\n const mobile = container.querySelector('.c-comparison__mobile');\r\n\r\n if (!body || !head || !mobile) return;\r\n\r\n // Remove empty corner piece\r\n const products = Array.from(head.children[0].children)\r\n .filter((x, i) => i)\r\n .map(x => ({ info: x.innerHTML, table: [] }));\r\n\r\n Array.from(body.children).forEach(row => {\r\n // For table row headers, push to all products\r\n if (row.classList.contains('c-table__title')) {\r\n products.forEach(x => {\r\n x.table.push({ type: 'title', title: row.children[0].textContent })\r\n })\r\n } else {\r\n // For all others, loop the cells and push to their appropriate parent\r\n const cells = Array.from(row.children);\r\n const firstCell = cells.shift();\r\n\r\n cells.forEach((el, index) => {\r\n products[index].table.push({\r\n type: 'row',\r\n key: firstCell.textContent,\r\n value: el.innerHTML\r\n })\r\n })\r\n }\r\n })\r\n\r\n products.forEach(product => {\r\n const el = createMobileProduct(product);\r\n mobile.appendChild(el)\r\n })\r\n}\r\n\r\nfunction createMobileProduct(product) {\r\n const parent = document.createElement('article');\r\n parent.innerHTML = `<div class=\"c-comparison__content\">\r\n ${product.info}\r\n </div>\r\n <table class=\"c-table\">\r\n ${product.table.map(x => {\r\n if (x.type === 'title') {\r\n return `<tr class=\"c-table__title\"><th colspan=\"2\">${x.title}</th></tr>`;\r\n } else {\r\n return `<tr>\r\n <td>${x.key}</td>\r\n <td>${x.value}</td>\r\n </tr>`;\r\n }\r\n }).join('')}\r\n </table>`;\r\n\r\n return parent;\r\n}\r\n\r\nexport default Comparison;\r\n","function Gallery() {\r\n const mainSlides = document.querySelectorAll('.c-gallery__main .c-gallery__slide');\r\n const thumbnailSlides = document.querySelectorAll('.c-gallery__thumbnails .c-gallery__slide');\r\n\r\n thumbnailSlides.forEach(thumbnailSlide => thumbnailSlide.addEventListener('click', function(e) {\r\n thumbnailSlides.forEach(function(thumbnail) {\r\n if(thumbnail != e.target.parentNode) {\r\n thumbnail.classList.remove('active');\r\n }\r\n });\r\n e.target.parentNode.classList.add('active');\r\n\r\n mainSlides.forEach(function(mainSlide) {\r\n if(mainSlide.dataset.slide == thumbnailSlide.dataset.slide) {\r\n mainSlide.classList.add('active');\r\n } else {\r\n mainSlide.classList.remove('active');\r\n }\r\n });\r\n }));\r\n\r\n mainSlides.forEach(function(mainSlide) {\r\n if(!mainSlide.classList.contains('c-gallery__video')) {\r\n mainSlide.addEventListener('click', lightboxTrigger);\r\n }\r\n });\r\n\r\n function lightboxTrigger() {\r\n const lightbox = document.querySelector('.c-gallery__main').cloneNode(true);\r\n lightbox.classList.remove('c-gallery__main');\r\n lightbox.classList.add('c-lightbox');\r\n lightbox.querySelectorAll('.c-gallery__slide').forEach(function(slide) {\r\n if(slide.classList.contains('c-gallery__video')) {\r\n slide.remove();\r\n }\r\n slide.classList.add('c-lightbox__slide');\r\n slide.classList.remove('c-gallery__slide');\r\n });\r\n document.body.appendChild(lightbox);\r\n lightbox.insertAdjacentHTML('beforeend', '<a class=\"c-lightbox__prev\"></a><a class=\"c-lightbox__next\"></a>');\r\n\r\n lightbox.querySelector('.c-lightbox__prev').addEventListener('click', function() {\r\n const lightboxActive = lightbox.querySelector('.active');\r\n const prevImage = lightbox.querySelector('[data-slide=\"' + (parseInt(lightboxActive.dataset.slide) - 1) + '\"]');\r\n if(prevImage != null) {\r\n lightboxActive.classList.remove('active');\r\n prevImage.classList.add('active');\r\n }\r\n });\r\n\r\n lightbox.querySelector('.c-lightbox__next').addEventListener('click', function() {\r\n const lightboxActive = lightbox.querySelector('.active');\r\n const nextImage = lightbox.querySelector('[data-slide=\"' + (parseInt(lightboxActive.dataset.slide) + 1) + '\"]');\r\n if(nextImage != null) {\r\n lightboxActive.classList.remove('active');\r\n nextImage.classList.add('active');\r\n }\r\n });\r\n\r\n lightbox.addEventListener('click', function(e) {\r\n if (e.target !== e.currentTarget) {\r\n return;\r\n } else {\r\n lightbox.remove();\r\n }\r\n });\r\n }\r\n}\r\n\r\nexport default Gallery;\r\n","export function shuffle(array) {\r\n const arr = [...array];\r\n for (let i = arr.length - 1; i > 0; i--) {\r\n let j = Math.floor(Math.random() * (i + 1));\r\n [arr[i], arr[j]] = [arr[j], arr[i]];\r\n }\r\n\r\n return arr;\r\n}\r\n\r\nexport function userPrefersReducedMotion() {\r\n const QUERY = '(prefers-reduced-motion: no-preference)';\r\n const mediaQueryList = window.matchMedia(QUERY);\r\n const prefersReducedMotion = !mediaQueryList.matches;\r\n return prefersReducedMotion;\r\n}\r\n\r\nexport const debounce = (func, limit) => {\r\n let wait = false; \r\n return () => {\r\n if (wait) return;\r\n func();\r\n wait = true;\r\n setTimeout(() => wait = false, limit);\r\n }\r\n}\r\n\r\nexport const lerp = (x, y, a) => x * (1 - a) + y * a;\r\nexport const clamp = (a, min = 0, max = 1) => Math.min(max, Math.max(min, a));\r\nexport const invlerp = (x, y, a) => clamp((a - x) / (y - x));\r\nexport const range = (x1, y1, x2, y2, a) => lerp(x2, y2, invlerp(x1, y1, a));\r\n","import { range, shuffle, userPrefersReducedMotion } from './utilities';\r\n\r\nfunction HeroPattern() {\r\n let time = 0;\r\n\r\n const c = document.querySelector('.c-hero__canvas');\r\n if (!c) return;\r\n const ctx = c.getContext(\"2d\");\r\n \r\n const sineColour = \"rgb(19,170,19)\";\r\n const reduceMotion = userPrefersReducedMotion();\r\n\r\n const crossGap = 147;\r\n const minimumOpacity = 0;\r\n const maximumOpacity = 0.5;\r\n const crossSpeed = 0.25;\r\n\r\n let width;\r\n let height;\r\n let across;\r\n let down;\r\n let crosses = [];\r\n let totalPoints;\r\n\r\n function draw() {\r\n // Sine wave\r\n time = time + 0.005;\r\n \r\n ctx.clearRect(0, 0, c.width, c.height);\r\n ctx.beginPath();\r\n \r\n for(let cnt = c.width; cnt > 0; cnt--) {\r\n ctx.lineTo(cnt, c.height * 0.5 - (Math.cos(time + cnt / 5 * 0.03) * (height * 0.3) ));\r\n }\r\n \r\n ctx.lineWidth = 0.5;\r\n ctx.strokeStyle = sineColour;\r\n ctx.stroke();\r\n \r\n // Crosses\r\n crosses.forEach(cross => {\r\n drawCross(cross.x, cross.y, range(0, crosses.length, minimumOpacity, maximumOpacity, cross.counter));\r\n \r\n cross.counter += cross.direction;\r\n if (cross.counter >= crosses.length) cross.direction = -1 * crossSpeed;\r\n if (cross.counter < 0) cross.direction = crossSpeed;\r\n })\r\n \r\n if (!reduceMotion) {\r\n window.requestAnimationFrame(draw);\r\n }\r\n }\r\n \r\n function onResize() {\r\n width = c.scrollWidth;\r\n height = c.scrollHeight;\r\n \r\n ctx.canvas.width = width;\r\n ctx.canvas.height = height;\r\n \r\n across = Math.ceil(width / crossGap);\r\n down = Math.ceil(height / crossGap);\r\n \r\n totalPoints = (across + 1) * (down + 1);\r\n const ids = shuffle(Array.from({ length: totalPoints }, (_, i) => (i)))\r\n crosses = [];\r\n for(let x = 0; x <= across; x++) {\r\n for(let y = 0; y <= down; y++) {\r\n crosses.push({\r\n counter: ids.shift(),\r\n direction: Math.random() > 0.5 ? crossSpeed : -1 * crossSpeed,\r\n x: crossGap * (x + 1) - crossGap / 1,\r\n y: crossGap * (y + 1) - crossGap / 2\r\n });\r\n }\r\n }\r\n }\r\n \r\n function drawCross(x, y, opacity) {\r\n ctx.beginPath();\r\n ctx.moveTo(x - 14, y);\r\n ctx.lineTo(x + 14, y);\r\n ctx.strokeStyle = `rgba(255, 255, 255, ${opacity}`;\r\n ctx.moveTo(x, y - 14);\r\n ctx.lineTo(x, y + 14);\r\n ctx.stroke();\r\n }\r\n\r\n window.addEventListener('resize', onResize);\r\n onResize();\r\n draw();\r\n}\r\n\r\nexport default HeroPattern;\r\n","const ResponsiveTable = () => {\r\n const tables = Array.from(document.querySelectorAll('.c-table--responsive'));\r\n tables.forEach(createResponsiveTable);\r\n\r\n /**\r\n * Create responsive table headers for large tables\r\n * @param {HTMLTableElement} table\r\n */\r\n function createResponsiveTable(table) {\r\n const headers = table.querySelectorAll('thead > :first-child th');\r\n const breakPoint = Number(table.getAttribute('data-columns')) || 2\r\n \r\n if (headers.length < breakPoint) {\r\n table.classList.remove('c-table--responsive');\r\n return;\r\n };\r\n\r\n Array.from(table.querySelectorAll('tbody tr')).forEach((row) => {\r\n Array.from(headers)\r\n .map((x) => x.textContent)\r\n .forEach((header, index) => {\r\n if (row.children[index]) {\r\n row.children[index].setAttribute('data-responsive-title', header);\r\n }\r\n });\r\n });\r\n }\r\n};\r\n\r\nexport default ResponsiveTable;\r\n","function ScrollSpy() {\r\n const spies = Array.from(document.querySelectorAll('.c-scroll-spy'));\r\n spies.forEach(setup);\r\n}\r\n\r\nfunction setup(element) {\r\n const anchors = Array.from(element.querySelectorAll('a'));\r\n const observer = new IntersectionObserver(observation(anchors));\r\n \r\n anchors.forEach(anchor => {\r\n const id = anchor.getAttribute('href').replace('#', '');\r\n const target = document.getElementById(id);\r\n if (!target) return;\r\n\r\n observer.observe(target);\r\n });\r\n}\r\n\r\n/**\r\n * @param {Array<HTMLAnchorElement>} results \r\n * @return {Array<IntersectionObserverEntry>}\r\n */\r\nfunction observation(anchors) {\r\n return (results) => {\r\n const firstObservation = results.find(x => x.isIntersecting);\r\n\r\n if (firstObservation) {\r\n anchors.forEach(x => {\r\n x.classList.toggle(\r\n 'c-scroll-spy-active',\r\n x.getAttribute('href') === '#' + firstObservation.target.id\r\n )\r\n })\r\n }\r\n }\r\n}\r\n\r\nexport default ScrollSpy;\r\n","import { debounce } from './utilities';\r\n\r\nfunction ScrollbarWidth() {\r\n setScrollbarWidth();\r\n window.addEventListener('resize', debounce(setScrollbarWidth, 250));\r\n}\r\n\r\nfunction setScrollbarWidth() {\r\n document.documentElement.style.setProperty(\r\n '--scrollbarWidth', \r\n window.innerWidth - document.body.clientWidth + 'px'\r\n );\r\n}\r\n\r\nexport default ScrollbarWidth;","function Tabs() {\r\n const tabs = Array.from(document.querySelectorAll('.c-tabs--anchor'));\r\n tabs.forEach(setupTabs);\r\n}\r\n\r\nfunction setupTabs(parent) {\r\n const controls = Array.from(parent.querySelectorAll('.c-tabs__control'));\r\n const content = Array.from(parent.querySelectorAll('.c-tab'));\r\n const persist = parent.classList.contains('c-tabs--persist');\r\n \r\n if (!controls.length || !content.length) return;\r\n\r\n controls.forEach(control => {\r\n control.addEventListener('click', controlClick(controls, content, persist))\r\n })\r\n\r\n if (persist && window.location.hash) {\r\n const control = parent.querySelector('[href=\"' + window.location.hash + '\"]');\r\n if (control) control.dispatchEvent(new Event('click'));\r\n }\r\n}\r\n\r\nfunction controlClick(controls, contents, persist) {\r\n return (event) => {\r\n const control = event.currentTarget;\r\n const content = contents.find(x => x.id === control.getAttribute('href').replace('#', ''));\r\n \r\n if (!content) {\r\n return true;\r\n };\r\n\r\n event.preventDefault();\r\n \r\n if (persist) {\r\n history.pushState(null, null, control.getAttribute('href'));\r\n }\r\n\r\n controls.forEach(c => c.classList.toggle('c-tabs__control--active', c === control));\r\n contents.forEach(c => {\r\n const isCurrent = c === content;\r\n c.classList.toggle('c-tab--active', isCurrent);\r\n \r\n if (persist) return;\r\n\r\n if (isCurrent) {\r\n c.setAttribute('tabIndex', -1);\r\n \r\n const y = window.scrollY;\r\n c.focus();\r\n window.scrollTo({ behavior: \"auto\", top: y })\r\n } else {\r\n c.removeAttribute('tabIndex');\r\n }\r\n });\r\n }\r\n}\r\n\r\nexport default Tabs;\r\n","import Carousel from './imports/carousel';\r\nimport ClearForm from './imports/clear-form';\r\nimport Comparison from './imports/comparison';\r\nimport Gallery from './imports/gallery';\r\nimport HeroPattern from './imports/hero-pattern';\r\nimport ResponsiveTable from './imports/responsive-table';\r\nimport ScrollSpy from './imports/scroll-spy';\r\nimport ScrollbarWidth from './imports/scrollbar-width';\r\nimport Tabs from './imports/tabs';\r\n\r\n(() => {\r\n if(window.NodeList && !NodeList.prototype.forEach) {\r\n NodeList.prototype.forEach = Array.prototype.forEach;\r\n }\r\n if(window.HTMLCollection && !HTMLCollection.prototype.forEach) {\r\n HTMLCollection.prototype.forEach = Array.prototype.forEach;\r\n }\r\n \r\n Carousel();\r\n ClearForm();\r\n Comparison();\r\n Gallery();\r\n HeroPattern();\r\n Tabs();\r\n ScrollSpy();\r\n ResponsiveTable();\r\n ScrollbarWidth();\r\n})();"]}
|
1
|
+
{"version":3,"sources":["js/imports/carousel.js","js/imports/clear-form.js","js/imports/comparison.js","js/imports/gallery.js","js/imports/utilities.js","js/imports/hero-pattern.js","js/imports/hero-video.js","js/imports/responsive-table.js","js/imports/scrollbar-width.js","js/imports/scroll-spy.js","js/imports/tabs.js","js/app.js"],"names":["Carousel","current","bgSlides","document","querySelectorAll","fgSlides","length","setInterval","style","opacity","ClearForm","formClear","getElementById","addEventListener","closest","elements","forEach","field","value","type","toLowerCase","checked","Comparison","extractMobileComparison","container","body","querySelector","head","mobile","products","Array","from","children","filter","x","i","map","info","innerHTML","table","row","classList","contains","push","title","textContent","cells","firstCell","shift","el","index","key","product","createMobileProduct","appendChild","parent","createElement","join","Gallery","mainSlides","thumbnailSlides","lightboxTrigger","lightbox","cloneNode","remove","add","slide","insertAdjacentHTML","lightboxActive","prevImage","parseInt","dataset","nextImage","e","target","currentTarget","thumbnailSlide","thumbnail","parentNode","mainSlide","shuffle","array","arr","j","Math","floor","random","userPrefersReducedMotion","prefersReducedMotion","window","matchMedia","matches","debounce","func","limit","wait","setTimeout","lerp","y","a","clamp","min","max","invlerp","range","x1","y1","x2","y2","HeroPattern","time","c","ctx","width","height","across","down","totalPoints","getContext","sineColour","reduceMotion","crossGap","minimumOpacity","maximumOpacity","crossSpeed","crosses","onResize","draw","clearRect","beginPath","cnt","lineTo","cos","lineWidth","strokeStyle","stroke","cross","drawCross","counter","moveTo","direction","requestAnimationFrame","scrollWidth","scrollHeight","canvas","ceil","ids","_","HeroVideo","videoBackground","reducedMotion","lightboxVideo","removeAttribute","setAttribute","ResponsiveTable","createResponsiveTable","headers","breakPoint","Number","getAttribute","header","ScrollbarWidth","setScrollbarWidth","documentElement","setProperty","innerWidth","clientWidth","ScrollSpy","setup","element","anchors","observer","IntersectionObserver","observation","anchor","id","replace","observe","results","firstObservation","find","isIntersecting","toggle","Tabs","setupTabs","controls","content","persist","control","controlClick","location","hash","dispatchEvent","Event","contents","event","preventDefault","history","pushState","isCurrent","scrollY","focus","scrollTo","behavior","top","NodeList","prototype","HTMLCollection"],"mappings":"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","file":"app.js","sourceRoot":"..\\..\\src\\assets","sourcesContent":["function Carousel() {\r\n let current = 0;\r\n const bgSlides = document.querySelectorAll('.c-hero__image-bg');\r\n const fgSlides = document.querySelectorAll('.c-hero__image-fg');\r\n\r\n if(fgSlides.length > 0) {\r\n setInterval(() => {\r\n for (var bgSlide of bgSlides) {\r\n bgSlide.style.opacity = 0;\r\n }\r\n current = (current != bgSlides.length - 1) ? current + 1 : 0;\r\n bgSlides[current].style.opacity = 1;\r\n \r\n for (var fgSlide of fgSlides) {\r\n fgSlide.style.opacity = 0;\r\n }\r\n fgSlides[current].style.opacity = 1;\r\n }, 5000);\r\n }\r\n}\r\n\r\nexport default Carousel;","function ClearForm() {\r\n const formClear = document.getElementById('clearForm');\r\n if (formClear) {\r\n formClear.addEventListener('click', function () {\r\n const fields = this.closest('form').elements;\r\n fields.forEach(field => {\r\n if (field.value != '') {\r\n if (\r\n field.type.toLowerCase() == 'text' || \r\n field.type.toLowerCase() == 'email' || \r\n field.type.toLowerCase() == 'tel' || \r\n field.type.toLowerCase() == 'select-one' || \r\n field.type.toLowerCase() == 'textarea'\r\n ) {\r\n field.value = '';\r\n return;\r\n } else if (field.type.toLowerCase() == 'checkbox') {\r\n field.checked = false;\r\n return;\r\n }\r\n }\r\n });\r\n });\r\n };\r\n}\r\n\r\nexport default ClearForm;","function Comparison() {\r\n document.querySelectorAll('.c-comparison').forEach(extractMobileComparison)\r\n}\r\n\r\nfunction extractMobileComparison(container) {\r\n const body = container.querySelector('.c-table tbody');\r\n const head = container.querySelector('.c-table thead');\r\n const mobile = container.querySelector('.c-comparison__mobile');\r\n\r\n if (!body || !head || !mobile) return;\r\n\r\n // Remove empty corner piece\r\n const products = Array.from(head.children[0].children)\r\n .filter((x, i) => i)\r\n .map(x => ({ info: x.innerHTML, table: [] }));\r\n\r\n Array.from(body.children).forEach(row => {\r\n // For table row headers, push to all products\r\n if (row.classList.contains('c-table__title')) {\r\n products.forEach(x => {\r\n x.table.push({ type: 'title', title: row.children[0].textContent })\r\n })\r\n } else {\r\n // For all others, loop the cells and push to their appropriate parent\r\n const cells = Array.from(row.children);\r\n const firstCell = cells.shift();\r\n\r\n cells.forEach((el, index) => {\r\n products[index].table.push({\r\n type: 'row',\r\n key: firstCell.textContent,\r\n value: el.innerHTML\r\n })\r\n })\r\n }\r\n })\r\n\r\n products.forEach(product => {\r\n const el = createMobileProduct(product);\r\n mobile.appendChild(el)\r\n })\r\n}\r\n\r\nfunction createMobileProduct(product) {\r\n const parent = document.createElement('article');\r\n parent.innerHTML = `<div class=\"c-comparison__content\">\r\n ${product.info}\r\n </div>\r\n <table class=\"c-table\">\r\n ${product.table.map(x => {\r\n if (x.type === 'title') {\r\n return `<tr class=\"c-table__title\"><th colspan=\"2\">${x.title}</th></tr>`;\r\n } else {\r\n return `<tr>\r\n <td>${x.key}</td>\r\n <td>${x.value}</td>\r\n </tr>`;\r\n }\r\n }).join('')}\r\n </table>`;\r\n\r\n return parent;\r\n}\r\n\r\nexport default Comparison;\r\n","function Gallery() {\r\n const mainSlides = document.querySelectorAll('.c-gallery__main .c-gallery__slide');\r\n const thumbnailSlides = document.querySelectorAll('.c-gallery__thumbnails .c-gallery__slide');\r\n\r\n thumbnailSlides.forEach(thumbnailSlide => thumbnailSlide.addEventListener('click', function(e) {\r\n thumbnailSlides.forEach(function(thumbnail) {\r\n if(thumbnail != e.target.parentNode) {\r\n thumbnail.classList.remove('active');\r\n }\r\n });\r\n e.target.parentNode.classList.add('active');\r\n\r\n mainSlides.forEach(function(mainSlide) {\r\n if(mainSlide.dataset.slide == thumbnailSlide.dataset.slide) {\r\n mainSlide.classList.add('active');\r\n } else {\r\n mainSlide.classList.remove('active');\r\n }\r\n });\r\n }));\r\n\r\n mainSlides.forEach(function(mainSlide) {\r\n if(!mainSlide.classList.contains('c-gallery__video')) {\r\n mainSlide.addEventListener('click', lightboxTrigger);\r\n }\r\n });\r\n\r\n function lightboxTrigger() {\r\n const lightbox = document.querySelector('.c-gallery__main').cloneNode(true);\r\n lightbox.classList.remove('c-gallery__main');\r\n lightbox.classList.add('c-lightbox');\r\n lightbox.querySelectorAll('.c-gallery__slide').forEach(function(slide) {\r\n if(slide.classList.contains('c-gallery__video')) {\r\n slide.remove();\r\n }\r\n slide.classList.add('c-lightbox__slide');\r\n slide.classList.remove('c-gallery__slide');\r\n });\r\n document.body.appendChild(lightbox);\r\n lightbox.insertAdjacentHTML('beforeend', '<a class=\"c-lightbox__prev\"></a><a class=\"c-lightbox__next\"></a>');\r\n\r\n lightbox.querySelector('.c-lightbox__prev').addEventListener('click', function() {\r\n const lightboxActive = lightbox.querySelector('.active');\r\n const prevImage = lightbox.querySelector('[data-slide=\"' + (parseInt(lightboxActive.dataset.slide) - 1) + '\"]');\r\n if(prevImage != null) {\r\n lightboxActive.classList.remove('active');\r\n prevImage.classList.add('active');\r\n }\r\n });\r\n\r\n lightbox.querySelector('.c-lightbox__next').addEventListener('click', function() {\r\n const lightboxActive = lightbox.querySelector('.active');\r\n const nextImage = lightbox.querySelector('[data-slide=\"' + (parseInt(lightboxActive.dataset.slide) + 1) + '\"]');\r\n if(nextImage != null) {\r\n lightboxActive.classList.remove('active');\r\n nextImage.classList.add('active');\r\n }\r\n });\r\n\r\n lightbox.addEventListener('click', function(e) {\r\n if (e.target !== e.currentTarget) {\r\n return;\r\n } else {\r\n lightbox.remove();\r\n }\r\n });\r\n }\r\n}\r\n\r\nexport default Gallery;\r\n","export function shuffle(array) {\r\n const arr = [...array];\r\n for (let i = arr.length - 1; i > 0; i--) {\r\n let j = Math.floor(Math.random() * (i + 1));\r\n [arr[i], arr[j]] = [arr[j], arr[i]];\r\n }\r\n\r\n return arr;\r\n}\r\n\r\nexport function userPrefersReducedMotion() {\r\n const QUERY = '(prefers-reduced-motion: no-preference)';\r\n const mediaQueryList = window.matchMedia(QUERY);\r\n const prefersReducedMotion = !mediaQueryList.matches;\r\n return prefersReducedMotion;\r\n}\r\n\r\nexport const debounce = (func, limit) => {\r\n let wait = false; \r\n return () => {\r\n if (wait) return;\r\n func();\r\n wait = true;\r\n setTimeout(() => wait = false, limit);\r\n }\r\n}\r\n\r\nexport const lerp = (x, y, a) => x * (1 - a) + y * a;\r\nexport const clamp = (a, min = 0, max = 1) => Math.min(max, Math.max(min, a));\r\nexport const invlerp = (x, y, a) => clamp((a - x) / (y - x));\r\nexport const range = (x1, y1, x2, y2, a) => lerp(x2, y2, invlerp(x1, y1, a));\r\n","import { range, shuffle, userPrefersReducedMotion } from './utilities';\r\n\r\nfunction HeroPattern() {\r\n let time = 0;\r\n\r\n const c = document.querySelector('.c-hero__canvas');\r\n if (!c) return;\r\n const ctx = c.getContext(\"2d\");\r\n \r\n const sineColour = \"rgb(19,170,19)\";\r\n const reduceMotion = userPrefersReducedMotion();\r\n\r\n const crossGap = 147;\r\n const minimumOpacity = 0;\r\n const maximumOpacity = 0.5;\r\n const crossSpeed = 0.25;\r\n\r\n let width;\r\n let height;\r\n let across;\r\n let down;\r\n let crosses = [];\r\n let totalPoints;\r\n\r\n function draw() {\r\n // Sine wave\r\n time = time + 0.005;\r\n \r\n ctx.clearRect(0, 0, c.width, c.height);\r\n ctx.beginPath();\r\n \r\n for(let cnt = c.width; cnt > 0; cnt--) {\r\n ctx.lineTo(cnt, c.height * 0.5 - (Math.cos(time + cnt / 5 * 0.03) * (height * 0.3) ));\r\n }\r\n \r\n ctx.lineWidth = 0.5;\r\n ctx.strokeStyle = sineColour;\r\n ctx.stroke();\r\n \r\n // Crosses\r\n crosses.forEach(cross => {\r\n drawCross(cross.x, cross.y, range(0, crosses.length, minimumOpacity, maximumOpacity, cross.counter));\r\n \r\n cross.counter += cross.direction;\r\n if (cross.counter >= crosses.length) cross.direction = -1 * crossSpeed;\r\n if (cross.counter < 0) cross.direction = crossSpeed;\r\n })\r\n \r\n if (!reduceMotion) {\r\n window.requestAnimationFrame(draw);\r\n }\r\n }\r\n \r\n function onResize() {\r\n width = c.scrollWidth;\r\n height = c.scrollHeight;\r\n \r\n ctx.canvas.width = width;\r\n ctx.canvas.height = height;\r\n \r\n across = Math.ceil(width / crossGap);\r\n down = Math.ceil(height / crossGap);\r\n \r\n totalPoints = (across + 1) * (down + 1);\r\n const ids = shuffle(Array.from({ length: totalPoints }, (_, i) => (i)))\r\n crosses = [];\r\n for(let x = 0; x <= across; x++) {\r\n for(let y = 0; y <= down; y++) {\r\n crosses.push({\r\n counter: ids.shift(),\r\n direction: Math.random() > 0.5 ? crossSpeed : -1 * crossSpeed,\r\n x: crossGap * (x + 1) - crossGap / 1,\r\n y: crossGap * (y + 1) - crossGap / 2\r\n });\r\n }\r\n }\r\n }\r\n \r\n function drawCross(x, y, opacity) {\r\n ctx.beginPath();\r\n ctx.moveTo(x - 14, y);\r\n ctx.lineTo(x + 14, y);\r\n ctx.strokeStyle = `rgba(255, 255, 255, ${opacity}`;\r\n ctx.moveTo(x, y - 14);\r\n ctx.lineTo(x, y + 14);\r\n ctx.stroke();\r\n }\r\n\r\n window.addEventListener('resize', onResize);\r\n onResize();\r\n draw();\r\n}\r\n\r\nexport default HeroPattern;\r\n","function HeroVideo() {\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n const videoBackground = document.getElementById('videoBackground');\r\n if(typeof(videoBackground) != 'undefined' && videoBackground != null) {\r\n const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\r\n if(!reducedMotion || reducedMotion.matches) {\r\n videoBackground.classList.add('u-hidden');\r\n }\r\n \r\n const lightboxTrigger = document.getElementById('playVideo');\r\n const lightboxVideo = document.getElementById('lightboxVideo');\r\n\r\n lightboxTrigger.addEventListener('click', e => {\r\n videoBackground.removeAttribute('autoplay');\r\n lightboxVideo.classList.remove('u-hidden');\r\n });\r\n \r\n lightboxVideo.addEventListener('click', (e) => {\r\n if (!e.target.classList.contains('c-lightbox__video')) {\r\n videoBackground.setAttribute('autoplay','');\r\n lightboxVideo.classList.add('u-hidden');\r\n }\r\n });\r\n window.addEventListener('keydown', function(e) {\r\n if (e.key == \"Escape\") {\r\n videoBackground.setAttribute('autoplay','');\r\n lightboxVideo.classList.add('u-hidden');\r\n }\r\n });\r\n }\r\n });\r\n}\r\n\r\nexport default HeroVideo;","const ResponsiveTable = () => {\r\n const tables = Array.from(document.querySelectorAll('.c-table--responsive'));\r\n tables.forEach(createResponsiveTable);\r\n\r\n /**\r\n * Create responsive table headers for large tables\r\n * @param {HTMLTableElement} table\r\n */\r\n function createResponsiveTable(table) {\r\n const headers = table.querySelectorAll('thead > :first-child th');\r\n const breakPoint = Number(table.getAttribute('data-columns')) || 2\r\n \r\n if (headers.length < breakPoint) {\r\n table.classList.remove('c-table--responsive');\r\n return;\r\n };\r\n\r\n Array.from(table.querySelectorAll('tbody tr')).forEach((row) => {\r\n Array.from(headers)\r\n .map((x) => x.textContent)\r\n .forEach((header, index) => {\r\n if (row.children[index]) {\r\n row.children[index].setAttribute('data-responsive-title', header);\r\n }\r\n });\r\n });\r\n }\r\n};\r\n\r\nexport default ResponsiveTable;\r\n","import { debounce } from './utilities';\r\n\r\nfunction ScrollbarWidth() {\r\n setScrollbarWidth();\r\n window.addEventListener('resize', debounce(setScrollbarWidth, 250));\r\n}\r\n\r\nfunction setScrollbarWidth() {\r\n document.documentElement.style.setProperty(\r\n '--scrollbarWidth', \r\n window.innerWidth - document.body.clientWidth + 'px'\r\n );\r\n}\r\n\r\nexport default ScrollbarWidth;","function ScrollSpy() {\r\n const spies = Array.from(document.querySelectorAll('.c-scroll-spy'));\r\n spies.forEach(setup);\r\n}\r\n\r\nfunction setup(element) {\r\n const anchors = Array.from(element.querySelectorAll('a'));\r\n const observer = new IntersectionObserver(observation(anchors));\r\n \r\n anchors.forEach(anchor => {\r\n const id = anchor.getAttribute('href').replace('#', '');\r\n const target = document.getElementById(id);\r\n if (!target) return;\r\n\r\n observer.observe(target);\r\n });\r\n}\r\n\r\n/**\r\n * @param {Array<HTMLAnchorElement>} results \r\n * @return {Array<IntersectionObserverEntry>}\r\n */\r\nfunction observation(anchors) {\r\n return (results) => {\r\n const firstObservation = results.find(x => x.isIntersecting);\r\n\r\n if (firstObservation) {\r\n anchors.forEach(x => {\r\n x.classList.toggle(\r\n 'c-scroll-spy-active',\r\n x.getAttribute('href') === '#' + firstObservation.target.id\r\n )\r\n })\r\n }\r\n }\r\n}\r\n\r\nexport default ScrollSpy;\r\n","function Tabs() {\r\n const tabs = Array.from(document.querySelectorAll('.c-tabs--anchor'));\r\n tabs.forEach(setupTabs);\r\n}\r\n\r\nfunction setupTabs(parent) {\r\n const controls = Array.from(parent.querySelectorAll('.c-tabs__control'));\r\n const content = Array.from(parent.querySelectorAll('.c-tab'));\r\n const persist = parent.classList.contains('c-tabs--persist');\r\n \r\n if (!controls.length || !content.length) return;\r\n\r\n controls.forEach(control => {\r\n control.addEventListener('click', controlClick(controls, content, persist))\r\n })\r\n\r\n if (persist && window.location.hash) {\r\n const control = parent.querySelector('[href=\"' + window.location.hash + '\"]');\r\n if (control) control.dispatchEvent(new Event('click'));\r\n }\r\n}\r\n\r\nfunction controlClick(controls, contents, persist) {\r\n return (event) => {\r\n const control = event.currentTarget;\r\n const content = contents.find(x => x.id === control.getAttribute('href').replace('#', ''));\r\n \r\n if (!content) {\r\n return true;\r\n };\r\n\r\n event.preventDefault();\r\n \r\n if (persist) {\r\n history.pushState(null, null, control.getAttribute('href'));\r\n }\r\n\r\n controls.forEach(c => c.classList.toggle('c-tabs__control--active', c === control));\r\n contents.forEach(c => {\r\n const isCurrent = c === content;\r\n c.classList.toggle('c-tab--active', isCurrent);\r\n \r\n if (persist) return;\r\n\r\n if (isCurrent) {\r\n c.setAttribute('tabIndex', -1);\r\n \r\n const y = window.scrollY;\r\n c.focus();\r\n window.scrollTo({ behavior: \"auto\", top: y })\r\n } else {\r\n c.removeAttribute('tabIndex');\r\n }\r\n });\r\n }\r\n}\r\n\r\nexport default Tabs;\r\n","import Carousel from './imports/carousel';\r\nimport ClearForm from './imports/clear-form';\r\nimport Comparison from './imports/comparison';\r\nimport Gallery from './imports/gallery';\r\nimport HeroPattern from './imports/hero-pattern';\r\nimport HeroVideo from './imports/hero-video';\r\nimport ResponsiveTable from './imports/responsive-table';\r\nimport ScrollbarWidth from './imports/scrollbar-width';\r\nimport ScrollSpy from './imports/scroll-spy';\r\nimport Tabs from './imports/tabs';\r\n\r\n(() => {\r\n if(window.NodeList && !NodeList.prototype.forEach) {\r\n NodeList.prototype.forEach = Array.prototype.forEach;\r\n }\r\n if(window.HTMLCollection && !HTMLCollection.prototype.forEach) {\r\n HTMLCollection.prototype.forEach = Array.prototype.forEach;\r\n }\r\n \r\n Carousel();\r\n ClearForm();\r\n Comparison();\r\n Gallery();\r\n HeroPattern();\r\n HeroVideo();\r\n ResponsiveTable();\r\n ScrollbarWidth();\r\n ScrollSpy();\r\n Tabs();\r\n})();"]}
|
package/dist/build/scss/main.css
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
@charset "UTF-8";.u-breakout{left:50%;left:calc(50% + var(--scrollbarWidth)/2.0001);position:relative;transform:translateX(-50vw);width:100vw;width:calc(100vw - var(--scrollbarWidth));padding-left:safe-space(0);padding-right:safe-space(0)}:root{--fluid-min-width:320;--fluid-max-width:1332;--fluid-screen:100vw;--fluid-bp:calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)))}@media screen and (min-width:1332px){:root{--fluid-screen:calc(var(--fluid-max-width)*1px)}}:root{--f--2-min:12.64;--f--2-max:12.5;--step--2:calc(var(--f--2-min)/16*1rem + (var(--f--2-max) - var(--f--2-min))*var(--fluid-bp));--f--1-min:14.22;--f--1-max:15;--step--1:calc(var(--f--1-min)/16*1rem + (var(--f--1-max) - var(--f--1-min))*var(--fluid-bp));--f-0-min:16;--f-0-max:18;--step-0:calc(var(--f-0-min)/16*1rem + (var(--f-0-max) - var(--f-0-min))*var(--fluid-bp));--f-1-min:18;--f-1-max:21.6;--step-1:calc(var(--f-1-min)/16*1rem + (var(--f-1-max) - var(--f-1-min))*var(--fluid-bp));--f-2-min:20.25;--f-2-max:25.92;--step-2:calc(var(--f-2-min)/16*1rem + (var(--f-2-max) - var(--f-2-min))*var(--fluid-bp));--f-3-min:22.78;--f-3-max:31.1;--step-3:calc(var(--f-3-min)/16*1rem + (var(--f-3-max) - var(--f-3-min))*var(--fluid-bp));--f-4-min:25.63;--f-4-max:37.32;--step-4:calc(var(--f-4-min)/16*1rem + (var(--f-4-max) - var(--f-4-min))*var(--fluid-bp));--f-5-min:28.83;--f-5-max:44.79;--step-5:calc(var(--f-5-min)/16*1rem + (var(--f-5-max) - var(--f-5-min))*var(--fluid-bp));--f-6-min:32.44;--f-6-max:53.75;--step-6:calc(var(--f-6-min)/16*1rem + (var(--f-6-max) - var(--f-6-min))*var(--fluid-bp));--f-7-min:36.49;--f-7-max:64.5;--step-7:calc(var(--f-7-min)/16*1rem + (var(--f-7-max) - var(--f-7-min))*var(--fluid-bp));--f-8-min:41.05;--f-8-max:77.4;--step-8:calc(var(--f-8-min)/16*1rem + (var(--f-8-max) - var(--f-8-min))*var(--fluid-bp));--f-9-min:46.18;--f-9-max:92.88;--step-9:calc(var(--f-9-min)/16*1rem + (var(--f-9-max) - var(--f-9-min))*var(--fluid-bp));--f-10-min:51.96;--f-10-max:111.45;--step-10:calc(var(--f-10-min)/16*1rem + (var(--f-10-max) - var(--f-10-min))*var(--fluid-bp));--max-screen:83.25;--fc-screen:100vw;--fc-bp:calc((var(--fc-screen) - 20em)/(var(--max-screen) - 20));--fc-base:18;--fc-3xs:4.5;--space-3xs:calc(var(--fc-3xs)/16*1rem);--fc-2xs:9;--space-2xs:calc(var(--fc-2xs)/16*1rem);--fc-xs:13.5;--space-xs:calc(var(--fc-xs)/16*1rem);--fc-s:18;--space-s:calc(var(--fc-s)/16*1rem);--fc-m:27;--space-m:calc(var(--fc-m)/16*1rem);--fc-l:36;--space-l:calc(var(--fc-l)/16*1rem);--fc-xl:54;--space-xl:calc(var(--fc-xl)/16*1rem);--fc-2xl:72;--space-2xl:calc(var(--fc-2xl)/16*1rem);--fc-3xl:108;--space-3xl:calc(var(--fc-3xl)/16*1rem);--fc-4xl:144;--space-4xl:calc(var(--fc-4xl)/16*1rem);--space--3xs:calc(var(--fc-)/16*1rem + (var(--fc-3xs) - var(--fc-))*var(--fluid-bp));--space-3xs-2xs:calc(var(--fc-3xs)/16*1rem + (var(--fc-2xs) - var(--fc-3xs))*var(--fluid-bp));--space-2xs-xs:calc(var(--fc-2xs)/16*1rem + (var(--fc-xs) - var(--fc-2xs))*var(--fluid-bp));--space-xs-s:calc(var(--fc-xs)/16*1rem + (var(--fc-s) - var(--fc-xs))*var(--fluid-bp));--space-m-l:calc(var(--fc-m)/16*1rem + (var(--fc-l) - var(--fc-m))*var(--fluid-bp));--space-l-xl:calc(var(--fc-l)/16*1rem + (var(--fc-xl) - var(--fc-l))*var(--fluid-bp));--space-xl-2xl:calc(var(--fc-xl)/16*1rem + (var(--fc-2xl) - var(--fc-xl))*var(--fluid-bp));--space-2xl-3xl:calc(var(--fc-2xl)/16*1rem + (var(--fc-3xl) - var(--fc-2xl))*var(--fluid-bp));--space-3xl-4xl:calc(var(--fc-3xl)/16*1rem + (var(--fc-4xl) - var(--fc-3xl))*var(--fluid-bp));--space-s-l:calc(var(--fc-s)/16*1rem + (var(--fc-l) - var(--fc-s))*var(--fluid-bp));--space-s-m:calc(var(--fc-s)/16*1rem + (var(--fc-m) - var(--fc-s))*var(--fluid-bp));--space-xs-l:calc(var(--fc-xs)/16*1rem + (var(--fc-l) - var(--fc-xs))*var(--fluid-bp));--space-m-xl:calc(var(--fc-m)/16*1rem + (var(--fc-xl) - var(--fc-m))*var(--fluid-bp));--space-l-2xl:calc(var(--fc-l)/16*1rem + (var(--fc-2xl) - var(--fc-l))*var(--fluid-bp));--space-s-xl:calc(var(--fc-s)/16*1rem + (var(--fc-xl) - var(--fc-s))*var(--fluid-bp));--space-l-3xl:calc(var(--fc-l)/16*1rem + (var(--fc-3xl) - var(--fc-l))*var(--fluid-bp));--space-xl-3xl:calc(var(--fc-xl)/16*1rem + (var(--fc-3xl) - var(--fc-xl))*var(--fluid-bp));--space-l-4xl:calc(var(--fc-l)/16*1rem + (var(--fc-4xl) - var(--fc-l))*var(--fluid-bp));--space-3xs-m:calc(var(--fc-3xs)/16*1rem + (var(--fc-m) - var(--fc-3xs))*var(--fluid-bp));--gutter:var(--space-s-l)}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../Inter-Regular.03253301.woff2) format("woff2"),url(../Inter-Regular.27892b21.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../Inter-SemiBold.97a52f0e.woff2) format("woff2"),url(../Inter-SemiBold.ba1d0d7d.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../Inter-Bold.a2748096.woff2) format("woff2"),url(../Inter-Bold.39130deb.woff) format("woff")}@media screen and (min-width:75em){:root{--fc-screen:calc(var(--max-screen)*1rem)}}*,:after,:before{box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100vh;margin:0}html{scroll-behavior:smooth}blockquote,figure,ol,pre,ul{padding:0;margin:0}img{max-width:100%;height:auto;border:none}article,aside,figure,footer,header,img,main,nav{display:block}iframe{border:none}body{font:400 1.125rem/1.2 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;letter-spacing:-.01em;font-size:18px;font-size:var(--step-0);color:#333}dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}ol,p,ul{line-height:1.2}a{text-decoration:none}a,a:hover{cursor:pointer;color:inherit}.mp ol,.mp ul{list-style:none}address,cite{font-style:normal}[type=button],[type=submit],button{border-radius:0;background:transparent;box-shadow:none;appearance:none;padding:0;cursor:pointer;border:none;color:inherit;font:inherit}.mp.c-button[disabled],[disabled]{opacity:.5;cursor:not-allowed}label{cursor:pointer}fieldset{border:0;padding:.01em 0 0}@media (prefers-reduced-motion:reduce){*{-webkit-animation:none!important;animation:none!important;transition:none!important;scroll-behavior:auto!important}}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:focus{outline:2px solid #005461}.body--blog .c-card__title,.body--blog .c-event-card,.body--blog .c-fieldset legend,.body--blog .c-h--page-title,.body--blog .c-h--step-1,.body--blog .c-h--step-2,.body--blog .c-h--step-3,.body--blog .c-h--step-4,.body--blog .c-hero__content,.body--blog .o-prose--blog,.body--blog .o-prose h2,.body--blog .o-prose h3,.body--blog .o-prose h4,.body--blog .u-lede,.c-fieldset .body--blog legend,.o-prose .body--blog h2,.o-prose .body--blog h3,.o-prose .body--blog h4{-moz-font-feature-settings:"salt";-webkit-font-feature-settings:"salt";font-feature-settings:"salt"}.o-prose{color:inherit}.o-prose ol,.o-prose p,.o-prose ul{line-height:1.6}.o-prose li a:not(.c-button),.o-prose p a:not(.c-button){color:#006daf;text-decoration:underline;text-underline-offset:3px}.o-prose li a:not(.c-button):hover,.o-prose p a:not(.c-button):hover{text-decoration:none}.o-prose ul li{list-style:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="20" viewBox="0 0 10 20"><circle cx="5" cy="14" r="3.5" fill="%2313AA13" fill-rule="evenodd"/></svg>') outside;margin-left:1em;padding-left:.5rem}.o-prose ul li h3,.o-prose ul li h4{line-height:1.6;font-size:1em;color:#13aa13}.o-prose ol li{list-style:decimal;padding-left:.375rem;margin-left:1.125em}.o-prose ol ol li{list-style:lower-alpha}.o-prose pre{line-height:1.4;overflow-x:auto;padding:13.5px;padding:var(--space-xs)}.o-prose li code,.o-prose p code,.o-prose pre{background:#ebf1f2;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.o-prose li code,.o-prose p code{padding:.25em}.o-prose figcaption{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);display:block}.o-prose figure>*+*{margin-top:.5em}.o-prose ol ol,.o-prose ol ul,.o-prose ul ol,.o-prose ul ul{margin-top:18px;margin-top:var(--space-s)}.o-prose ol li+li,.o-prose ul li+li{margin-top:9px;margin-top:var(--space-2xs)}.o-prose>pre,.o-prose ol,.o-prose ul{--flow:var(--space-s-m)}.o-prose>pre:not(:last-child),.o-prose ol:not(:last-child),.o-prose ul:not(:last-child){margin-bottom:var(--flow)}.o-prose h2,.o-prose h3{--flow:var(--space-m-l)}.o-prose h2{margin-bottom:18px;margin-bottom:var(--space-s-m)}.o-prose>img,.o-prose figure{--flow:var(--space-l-xl);margin-bottom:var(--flow)}.o-prose blockquote{--flow:var(--space-m-l);margin-bottom:var(--flow)}@media (min-width:35em){.o-prose:not(.o-prose--left-blockquote) blockquote{padding-left:107px}.o-prose:not(.o-prose--left-blockquote) blockquote:before{left:107px}.o-prose.o-prose--left-blockquote blockquote{padding-right:107px}}.o-prose--with-lede>p:first-of-type{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1);color:#00a2c2}.o-featured-image{margin-left:calc(var(--gutter)*-1)}.c-footer__sections,.o-grid{display:flex;flex-wrap:wrap;justify-content:stretch;margin-bottom:-18px;margin-bottom:calc(var(--gutter)*-1);width:100%}.o-grid--float:after{content:" ";display:table;clear:both}.o-grid--between{justify-content:space-between}.o-grid--no-height-match{align-items:start}.c-footer__sections>*,.o-grid>*{width:100%;margin-bottom:18px;margin-bottom:var(--gutter)}@media (min-width:40em){.o-grid--of-two>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-two>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-two>:nth-child(odd){margin-left:0}}@media (min-width:55em){.o-grid--of-two-late>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-two-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-two-late>:nth-child(odd){margin-left:0}}@media (min-width:38em) and (max-width:54.9375em){.o-grid--of-three>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-three>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three>:nth-child(odd){margin-left:0}}@media (min-width:55em){.o-grid--of-three>*{width:calc(33.333% - 12.1px);width:calc(33.333% - var(--gutter)*2/3 - .1px)}.o-grid--of-three>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three>:nth-child(3n+1){margin-left:0}}@media (min-width:38em) and (max-width:67.9375em){.o-grid--of-three-late>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-three-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three-late>:nth-child(odd){margin-left:0}}@media (min-width:68em){.o-grid--of-three-late>*{width:calc(33.333% - 12.1px);width:calc(33.333% - var(--gutter)*2/3 - .1px)}.o-grid--of-three-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three-late>:nth-child(3n+1){margin-left:0}}@media (min-width:38em) and (max-width:59.9375em){.c-footer__sections>*,.o-grid--of-four>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.c-footer__sections>*+*,.o-grid--of-four>*+*{margin-left:18px;margin-left:var(--gutter)}.c-footer__sections>:nth-child(odd),.o-grid--of-four>:nth-child(odd){margin-left:0}}@media (min-width:60em){.c-footer__sections>*,.o-grid--of-four>*{width:calc(25% - 13.6px);width:calc(25% - var(--gutter)*3/4 - .1px)}.c-footer__sections>*+*,.o-grid--of-four>*+*{margin-left:18px;margin-left:var(--gutter)}.c-footer__sections>:nth-child(4n+1),.o-grid--of-four>:nth-child(4n+1){margin-left:0}}@media (max-width:54.9375em){.o-grid--swipeable{left:50%;left:calc(50% + var(--scrollbarWidth)/2.0001);position:relative;transform:translateX(-50vw);width:100vw;width:calc(100vw - var(--scrollbarWidth));padding-left:var(--gutter);padding-right:var(--gutter);flex-wrap:nowrap;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.o-grid--swipeable>*{flex:0 0 auto;max-width:23em;width:calc(85vw - var(--gutter)*2.333);scroll-snap-align:center}.o-grid--swipeable>*+*{margin-left:var(--gutter)!important}}@media (min-width:55em){.o-grid--4\/7-switch>:nth-child(2n+2),.o-grid--4\/7>:nth-child(2n+2){width:57.1428571429%}.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--3\/9-switch>:nth-child(odd),.o-grid--3\/9>:nth-child(2n+2),.o-grid--4\/8-switch>:nth-child(odd),.o-grid--4\/8>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--8\/3>:nth-child(odd),.o-grid--8\/4-switch>:nth-child(2n+2),.o-grid--8\/4>:nth-child(odd),.o-grid--9\/3-switch>:nth-child(2n+2),.o-grid--9\/3>:nth-child(odd){width:65.7142857143%}.o-grid--3\/8-switch>:nth-child(2n+2),.o-grid--3\/8>:nth-child(odd),.o-grid--3\/9-switch>:nth-child(2n+2),.o-grid--3\/9>:nth-child(odd),.o-grid--4\/7-switch>:nth-child(odd),.o-grid--4\/7>:nth-child(odd),.o-grid--4\/8-switch>:nth-child(2n+2),.o-grid--4\/8>:nth-child(odd),.o-grid--8\/3-switch>:nth-child(odd),.o-grid--8\/3>:nth-child(2n+2),.o-grid--8\/4-switch>:nth-child(odd),.o-grid--8\/4>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(odd),.o-grid--9\/3>:nth-child(2n+2){width:31.4285714286%}.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--3\/9-switch>:nth-child(odd),.o-grid--3\/9>:nth-child(2n+2),.o-grid--4\/8-switch>:nth-child(odd),.o-grid--4\/8>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(odd),.o-grid--8\/3>:nth-child(2n+2),.o-grid--8\/4-switch>:nth-child(odd),.o-grid--8\/4>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(odd),.o-grid--9\/3>:nth-child(2n+2){margin-left:2.8571428571%;margin-right:0}.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--8\/3>:nth-child(odd){max-width:828px}.o-grid[class*=switch]>:nth-child(odd),[class*=switch].c-footer__sections>:nth-child(odd){order:1}.o-grid--layout,.o-grid--layout>:last-child,.o-grid--layout>:nth-last-child(2){margin-bottom:0}.o-grid--push{justify-content:space-between}.o-grid--pull{justify-content:flex-start}.o-grid--float{display:block}.o-grid--float:not([class*=switch])>:nth-child(odd),.o-grid--float[class*=switch]>:nth-child(2n+2){float:left}.o-grid--float:not([class*=switch])>:nth-child(2n+2),.o-grid--float[class*=switch]>:nth-child(odd){float:right}}@media (min-width:70em){.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--3\/9-switch>:nth-child(odd),.o-grid--3\/9>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--8\/3>:nth-child(odd),.o-grid--9\/3-switch>:nth-child(2n+2),.o-grid--9\/3>:nth-child(odd){width:74.2857142857%}.o-grid--3\/8-switch>:nth-child(2n+2),.o-grid--3\/8>:nth-child(odd),.o-grid--3\/9-switch>:nth-child(2n+2),.o-grid--3\/9>:nth-child(odd),.o-grid--8\/3-switch>:nth-child(odd),.o-grid--8\/3>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(odd),.o-grid--9\/3>:nth-child(2n+2){width:22.8571428571%}}.c-button--reset{padding:0;color:inherit}.c-button,.c-button--reset,.mp.c-button{border-radius:0;background:transparent;box-shadow:none;appearance:none;cursor:pointer;border:none;font:inherit;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.c-button,.mp.c-button{color:inherit;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:6px;background-color:#13aa13;font-weight:700;font-size:1.125rem;padding:.777em 1.5em;transition:background-color .3s,color .3s,box-shadow .3s;letter-spacing:-.01em;color:#fff}.c-button:focus,.c-button:hover,.mp.c-button:focus,.mp.c-button:hover{background-color:#0e7a0e;text-decoration:none;color:#fff}.c-button--wide,.mp.c-button--wide{width:100%}.c-button--tight,.mp.c-button--tight{padding-right:.75em;padding-left:.75em}.c-button--inline,.mp.c-button--inline{display:inline-flex;margin-right:.5em;margin-bottom:.5em;vertical-align:top}.c-button--petrol,.mp.c-button--petrol{background-color:#005461}.c-button--petrol:focus,.c-button--petrol:hover,.mp.c-button--petrol:focus,.mp.c-button--petrol:hover{background-color:#3d7b87}.c-button--blue,.mp.c-button--blue{background-color:#00a2c2}.c-button--blue:focus,.c-button--blue:hover,.mp.c-button--blue:focus,.mp.c-button--blue:hover{background-color:#00758c}.c-button--red,.mp.c-button--red{background-color:#ce0058}.c-button--red:focus,.c-button--red:hover,.mp.c-button--red:focus,.mp.c-button--red:hover{background-color:#9b0042}.c-button--white,.mp.c-button--white{background-color:#fff;font-weight:400;color:#006daf;padding:.777em 1em}.c-button--white:focus,.c-button--white:hover,.mp.c-button--white:focus,.mp.c-button--white:hover{background-color:#ebf1f2;color:#004e7e}.c-button--outline-white,.mp.c-button--outline-white{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px #fff}.c-button--outline-white:focus,.c-button--outline-white:hover,.mp.c-button--outline-white:focus,.mp.c-button--outline-white:hover{background-color:#fff;color:#005461}.c-button--outline-green,.mp.c-button--outline-green{background:transparent;color:#13aa13;box-shadow:inset 0 0 0 1px #13aa13}.c-button--outline-green:focus,.c-button--outline-green:hover,.mp.c-button--outline-green:focus,.mp.c-button--outline-green:hover{box-shadow:inset 0 0 0 1px #0e7a0e;background-color:#0e7a0e;color:#fff}.c-button--small,.mp.c-button--small{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);padding:.5em 1em}.c-icon{width:1em;height:1em;color:inherit;font-size:inherit}.c-twi{display:inline-flex;justify-content:flex-start;align-items:center;color:inherit;text-decoration:none}.c-twi:focus,.c-twi:hover{text-decoration:underline}.c-twi svg{margin-left:.5em;font-size:1.25em}.c-twi--left svg{margin-right:.5em;margin-left:0;order:-1}.c-table,.o-prose table{text-align:left;border:none;width:100%;border-collapse:collapse;background:transparent;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-table th,.o-prose table th{font-weight:600}.c-table td,.c-table th,.o-prose table td,.o-prose table th{padding:12px;background:#ebf1f2;border:2px solid #fff;border-right:none;border-left:none;vertical-align:top;color:inherit}.c-table th,.o-prose table th{background:#005461;color:#fff}.c-table img,.o-prose table img{height:auto!important}.c-table--center td,.c-table--center th{vertical-align:middle}@media (max-width:768px){.c-table--ellipsis td{width:auto}.c-table--ellipsis td.u-ellipsis{width:100%}}.c-table--wide{width:100%}.c-table .c-icon--dash,.o-prose table .c-icon--dash{color:#bfd3d6}.c-table .c-icon--tick,.o-prose table .c-icon--tick{color:#13aa13}.c-table__title td,.c-table__title th{background:#fff;color:inherit}.c-table a:hover,.o-prose table a:hover{text-decoration:none}.c-table--comparison thead th{background:transparent;color:inherit;font-weight:400}.c-table--comparison tbody td:nth-child(n+2){text-align:center}@media (min-width:30em){.c-table .c-icon,.o-prose table .c-icon{font-size:1.5rem}}.c-table--fixed{table-layout:fixed}@media (min-width:40em){.c-table--fixed th{width:40%}}@media (max-width:40em){.c-table--responsive tbody,.c-table--responsive td,.c-table--responsive tfoot,.c-table--responsive th,.c-table--responsive tr{display:block}.c-table--responsive thead{display:none}.c-table--responsive tr+tr{border-top:2px solid #bfd3d6;padding-top:18px;padding-top:var(--space-s);margin-top:18px;margin-top:var(--space-s)}.c-table--responsive tbody [data-responsive-title]{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;grid-gap:var(--space-s)}.c-table--responsive tbody [data-responsive-title]:before{content:attr(data-responsive-title);font-weight:700}}.c-post-meta{color:#6c6c6c;border-bottom:1px solid #bfd3d6;border-top:1px solid #bfd3d6;padding:1.25rem 0}.c-post-meta>*+*{margin-top:13.5px;margin-top:var(--space-xs)}.c-header{background-color:#fff}.c-header__wrap{padding-top:18px;padding-top:var(--gutter);position:relative}.c-header__logo{position:relative;z-index:50;display:block;max-width:216px;width:60%}.c-header__logo img{width:100%}.c-header__search{position:relative}.c-header__search button:focus,.c-header__search button:hover{background-color:#bfd3d6}@media (min-width:500px){.c-header__corporate ul{justify-content:center}}@media (max-width:767px){.c-header__wrap{padding-bottom:18px;padding-bottom:var(--gutter)}.c-header__primary{flex-direction:column;align-items:stretch;background:#005461;color:#fff;position:fixed;padding:18px;padding:var(--space-s-m);z-index:100;display:flex;height:100%;width:100%;left:0;top:0;padding-top:80px;padding-top:calc(60px + var(--space-s-m));opacity:0;visibility:hidden}.c-header__primary:target{opacity:1;visibility:visible;transition:opacity .3s,visibility .3s}.c-header__primary .c-navicon i{background:#fff}.c-header__corporate{order:1;margin:18px 0;margin:var(--space-s) 0;letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2);font-weight:600}.c-header__corporate ul{align-items:center;display:flex;flex-wrap:wrap;margin-left:-6px;margin-right:-6px}.c-header__corporate li{margin:13.5px 4.5px;margin:var(--space-xs-s) var(--space-3xs-m)}.c-header__corporate .c-input--select{width:auto;color:inherit;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10"><path fill="%23ffffff" fill-rule="nonzero" d="M9 7.59L1.7.29A1 1 0 10.3 1.71l8 8a1 1 0 001.4 0l8-8A1 1 0 1016.3.29L9 7.6z"/></svg>');background-position:center right .4em;padding:0 27px 4.5px 0;padding:0 var(--space-m) var(--space-3xs) 0;display:inline-block;border:none;border-bottom:1px solid #3d7b87;margin-bottom:-4.5px;font-size:inherit}.c-header__corporate .c-input--select option{color:#333}.c-header__search{order:2;color:#333}.c-header__site{order:-1;flex:1;letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1)}.c-header__site li+li{margin-top:18px;margin-top:var(--space-s)}}@media (min-width:768px){.c-header{overflow:hidden}.c-header .c-navicon{display:none}.c-header__primary{display:flex;flex-direction:column;align-items:flex-end;margin-top:-71px}.c-header__search{margin-bottom:8px;margin-bottom:calc(var(--gutter) - 10px);width:288px}.c-header__corporate{color:#005461;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);margin-bottom:8px;margin-bottom:calc(var(--space-xs) + 3px)}.c-header__corporate a:hover{text-decoration:underline}.c-header__corporate ul{display:flex}.c-header__corporate li+li{margin-left:18px;margin-left:var(--space-s)}.c-header__corporate .c-input--select{width:auto;color:inherit;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10"><path fill="%2300768d" fill-rule="nonzero" d="M9 7.59L1.7.29A1 1 0 10.3 1.71l8 8a1 1 0 001.4 0l8-8A1 1 0 1016.3.29L9 7.6z"/></svg>');padding:0 36px 0 0;padding:0 var(--space-l) 0 0;display:inline-block;border:none}.c-header__corporate .c-input--select,.c-header__site{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-header__site{color:#fff;font-weight:600;position:relative;z-index:1;padding:14px 0;padding:calc(var(--space-xs) + 2px) 0;align-self:flex-start;width:100%}.c-header__site:after{background:linear-gradient(270deg,#13aa13 -12.4%,#00a2c2 11.22%,#005461 43.74%,#005461 70%,#003039);content:"";position:absolute;width:100vw;height:100%;left:50%;top:0;transform:translateX(-50%);z-index:-2}.c-header__site ul{display:flex}.c-header__site li+li{margin-left:18px;margin-left:var(--space-s-m)}.c-header__site--with-home>ul>li:first-child{border-right:1px solid hsla(0,0%,100%,.25);padding-right:18px;padding-right:var(--space-s)}.c-header__site a{padding:13.5px 0;padding:var(--space-xs) 0;display:block}.c-header__site a:focus,.c-header__site a:hover{opacity:.75}.c-header__site li+.c-header__push{margin-left:auto}}@media (min-width:1500px){.c-header__site:after{clip-path:polygon(0 101%,78px 0,100% 0,100% 101%,78px 101%)}}.c-navicon{position:absolute;right:18px;right:var(--space-s-m);top:18px;top:var(--space-s-m);transform:translateX(25%);height:60px;width:60px}.c-navicon i{position:absolute;transform:translate3d(-50%,-50%,0);background:#00758c;border-radius:2px;height:2px;width:22px;left:50%;top:50%}.c-navicon i:first-child{transform:translate3d(-50%,-50%,0) translateY(-7px)}.c-navicon i:nth-child(3){transform:translate3d(-50%,-50%,0) translateY(7px)}.c-footer{background:#003039;color:#fff;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);margin-top:auto}.c-footer a:hover{color:#47bcd3}.c-footer__primary{padding-bottom:18px;padding-bottom:var(--space-s-m);padding-top:18px;padding-top:var(--space-s-l)}.c-footer.mp .c-footer__h-links,.c-footer.mp .c-footer__sections,.c-footer.mp .c-footer__sections h4,.c-footer.mp .c-footer__sections ul{line-height:1.6}.c-footer__sections{margin-bottom:0}.c-footer__sections>li{margin-bottom:18px;margin-bottom:var(--gutter)}.c-footer__sections ul li{margin-top:9px;margin-top:var(--space-2xs)}.c-footer__subtitle{padding-bottom:18px;padding-bottom:var(--space-s);position:relative}.c-footer__subtitle:after{content:"";width:15px;height:1px;background:#3d7b87;position:absolute;left:0;bottom:4px}.c-footer__identity{display:flex;flex-wrap:wrap;align-items:center}.c-footer__logo img{margin-right:18px;margin-right:var(--gutter);filter:saturate(0) brightness(10)}.c-footer__social{display:flex;margin-top:9px;margin-top:var(--space-2xs)}.c-footer__social li+li{margin-left:18px;margin-left:var(--space-s-m)}.c-footer__social .c-icon{font-size:1.5rem}.c-footer__secondary{background:#002126;padding:13.5px 0;padding:var(--space-xs) 0}.c-footer__secondary span a{color:#47bcd3;text-decoration:underline}.c-footer .o-prose li a{color:#47bcd3}.c-footer__h-links{margin-bottom:.5rem}@media (min-width:43em){.c-footer__secondary .u-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.c-footer__h-links{display:flex;margin:.5rem 18px .5rem 0;margin:.5rem var(--space-s-m) .5rem 0}.c-footer__h-links li+li{margin-left:18px;margin-left:var(--space-s)}}@media (min-width:1410px){.c-footer__secondary{clip-path:polygon(0 100%,68px 0,100% 0,100% 100%,68px 100%)}}.rich-text-region+.c-footer{margin-top:36px;margin-top:var(--space-l-xl)}.c-input{background:#fff;border:1px solid #bfd3d6;-webkit-appearance:none;appearance:none;border-radius:0;font:inherit;padding:13.5px;padding:var(--space-xs);color:inherit;font-size:1rem;display:block;width:100%}.c-input:focus{outline:none;border-color:#005461}.c-input::-webkit-calendar-picker-indicator{display:none!important}.c-input--alt{background:#ebf1f2;border:none}.c-input--large{min-height:56px}.c-input--select{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10"><path fill="%23006DAF" fill-rule="nonzero" d="M9 7.59L1.7.29A1 1 0 10.3 1.71l8 8a1 1 0 001.4 0l8-8A1 1 0 1016.3.29L9 7.6z"/></svg>');background-position:center right 1rem;background-repeat:no-repeat;background-size:.875em auto}.c-input--textarea{resize:vertical;min-height:10rem}.c-input-error{--error-state:#ce0058;position:relative}.c-input-error:after{content:"";position:absolute;top:2.3em;left:100%;margin-left:13.5px;margin-left:var(--space-xs);padding:13.5px;padding:var(--space-xs);background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="12" fill="%23CE0058"/><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.666 7.333l-9.333 9.334M7.333 7.333l9.333 9.334"/></svg>') no-repeat 50%;background-size:100% 100%}.c-input-error .c-input{border-color:#ce0058}.c-input-error .c-input:focus{border-color:#9b0042}.c-input-message{margin-top:9px;margin-top:var(--space-2xs);letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);color:var(--error-state)}.c-input--with-button{border:0}.c-input--with-button+[type]{padding:13.5px;padding:var(--space-xs);color:#006daf}.c-input--with-button+[type] svg,.c-label{display:block}.c-label{font-weight:700;margin-bottom:9px;margin-bottom:var(--space-2xs)}.c-fieldset{border:0;padding:.01em 0 0;margin:0;min-width:0}.c-fieldset legend{font-weight:700;letter-spacing:-.03em;display:table;float:left;margin:13.5px 0 36px;margin:var(--space-xs) 0 var(--space-l);padding:0;width:100%}.c-fieldset legend+*{clear:both}.c-fieldset+.c-fieldset{border-top:1px solid #bfd3d6;margin-top:36px;margin-top:var(--space-l-xl);padding-top:36px;padding-top:var(--space-l)}.c-product-signpost{position:relative;display:flex;justify-content:flex-start;align-items:center;max-width:440px;padding:9px;padding:var(--space-2xs);word-break:break-word}.c-product-signpost:hover .c-h,.c-product-signpost:hover .o-prose h2,.c-product-signpost:hover .o-prose h3,.c-product-signpost:hover .o-prose h4,.o-prose .c-product-signpost:hover h2,.o-prose .c-product-signpost:hover h3,.o-prose .c-product-signpost:hover h4{text-decoration:underline}.c-product-signpost__image{margin-bottom:0;padding-right:18px;padding-right:var(--space-s);flex-shrink:0}.c-product-signpost__content{flex-grow:1}.c-product-signpost__wrapper{display:flex;flex-direction:column}.c-product-signpost .o-prose p{line-height:1.2;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-product-signpost--bordered{padding:13.5px;padding:var(--space-xs);border:1px solid #bfd3d6}.c-product-signpost--float-right{margin:0 0 13.5px 13.5px;margin:0 0 var(--space-xs-l) var(--space-xs-l);min-width:9rem;width:30%}@media (min-width:55em){.c-product-signpost--float-right,.c-product-signpost__image{width:40%}.c-product-signpost__wrapper{flex-direction:row}}.c-usp{padding:18px;padding:var(--space-s-m);border:1px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,rgba(0,162,194,.5),rgba(19,170,19,.5));position:relative}.c-usp__title{max-width:300px;color:#005461}@supports (-webkit-text-fill-color:transparent){.c-usp__title{background-image:linear-gradient(90deg,#005461,#00a2c2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.c-usp__title::selection{-webkit-background-clip:none}}.c-usp__link{margin-top:0}.c-campaign{position:relative;background:#333;max-width:78.75rem!important;padding:0!important}.c-campaign__content{color:#fff;width:100%;padding:27px;padding:var(--space-m-l);align-self:center}.c-campaign__video{z-index:1;align-self:center}.c-campaign__image{z-index:0}.c-campaign__image img{width:100%}.c-campaign.mp .u-link{color:#47bcd3}.c-campaign--petrol{background:#bfd3d6}.c-campaign--petrol .c-campaign__content{color:#333}.c-campaign--petrol.mp .u-link{color:#005461}.c-campaign--blue{background:#ebf8fa}.c-campaign--blue .c-campaign__content{color:#333}.c-campaign--blue.mp .u-link{color:#00758c}.c-campaign--orange{background:#fceac5}.c-campaign--orange .c-campaign__content{color:#252525}.c-campaign--orange.mp .u-link{color:#ae7809}@media (min-width:35em){.c-campaign{display:flex}.c-campaign--switch .c-campaign__content{order:-1}.c-campaign__image,.c-campaign__video{position:relative;width:50%}.c-campaign__image+.c-campaign__content,.c-campaign__video+.c-campaign__content{width:50%}.c-campaign__image img{position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;object-fit:cover}}.c-signpost__link{display:flex;align-items:center}.c-signpost__image{margin-right:18px;margin-right:var(--space-s-m);width:20%;max-width:72px;flex-grow:1;flex-shrink:0}.c-signpost__content{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-signpost__content p{color:#006daf;text-decoration:underline}.c-signpost:hover .c-signpost__content p{text-decoration:none}.c-industry-card{color:#006daf}.c-industry-card__link{display:block}.c-industry-card:hover .c-h--reset{text-decoration:underline}.c-industry-card img{width:100%}.c-alert{--alert-border:#006daf;border-left:4px solid #006daf;border-left-color:var(--alert-border);background:#ebf3f9;padding:18px 18px 18px 54px;padding:var(--space-s) var(--space-s) var(--space-s) var(--space-xl);position:relative}.c-alert.mp p{line-height:1.6}.c-alert>*+*{margin-top:1em}.c-alert a{color:var(--alert-border);text-decoration:underline}.c-alert a:hover{text-decoration:none}.c-alert>.c-icon{position:absolute;left:1.25rem;top:1.25rem;margin-top:0;font-size:1.5rem;color:#000;color:var(--alert-border)}.c-alert pre{background:transparent;padding:0;max-width:100%;overflow-x:auto;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-alert--multiline{padding:18px 18px 18px 0;padding:var(--space-s) var(--space-s) var(--space-s) 0}.c-alert--multiline>:not(.c-icon){padding-left:18px;padding-left:var(--space-s)}.c-alert--multiline>:not(.c-icon):first-child{color:var(--alert-border);padding-left:54px;padding-left:var(--space-xl);font-size:inherit;line-height:1.6}.c-alert--warning{background:#fef8ec;--alert-border:#f2a60d}.c-alert--success{background:#ecf8ec;--alert-border:#13aa13}.c-alert--error{background:#fbebf2;--alert-border:#ce0058}.c-featured-article-card{position:relative;background:#ebf1f2}.c-featured-article-card__content{padding:18px;padding:var(--space-s-l)}.c-featured-article-card .c-post-meta{margin:18px 0;margin:var(--space-s) 0}@media (min-width:45em){.c-featured-article-card{display:flex}.c-featured-article-card__content{flex-basis:50%}.c-featured-article-card__image{position:relative;flex-basis:50%}.c-featured-article-card__image img{position:absolute;height:100%;width:100%;left:0;top:0;object-fit:cover}}.c-internal-nav{color:#006daf}.c-internal-nav__wrap{position:relative}.c-internal-nav__wrap:after{content:"";background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);position:absolute;z-index:1;height:100%;right:0;top:0;width:36px;width:var(--space-l)}@media (min-width:78.75rem){.c-internal-nav__wrap:after{display:none}}.c-internal-nav__list{padding-bottom:27px;padding-bottom:var(--space-m-l);margin-bottom:27px;margin-bottom:var(--space-m-l);border-bottom:1px solid #bfd3d6;white-space:nowrap;overflow-x:auto;display:flex}.c-internal-nav__list>*+*{margin-left:27px;margin-left:var(--space-m-l)}.c-checkbox+input[type=hidden]+label,.c-checkbox+label,.c-radio+input[type=hidden]+label,.c-radio+label{padding-left:36px;padding-left:var(--space-l);position:relative;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-checkbox+input[type=hidden]+label:before,.c-checkbox+label:before,.c-radio+input[type=hidden]+label:before,.c-radio+label:before{transform:translateY(-50%);position:absolute;content:"";border:1px solid #bfd3d6;border-radius:2px;height:1.25rem;width:1.25rem;left:0;top:50%}.c-checkbox:focus+input[type=hidden]+label:before,.c-checkbox:focus+label:before,.c-radio:focus+input[type=hidden]+label:before,.c-radio:focus+label:before{outline:2px solid}.c-checkbox:checked+input[type=hidden]+label:before,.c-checkbox:checked+label:before{background:#006daf}.c-checkbox:checked+input[type=hidden]+label:after,.c-checkbox:checked+label:after{transform:translateX(6.5px) translateY(-1.5px) translateY(-50%) rotate(45deg);position:absolute;content:"";width:7px;height:11px;border-bottom:3px solid #fff;border-right:3px solid #fff;left:0;top:50%}.c-radio+input[type=hidden]+label:before,.c-radio+label:before{border-radius:100%}.c-radio:checked+input[type=hidden]+label:before,.c-radio:checked+label:before{box-shadow:inset 0 0 0 5px #006daf}.c-filter-search{background:#c2e9f0;padding:27px;padding:var(--space-m-l);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;gap:var(--space-s)}.c-filter-search>*{flex-grow:1}.c-filter-search__fields{background-color:#fff;display:flex;max-width:792px;flex-grow:8}.c-filter-search__fields fieldset{border:0;font-size:0}.c-filter-search__fields .c-icon{font-size:1.375rem}@media only screen and (min-width:30em){.c-filter-search__fields{min-width:360px}}.c-embed__wrapper{padding-bottom:56.625%;position:relative;height:0}.c-embed__wrapper>*{position:absolute;height:100%;width:100%;left:0;top:0}.no-js .c-tabs__content>*{display:none}.no-js .c-tabs__content>:target{display:block}.c-tabs__content>*{display:none}.c-tabs__content>.c-tab--active{display:block}.no-js .c-tabs--flex .c-tabs__content>*{display:none}.no-js .c-tabs--flex .c-tabs__content>:target{display:flex}.c-tabs--flex .c-tabs__content>*{display:none}.c-tabs--flex .c-tabs__content>.c-tab--active{display:flex;justify-content:stretch}.c-tabs__controls{margin-bottom:27px;margin-bottom:var(--space-m);overflow-x:auto}.c-tabs__controls-list{border-bottom:4px solid #bfd3d6;display:flex;width:100%;min-width:min-content}.c-tabs__controls-list li{display:flex}.c-tabs__control{font-weight:700;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);padding:0 0 18px;padding:0 0 var(--space-s-m);margin-right:27px;margin-right:var(--space-m);display:block;border-bottom:4px solid #bfd3d6;margin-bottom:-4px;position:relative;z-index:1}.mp .c-tabs__control{color:#006daf}.c-tabs__control.c-twi{display:flex;padding-right:1.875rem}.c-tabs__control.c-twi svg{position:absolute;right:0}.c-tabs__control--active,:checked+.c-tabs__control{border-bottom-color:#006daf}:focus+.c-tabs__control{outline:2px solid}.c-tabs .c-tab{width:100%}.c-tabs .c-tab:focus{outline:none}.mp .c-option-list{line-height:1.6}.c-option-list a{color:#006daf}.c-option-list a:hover{text-decoration:underline}.c-option-list li{margin-bottom:9px;margin-bottom:var(--space-2xs);break-inside:avoid}.c-option-list--columns{column-gap:18px;column-gap:var(--gutter);column-width:200px}@media (min-width:60em){.c-option-list--columns{column-width:260px}}.c-option-list__title a{font-weight:400;color:#006daf;margin-left:9px;margin-left:var(--space-2xs)}.c-option-list__title a:hover{text-decoration:underline}.c-card{background:#fff;position:relative;display:flex;flex-direction:column;align-items:stretch}.c-card--alt,.c-card--event{background:#ebf1f2}.c-card--alt__specs,.c-card--event__specs{color:#6c6c6c}.c-card--featured{background:#005461;color:#bfd3d6}.c-card--featured .c-card__meta,.c-card--featured .mp{color:inherit}.c-card--featured .c-button,.c-card--featured .c-card__title{color:#fff}.c-card--featured .c-card__day{letter-spacing:-.03em;font-size:44.79px;font-size:var(--step-5);color:#fff;font-weight:700}.c-card--featured .c-card__month{letter-spacing:-.02em;font-size:31.1px;font-size:var(--step-3);color:#bfd3d6;font-weight:700}.c-card--featured .c-card__primary,.c-card--featured .c-card__wrapper{flex-grow:1}.c-card--featured .c-button{width:100%;margin:0}.c-card--featured .c-card__footer{margin-top:auto;padding-top:18px;padding-top:var(--space-s)}.c-card__primary,.c-card__wrapper{display:flex;flex-direction:column}.c-card--layout-multi .c-card__wrapper,.c-card__primary{flex-shrink:0;width:100%}.c-card--layout-multi .c-card__wrapper{gap:18px;gap:var(--space-s-l)}.c-card--layout-multi.c-card--featured.c-card--size-large.c-card--has-image .c-card__wrapper{padding:0}.c-card--layout-multi.c-card--featured.c-card--size-large.c-card--has-image .c-card__primary{padding:18px;padding:var(--space-s-m)}@media (min-width:55em){.c-card--layout-multi .c-card__wrapper{flex-direction:row}.c-card--layout-multi .c-card__image,.c-card--layout-multi .c-card__primary:nth-child(2){width:calc(50% - 18px)}.c-card--layout-multi.c-card--size-medium .c-card__image,.c-card--layout-multi.c-card--small .c-card__image{max-width:152px;width:30%}.c-card--layout-multi.c-card--size-medium .c-card__primary:nth-child(2),.c-card--layout-multi.c-card--small .c-card__primary:nth-child(2){flex-grow:1}.c-card--layout-multi.c-card--size-large.c-card--featured img{height:100%;object-fit:cover}}@media only screen and (min-width:55em) and (min-width:55em){.c-card--layout-multi.c-card--size-large.c-card--featured:not(.c-card--switch) .c-card__primary{padding-left:0!important}.c-card--layout-multi.c-card--size-large.c-card--featured.c-card--switch .c-card__primary{padding-right:0!important}}@media (min-width:55em){.c-card--layout-multi .c-card__shop-footer>:first-child{width:30%;max-width:152px;display:block;margin-right:36px;margin-right:var(--space-l)}}.c-card--layout-multi-30-70 .c-card__image{width:calc(30% - 18px)!important;width:calc(30% - var(--space-s-m))!important}@media (min-width:55em){.c-card--layout-multi-30-70 .c-card__primary:nth-child(2){width:calc(70% - 18px)!important;width:calc(70% - var(--space-s-m))!important}}@media (min-width:55em){.c-card--layout-multi-40-60 .c-card__image{width:calc(60% - 18px)!important;width:calc(60% - var(--space-s-m))!important}.c-card--layout-multi-40-60 .c-card__primary{width:calc(40% - 18px)!important;width:calc(40% - var(--space-s-m))!important}}@media (min-width:55em){.c-card--switch .c-card__wrapper{flex-direction:row-reverse}}.c-card__primary>*+*{margin-top:18px;margin-top:var(--space-s)}.c-card--layout-multi .c-card__wrapper,.c-card--layout-single .c-card__primary{padding:18px;padding:var(--space-s-m);width:100%;justify-content:space-between}.c-card--layout-single.c-card--has-tag:not(.c-card--has-image) .c-card__primary{padding-top:27px;padding-top:var(--space-m-l)}.c-card__datetime{display:block;font-weight:700;letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1);color:#3d7b87}.c-card__content{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-card__title{letter-spacing:-.02em;font-size:25.92px;font-size:var(--step-2)}.c-card img{width:100%}.c-card--size-medium .c-card__title,.c-card--size-small .c-card__title{letter-spacing:-.01em;font-size:18px;font-size:var(--step-0)}.c-card--size-medium .c-twi{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-card--bordered{border:1px solid #bfd3d6}.c-card--float-right{margin:0 0 13.5px;margin:0 0 var(--space-xs-l) 0;width:100%}@media (min-width:38em){.c-card--float-right{margin-left:13.5px;margin-left:var(--space-xs-l);min-width:9rem;width:50%}}.c-card__tag{padding:4.5px 9px;padding:var(--space-3xs) var(--space-2xs);letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);background:#c2e9f0;color:#005461;position:absolute;right:0;top:0}.c-card__tag+.c-card__wrapper>.c-card__primary{margin-top:13.5px;margin-top:var(--space-xs)}.c-card__tag+.c-card__wrapper>.c-card__image+.c-card__primary{margin-top:0}.c-card--no-height-match{align-self:flex-start}.c-card__specs>*+*{margin-top:13.5px;margin-top:var(--space-xs)}.c-card__specs dt{font-weight:700}.c-card__specs dd,.c-card__specs dt{padding:0;margin:0;display:block}.c-card__specs dl>*+*{margin-top:4.5px;margin-top:var(--space-3xs)}.c-card--inline-specs .c-card__specs dd,.c-card--inline-specs .c-card__specs dt{display:inline}.c-card--inline-specs .c-card__specs dd:not(:last-child):after{content:", "}.c-card--2-column-specs .c-card__specs dl{display:grid;grid-template-columns:repeat(2,minmax(min-content,max-content));gap:4.5px 9px;gap:var(--space-3xs) var(--space-2xs)}.c-card--2-column-specs .c-card__specs dd,.c-card--2-column-specs .c-card__specs dt{margin:0}.c-card--2-column-specs .c-card__specs dt{grid-column:1}.c-card--2-column-specs .c-card__specs dd{grid-column:2}.c-card .o-prose li+li{margin-top:4.5px;margin-top:var(--space-3xs)}.c-card__meta{color:#3d7b87;display:flex;flex-wrap:wrap;align-items:center;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-card__meta>:not(:last-child){position:relative;padding-right:1.5em}.c-card__meta>:not(:last-child):after{content:"";position:absolute;height:18px;right:9px;width:1px;top:50%;background:#3d7b87;transform:translateY(-50%)}.c-card__meta .mp{font-size:inherit}.c-card__meta .c-icon{font-size:.875em}.c-card__meta+.c-card__title{margin-top:18px;margin-top:var(--space-s)}.c-card__corner{position:absolute;color:#fff;right:0;top:0;border-width:36px;border-color:#13aa13 #13aa13 transparent transparent;border-style:solid;border-width:var(--space-l);width:0;height:0;text-align:right;font-size:1.5rem;transition:color .3s}.c-card__corner .c-icon{position:relative;top:-27px}.c-card:hover .c-card__corner{color:hsla(0,0%,100%,.75)}.c-card__series{border-top:1px solid #bfd3d6;padding:18px 27px;padding:var(--space-s) var(--space-m);position:relative;z-index:2}.c-card__shop-footer{padding:18px;padding:var(--space-s) var(--space-s-m);background-color:#ebf1f2;display:flex}.c-card__shop-footer-space>*+*{margin-top:4.5px;margin-top:var(--space-3xs)}.c-card__shop-footer-space>*{display:block}.c-card__shop-footer-form{align-items:flex-end}.c-card__shop-footer input{width:72px}.c-card__small{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);color:#3d7b87}.c-card__flex{display:flex;flex-wrap:wrap;gap:18px;gap:var(--space-s-l)}:root .c-card,:root .c-card--layout-single .c-card__wrapper,_:-ms-fullscreen{display:block}.c-scroll-spy{position:sticky;top:18px;top:var(--gutter);overflow:hidden}.c-scroll-spy a{color:#006daf;position:relative;display:block;transition:transform .3s}.c-scroll-spy a:hover{color:#333}.c-scroll-spy a:before{content:"▸ ";position:absolute;left:-17px;top:0}.c-scroll-spy-active{transform:translateX(17px)}.c-scroll-spy-buttons a:before{content:""!important}@media only screen and (min-width:880px){.c-scroll-spy-buttons{margin-right:54px;margin-right:var(--space-xl)}.c-scroll-spy-buttons .c-button{width:100%;margin-bottom:18px;margin-bottom:var(--space-s)}}@media only screen and (max-width:879px){.c-scroll-spy-buttons .c-button{display:inline-flex;margin-right:.5em;margin-bottom:.5em;vertical-align:top}}.c-series{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);list-style:none;flex-wrap:wrap;display:flex;gap:9px 18px;gap:var(--space-2xs) var(--space-s);align-items:center}.c-series .mp{font-size:inherit}.c-series li{padding-right:1rem}@supports (gap:1rem){.c-series li{padding-right:0}}.c-comparison{max-width:78.75rem;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-comparison__wrapper{overflow:auto;width:100%}.c-comparison__wrapper .c-table,.c-comparison__wrapper .o-prose table,.o-prose .c-comparison__wrapper table{width:calc(100% - 1px)}@media (min-width:60em){.c-comparison__wrapper .c-table,.c-comparison__wrapper .o-prose table,.o-prose .c-comparison__wrapper table{min-width:78.75rem}.c-comparison__wrapper .c-table tbody>tr>:first-child,.c-comparison__wrapper .o-prose table tbody>tr>:first-child,.o-prose .c-comparison__wrapper table tbody>tr>:first-child{min-width:300px}}.c-comparison__title{letter-spacing:-.01em;font-size:18px;font-size:var(--step-0)}.c-comparison__link{display:block;padding-bottom:13.5px;padding-bottom:var(--space-xs);padding-right:18px;padding-right:var(--space-s)}.c-comparison__mobile{display:none}.c-comparison__mobile>*+*{margin-top:27px;margin-top:var(--space-m-l)}.c-comparison__mobile .c-table,.c-comparison__mobile .o-prose table,.o-prose .c-comparison__mobile table{table-layout:fixed}@media (max-width:40em){.c-comparison__mobile{display:block}.c-comparison__wrapper{display:none}}.c-comparison thead img{max-height:108px;max-height:var(--space-3xl);object-fit:contain}@media only screen and (min-width:640px){.c-table--comparison thead th:last-child:nth-child(2),.c-table--comparison thead th:last-child:nth-child(2)~th{width:85%}.c-table--comparison thead th:nth-last-child(2):nth-child(2),.c-table--comparison thead th:nth-last-child(2):nth-child(2)~th{width:42.5%}.c-table--comparison thead th:nth-last-child(3):nth-child(2),.c-table--comparison thead th:nth-last-child(3):nth-child(2)~th{width:28.33333%}.c-table--comparison thead th:nth-last-child(4):nth-child(2),.c-table--comparison thead th:nth-last-child(4):nth-child(2)~th{width:21.25%}.c-table--comparison thead th:nth-last-child(5):nth-child(2),.c-table--comparison thead th:nth-last-child(5):nth-child(2)~th{width:17%}.c-table--comparison thead th:nth-last-child(6):nth-child(2),.c-table--comparison thead th:nth-last-child(6):nth-child(2)~th{width:14.16667%}}.c-meta-box{background:#ebf1f2;padding:18px;padding:var(--space-s-m);letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-meta-box>*+*{margin-top:18px;margin-top:var(--space-s)}.c-meta-box .u-wrap--fields{padding-right:0}.c-slat{padding-bottom:27px;padding-bottom:var(--space-m-l);padding-top:27px;padding-top:var(--space-m-l)}.c-slat--grey{background-color:#ebf1f2}.c-slat--white{background-color:#fff}.c-slat--concentric{background-image:url(../concentric.797defa2.svg);background-repeat:no-repeat;background-position:100% 0;background-size:auto 50%}@media (min-width:40em){.c-slat--concentric{background-size:auto 100%}}.c-slat--dots{background-image:url(../dots-pattern.7a77e237.svg);background-repeat:no-repeat;background-position:0 0;background-size:auto 100%}.c-slat--padded{padding-bottom:36px;padding-bottom:var(--space-l-2xl);padding-top:36px;padding-top:var(--space-l-2xl)}.c-slat__title{letter-spacing:-.03em;font-size:44.79px;font-size:var(--step-5)}.c-hero{background-color:#c2e9f0;background:linear-gradient(to top right,#ebf1f2,#c2e9f0);color:#005461;position:relative;overflow:hidden}.c-hero.mp .u-link{color:#006daf}.c-hero .u-wrap{padding-top:27px;padding-top:var(--space-m-xl);padding-bottom:54px;padding-bottom:var(--space-xl-3xl);position:relative;z-index:2}.c-hero .u-wrap:before{content:"";height:18px;height:var(--gutter);width:100vw;background:#fff;position:absolute;bottom:0;right:18px;right:var(--gutter);z-index:2}.c-hero .u-wrap:after{content:"";position:absolute;width:0;height:0;border-width:18px 0 0 18px;border-left:var(--gutter) solid #fff;border-bottom:0 solid transparent;border-right:0 solid transparent;border-top:var(--gutter) solid transparent;bottom:0;right:0}.c-hero__content{position:relative;z-index:5;max-width:828px}.c-hero__content>*+*{margin-top:27px;margin-top:var(--space-m)}.c-hero__content .c-h,.c-hero__content .o-prose h2,.c-hero__content .o-prose h3,.c-hero__content .o-prose h4,.o-prose .c-hero__content h2,.o-prose .c-hero__content h3,.o-prose .c-hero__content h4{color:inherit;margin:inherit}.c-hero__content p{line-height:1.6}.c-hero--image{background:#252525;color:#fff}.c-hero--image.mp .u-link{color:#4796c5}.c-hero--homepage-light .c-hero__image-fg,.c-hero--homepage .c-hero__image-fg,.c-hero__image-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.c-hero--homepage-light .c-hero__image-fg:after,.c-hero--homepage .c-hero__image-fg:after,.c-hero__image-bg:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:radial-gradient(circle farthest-side at top right,rgba(51,51,51,.6),rgba(37,37,37,.9))}@media (min-width:55em){.c-hero--homepage-light .c-hero__image-fg,.c-hero--homepage .c-hero__image-fg,.c-hero__image-bg{left:33.33%}.c-hero--homepage-light .c-hero__image-fg:after,.c-hero--homepage .c-hero__image-fg:after,.c-hero__image-bg:after{background:radial-gradient(circle farthest-side at top right,rgba(37,37,37,.3),#252525)}}.c-hero--homepage,.c-hero--homepage-light{background:linear-gradient(79.62deg,#003039,#005461)}@media (min-width:38em){.c-hero--homepage,.c-hero--homepage-light{background:linear-gradient(84.46deg,#003039 7.52%,#005461 44.84%,rgba(35,80,87,.8) 51.02%,rgba(52,82,87,.62) 54.99%,rgba(78,86,87,.2209) 59.54%,rgba(87,87,87,0) 65.59%)}}.c-hero--homepage-light .u-wrap,.c-hero--homepage .u-wrap{padding-bottom:36px;padding-bottom:var(--space-l-3xl)}.c-hero--homepage-light .u-wrap:after,.c-hero--homepage-light .u-wrap:before,.c-hero--homepage .u-wrap:after,.c-hero--homepage .u-wrap:before{display:none}@media (min-width:38em){.c-hero--homepage-light .c-hero__content,.c-hero--homepage .c-hero__content{width:calc(41.666% - var(--gutter)*2/5 - .1px)}}.c-hero--homepage-light .c-hero__content .c-h,.c-hero--homepage-light .c-hero__content .o-prose h2,.c-hero--homepage-light .c-hero__content .o-prose h3,.c-hero--homepage-light .c-hero__content .o-prose h4,.c-hero--homepage .c-hero__content .c-h,.c-hero--homepage .c-hero__content .o-prose h2,.c-hero--homepage .c-hero__content .o-prose h3,.c-hero--homepage .c-hero__content .o-prose h4,.o-prose .c-hero--homepage-light .c-hero__content h2,.o-prose .c-hero--homepage-light .c-hero__content h3,.o-prose .c-hero--homepage-light .c-hero__content h4,.o-prose .c-hero--homepage .c-hero__content h2,.o-prose .c-hero--homepage .c-hero__content h3,.o-prose .c-hero--homepage .c-hero__content h4{color:#fff}.c-hero--homepage-light .c-hero__content p,.c-hero--homepage .c-hero__content p{color:#bfd3d6}.c-hero--homepage-light .c-hero__content .u-link,.c-hero--homepage .c-hero__content .u-link{color:#47bcd3}.c-hero--homepage-light .c-hero__image-bg,.c-hero--homepage-light .c-hero__image-fg,.c-hero--homepage .c-hero__image-bg,.c-hero--homepage .c-hero__image-fg{display:none}@media (min-width:38em){.c-hero--homepage-light .c-hero__image-bg,.c-hero--homepage-light .c-hero__image-fg,.c-hero--homepage .c-hero__image-bg,.c-hero--homepage .c-hero__image-fg{max-width:65%;left:35%;display:block;z-index:-1;transition:opacity 3s ease;background-position:60% 40%;-webkit-mask-image:radial-gradient(circle farthest-side at top right,#000 80%,transparent 98%)}.c-hero--homepage-light .c-hero__image-bg:after,.c-hero--homepage-light .c-hero__image-fg:after,.c-hero--homepage .c-hero__image-bg:after,.c-hero--homepage .c-hero__image-fg:after{display:none}.c-hero--homepage-light .c-hero__image-bg+[class^=c-hero__image-],.c-hero--homepage-light .c-hero__image-fg+[class^=c-hero__image-],.c-hero--homepage .c-hero__image-bg+[class^=c-hero__image-],.c-hero--homepage .c-hero__image-fg+[class^=c-hero__image-]{opacity:0}}.c-hero--homepage-light .c-hero__image-fg,.c-hero--homepage .c-hero__image-fg{z-index:1}.c-hero--homepage-light{background:linear-gradient(79.62deg,#ebf1f2,#c2e9f0),#ebf1f2}@media (min-width:38em){.c-hero--homepage-light{background:linear-gradient(86.37deg,#ebf1f2 7.52%,#ebf1f2 44.84%,rgba(235,241,242,.8) 51.02%,rgba(235,241,242,.6) 52.38%,rgba(235,241,242,0) 65.41%),#ebf1f2}}.c-hero--homepage-light .c-hero__content .c-h,.c-hero--homepage-light .c-hero__content .o-prose h2,.c-hero--homepage-light .c-hero__content .o-prose h3,.c-hero--homepage-light .c-hero__content .o-prose h4,.o-prose .c-hero--homepage-light .c-hero__content h2,.o-prose .c-hero--homepage-light .c-hero__content h3,.o-prose .c-hero--homepage-light .c-hero__content h4{color:#252525}.c-hero--homepage-light .c-hero__content p{color:#333}.c-hero--homepage-light .c-hero__content .u-link{color:#00a2c2}.c-hero__canvas{position:absolute;z-index:1;height:100%;width:100%;left:0;top:0}.c-quote,.o-prose blockquote{color:#3d7b87;padding-top:72px;padding-top:var(--space-2xl);position:relative}.c-quote:before,.o-prose blockquote:before{content:"“";position:absolute;height:57px;width:45px;left:0;top:0;font-size:10em;font-weight:900;line-height:.9;margin-left:-.05em}.c-quote p,.o-prose blockquote p{letter-spacing:-.02em;font-size:25.92px;font-size:var(--step-2);line-height:1.6}.c-quote p+p,.o-prose blockquote p+p{margin-top:1em}.c-quote cite,.o-prose blockquote cite{display:block;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);margin-top:18px;margin-top:var(--space-s)}.c-quote__image{max-height:3em}.c-quote--bordered{border:1px solid #bfd3d6;padding:54px 54px 54px 144px;padding:var(--space-xl) var(--space-xl) var(--space-xl) var(--space-4xl)}.c-quote--bordered:before{left:54px;left:var(--space-xl);top:36px;top:var(--space-l)}.c-h,.o-prose h2,.o-prose h3,.o-prose h4{font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.2}.c-h--page-subtitle{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1);color:#13aa13;font-weight:600}.c-h--page-title,.c-h--step-6{letter-spacing:-.03em;font-size:53.75px;font-size:var(--step-6)}@media only screen and (max-width:28rem){.c-h--page-title,.c-h--step-6{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}@media only screen and (max-width:70rem){[lang=de-DE] .c-h--page-title,[lang=de-DE] .c-h--step-6{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}.c-h--step-5{letter-spacing:-.03em;font-size:44.79px;font-size:var(--step-5)}@media only screen and (max-width:28rem){.c-h--step-5{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}@media only screen and (max-width:70rem){[lang=de-DE] .c-h--step-5{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}.c-h--step-4{letter-spacing:-.03em;font-size:37.32px;font-size:var(--step-4)}.c-fieldset legend,.c-h--step-3,.o-prose h2{letter-spacing:-.02em;font-size:31.1px;font-size:var(--step-3)}.c-h--step-2,.o-prose h3{letter-spacing:-.02em;font-size:25.92px;font-size:var(--step-2)}.c-h--step-1,.o-prose h4{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1)}.c-h--step-0{letter-spacing:-.01em;font-size:18px;font-size:var(--step-0)}.c-h--step--1{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-h--reset{font-weight:400;letter-spacing:-.01em;font-size:18px;font-size:var(--step-0)}.c-h--upper{text-transform:uppercase;color:#005461;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);letter-spacing:.02em}.c-h--event-date{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1);color:#3d7b87}.c-h--tagline{letter-spacing:-.01em;font-size:18px;font-size:var(--step-0);color:#13aa13}.c-gallery img{cursor:pointer}.c-gallery__main{position:relative}.c-gallery__main>*{width:100%}.c-gallery__main>* img{display:block;margin:0 auto}@supports (object-fit:contain){.c-gallery__main>* img{max-height:500px;object-fit:contain}}.c-gallery__main>:not(.active){display:none}.c-gallery__thumbnails{padding-bottom:18px;padding-bottom:var(--space-s);display:flex;flex-direction:row;flex-wrap:wrap;gap:2%;gap:max(8px,2%)}.c-gallery__thumbnails>*{background:#efefef;min-height:36px;min-height:var(--space-l);max-height:72px;max-height:var(--space-2xl);min-width:36px;min-width:var(--space-l);max-width:10.75%}.c-gallery__thumbnails>* img{height:100%;opacity:.8;object-fit:cover;width:100%}.c-gallery__thumbnails>.active img{opacity:.25}.c-lightbox{position:fixed;z-index:1000;top:0;width:100%;height:100%;background-color:rgba(37,37,37,.9);display:flex;justify-content:center;align-items:center}.c-lightbox__slide{max-width:90vw;margin:auto;display:none}.c-lightbox__slide.active{display:block}.c-lightbox__slide.active img{max-width:85vw;max-height:90vh;margin:auto;display:block}.c-lightbox__next,.c-lightbox__prev{position:absolute;height:2rem;width:2rem;background-repeat:no-repeat;background-position:50%;padding:.5rem;cursor:pointer}.c-lightbox__prev{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12H2m0 0l7-7m-7 7l7 7" stroke="%23fff"/></svg>');left:.5rem}.c-lightbox__next{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12h20m0 0l-7-7m7 7l-7 7" stroke="%23fff"/></svg>');right:.5rem}html body .u-step--2{letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2)}html body .u-step--1{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}html body .u-step-0{letter-spacing:-.01em;font-size:18px;font-size:var(--step-0)}html body .u-step-1{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1)}html body .u-step-2{letter-spacing:-.02em;font-size:25.92px;font-size:var(--step-2)}html body .u-step-3{letter-spacing:-.02em;font-size:31.1px;font-size:var(--step-3)}html body .u-step-4{letter-spacing:-.03em;font-size:37.32px;font-size:var(--step-4)}html body .u-step-5{letter-spacing:-.03em;font-size:44.79px;font-size:var(--step-5)}html body .u-step-6{letter-spacing:-.03em;font-size:53.75px;font-size:var(--step-6)}html body .u-step-7{letter-spacing:-.03em;font-size:64.5px;font-size:var(--step-7)}html body .u-step-8{letter-spacing:-.03em;font-size:77.4px;font-size:var(--step-8)}html body .u-step-9{letter-spacing:-.03em;font-size:92.88px;font-size:var(--step-9)}html body .u-step-10{letter-spacing:-.03em;font-size:111.45px;font-size:var(--step-10)}html body .u-lede{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1);color:#00a2c2}.mp html body .u-lede,html body .u-lede{line-height:1.6}html body .u-strong{font-weight:700}html body .u-normal{font-weight:400}html body .u-ls{letter-spacing:-.01em}html body .u-text-center{text-align:center}html body .mp .u-link,html body .u-link,html body .u-link-inside a{color:#006daf}html body .mp .u-link:hover,html body .u-link-inside a:hover,html body .u-link:hover{text-decoration:underline}html body .mp .u-link--red,html body .u-link--red,html body .u-link-inside a--red{color:#ce0058}html body .u-petrol{color:#005461}html body .u-bg-petrol{background-color:#005461}html body .u-petrol-step--2{color:#002126}html body .u-bg-petrol-step--2{background-color:#002126}html body .u-petrol-step--1{color:#003039}html body .u-bg-petrol-step--1{background-color:#003039}html body .u-petrol-step-1{color:#3d7b87}html body .u-bg-petrol-step-1{background-color:#3d7b87}html body .u-petrol-step-2{color:#bfd3d6}html body .u-bg-petrol-step-2{background-color:#bfd3d6}html body .u-petrol-step-3{color:#ebf1f2}html body .u-bg-petrol-step-3{background-color:#ebf1f2}html body .u-blue{color:#00a2c2}html body .u-bg-blue{background-color:#00a2c2}html body .u-blue-step--1{color:#00758c}html body .u-bg-blue-step--1{background-color:#00758c}html body .u-blue-step-1{color:#47bcd3}html body .u-bg-blue-step-1{background-color:#47bcd3}html body .u-blue-step-2{color:#c2e9f0}html body .u-bg-blue-step-2{background-color:#c2e9f0}html body .u-blue-step-3{color:#ebf8fa}html body .u-bg-blue-step-3{background-color:#ebf8fa}html body .u-green{color:#13aa13}html body .u-bg-green{background-color:#13aa13}html body .u-green-step--1{color:#0e7a0e}html body .u-bg-green-step--1{background-color:#0e7a0e}html body .u-green-step-1{color:#55c255}html body .u-bg-green-step-1{background-color:#55c255}html body .u-green-step-2{color:#c6ebc6}html body .u-bg-green-step-2{background-color:#c6ebc6}html body .u-green-step-3{color:#ecf8ec}html body .u-bg-green-step-3{background-color:#ecf8ec}html body .u-red{color:#ce0058}html body .u-bg-red{background-color:#ce0058}html body .u-red-step--1{color:#9b0042}html body .u-bg-red-step--1{background-color:#9b0042}html body .u-red-step-1{color:#dc4787}html body .u-bg-red-step-1{background-color:#dc4787}html body .u-red-step-2{color:#f3c2d7}html body .u-bg-red-step-2{background-color:#f3c2d7}html body .u-red-step-3{color:#fbebf2}html body .u-bg-red-step-3{background-color:#fbebf2}html body .u-utility-blue{color:#006daf}html body .u-bg-utility-blue{background-color:#006daf}html body .u-utility-blue-step--1{color:#004e7e}html body .u-bg-utility-blue-step--1{background-color:#004e7e}html body .u-utility-blue-step-1{color:#4796c5}html body .u-bg-utility-blue-step-1{background-color:#4796c5}html body .u-utility-blue-step-2{color:#c2dcec}html body .u-bg-utility-blue-step-2{background-color:#c2dcec}html body .u-utility-blue-step-3{color:#ebf3f9}html body .u-bg-utility-blue-step-3{background-color:#ebf3f9}html body .u-utility-orange{color:#f2a60d}html body .u-bg-utility-orange{background-color:#f2a60d}html body .u-utility-orange-step--1{color:#ae7809}html body .u-bg-utility-orange-step--1{background-color:#ae7809}html body .u-utility-orange-step-1{color:#f6bf51}html body .u-bg-utility-orange-step-1{background-color:#f6bf51}html body .u-utility-orange-step-2{color:#fceac5}html body .u-bg-utility-orange-step-2{background-color:#fceac5}html body .u-utility-orange-step-3{color:#fef8ec}html body .u-bg-utility-orange-step-3{background-color:#fef8ec}html body .u-grey{color:#333}html body .u-bg-grey{background-color:#333}html body .u-grey--50{color:#666}html body .u-bg-grey--50{background-color:#666}html body .u-grey-step--2{color:#0c0c0c}html body .u-bg-grey-step--2{background-color:#0c0c0c}html body .u-grey-step--1{color:#252525}html body .u-bg-grey-step--1{background-color:#252525}html body .u-grey-step-1{color:#6c6c6c}html body .u-bg-grey-step-1{background-color:#6c6c6c}html body .u-grey-step-2{color:#cecece}html body .u-bg-grey-step-2{background-color:#cecece}html body .u-grey-step-3{color:#efefef}html body .u-bg-grey-step-3{background-color:#efefef}html body .u-white{color:#fff}html body .u-bg-white{background-color:#fff}html body .u-wrap{padding-right:18px;padding-right:var(--gutter);padding-left:18px;padding-left:var(--gutter);margin-right:auto;margin-left:auto;max-width:78.75rem;max-width:calc(78.75rem + var(--gutter) + var(--gutter));width:100%}html body .u-wrap .u-wrap{padding-right:0;padding-left:0}html body .u-wrap--content{max-width:51.75rem;width:100%}html body .u-wrap--fields{max-width:27rem;padding-right:36px;padding-right:var(--space-l)}html body .u-flex{display:flex}html body .u-flex-column{flex-direction:column}html body .u-align-center{align-items:center}html body .u-justify-center{justify-content:center}html body .u-justify-between{justify-content:space-between}html body .u-justify-end{justify-content:flex-end}html body .u-flex-1{flex:1}html body .u-flex-no-shrink{flex-shrink:0}html body .u-flex-no-grow{flex-grow:0}html body .u-flex-wrap{flex-wrap:wrap}html body .c-checkbox,html body .c-radio,html body .u-hidden{clip:rect(0 0 0 0);clip-path:inset(0 0 100% 0);height:1px;overflow:hidden;position:absolute;transition:clip-path .3s;white-space:nowrap;width:1px}html body .u-revealed{clip-path:inset(0);transition:clip-path .3s}html body .u-clear-both{clear:both}html body .u-display-none{display:none}html body .u-display-block{display:block}html body .u-display-inline-block{display:inline-block}html body .c-card--float-right,html body .c-product-signpost--float-right,html body .u-float--image-right,html body .u-float-right{float:right}html body .u-float--image-right{margin:0 0 13.5px;margin:0 0 var(--space-xs-l) 0;width:100%}@media (min-width:38em){html body .u-float--image-right{margin-left:13.5px;margin-left:var(--space-xs-l);min-width:9rem;width:50%}}html body .c-campaign__link,html body .c-product-signpost__link,html body .c-usp__link,html body .u-fill{position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;object-fit:cover}html body .c-campaign__link,html body .c-product-signpost__link,html body .c-usp__link,html body .u-fill--link{overflow:hidden;white-space:nowrap;text-indent:200%}html body .u-relative{position:relative}html body .u-sticky{position:sticky;top:0}html body .u-sticky--gutter{top:18px;top:var(--gutter)}html body .u-split{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;align-items:center}html body .u-split--top{align-items:flex-start}html body .u-split--bottom{align-items:flex-end}html body .u-split>:first-child{margin-right:18px;margin-right:var(--space-s)}@supports (gap:1rem){html body .u-split{gap:18px;gap:var(--space-s-m)}html body .u-split>:first-child{margin-right:unset}}html body .u-row{display:flex;gap:18px;gap:var(--space-s-l)}@supports (object-fit:cover){html body .u-2\/1{aspect-ratio:2/1;object-fit:cover;object-position:75% 50%}}@media (min-width:640px){html body .u-md-hidden{display:none!important}}html body .u-flow--3xs>*+*{margin-top:4.5px;margin-top:var(--space-3xs)}html body .u-flow--2xs>*+*{margin-top:9px;margin-top:var(--space-2xs)}html body .u-flow--xs>*+*{margin-top:13.5px;margin-top:var(--space-xs)}html body .u-flow--s>*+*,html body .u-flow>*+*{margin-top:18px;margin-top:var(--space-s)}html body .u-flow--m>*+*{margin-top:27px;margin-top:var(--space-m)}html body .u-flow--s-m>*+*{margin-top:18px;margin-top:var(--space-s-m)}html body .u-flow--s-l>*+*{margin-top:18px;margin-top:var(--space-s-l)}html body .u-flow--m-xl>*+*{margin-top:27px;margin-top:var(--space-m-xl)}html body .u-flow--l>*+*{margin-top:36px;margin-top:var(--space-l)}html body .u-flow--xl>*+*{margin-top:54px;margin-top:var(--space-xl)}html body .u-flow--l-2xl>*+*{margin-top:36px;margin-top:var(--space-l-2xl)}html body .u-flow--3xl>*+*{margin-top:108px;margin-top:var(--space-3xl)}html body .u-flow--prose>*+*,html body .u-flow--prose>[property="a:Content"]>*+*{margin-top:var(--flow,1em)}html body .u-flow--gutter>*+*{margin-top:18px;margin-top:var(--gutter)}html body .u-flow--lined>*+*{padding-top:27px;padding-top:var(--space-m-xl);margin-top:27px;margin-top:var(--space-m-xl);border-top:1px solid #bfd3d6}html body .u-pad-top-0{padding-top:0}html body .u-pad-top-s{padding-top:18px;padding-top:var(--space-s)}html body .u-pad-top-m{padding-top:27px;padding-top:var(--space-m)}html body .u-pad-top-l{padding-top:36px;padding-top:var(--space-l)}html body .u-pad-top-xl{padding-top:54px;padding-top:var(--space-xl)}html body .u-pad-top-s-m{padding-top:18px;padding-top:var(--space-s-m)}html body .u-pad-top-m-l{padding-top:27px;padding-top:var(--space-m-l)}html body .u-pad-top-l-xl{padding-top:36px;padding-top:var(--space-l-xl)}html body .u-pad-bottom-0{padding-bottom:0}html body .u-pad-bottom-s{padding-bottom:18px;padding-bottom:var(--space-s)}html body .u-pad-bottom-m{padding-bottom:27px;padding-bottom:var(--space-m)}html body .u-pad-bottom-l{padding-bottom:36px;padding-bottom:var(--space-l)}html body .u-pad-bottom-xl{padding-bottom:54px;padding-bottom:var(--space-xl)}html body .u-pad-bottom-s-m{padding-bottom:18px;padding-bottom:var(--space-s-m)}html body .u-pad-bottom-m-l{padding-bottom:27px;padding-bottom:var(--space-m-l)}html body .u-pad-bottom-l-xl{padding-bottom:36px;padding-bottom:var(--space-l-xl)}html body .u-pad-left-0{padding-left:0}html body .u-pad-left-s{padding-left:18px;padding-left:var(--space-s)}html body .u-pad-left-m{padding-left:27px;padding-left:var(--space-m)}html body .u-pad-left-l{padding-left:36px;padding-left:var(--space-l)}html body .u-pad-left-xl{padding-left:54px;padding-left:var(--space-xl)}html body .u-pad-right-0{padding-right:0}html body .u-pad-right-s{padding-right:18px;padding-right:var(--space-s)}html body .u-pad-right-m{padding-right:27px;padding-right:var(--space-m)}html body .u-pad-right-l{padding-right:36px;padding-right:var(--space-l)}html body .u-pad-right-xl{padding-right:54px;padding-right:var(--space-xl)}html body .u-pad-0{padding:0}html body .u-pad-s{padding:18px;padding:var(--space-s)}html body .u-pad-m{padding:27px;padding:var(--space-m)}html body .u-pad-l{padding:36px;padding:var(--space-l)}html body .u-pad-xl{padding:54px;padding:var(--space-xl)}html body .u-pad-y-s{padding-top:18px;padding-top:var(--space-s);padding-bottom:18px;padding-bottom:var(--space-s)}html body .u-pad-y-m{padding-top:27px;padding-top:var(--space-m);padding-bottom:27px;padding-bottom:var(--space-m)}html body .u-pad-y-m-l{padding-top:27px;padding-top:var(--space-m-l);padding-bottom:27px;padding-bottom:var(--space-m-l)}html body .u-pad-y-l{padding-top:36px;padding-top:var(--space-l);padding-bottom:36px;padding-bottom:var(--space-l)}html body .u-pad-y-xl{padding-top:54px;padding-top:var(--space-xl);padding-bottom:54px;padding-bottom:var(--space-xl)}html body .u-pad-y-2xl{padding-top:72px;padding-top:var(--space-2xl);padding-bottom:72px;padding-bottom:var(--space-2xl)}html body .u-pad-y-l-xl{padding-top:36px;padding-top:var(--space-l-xl);padding-bottom:36px;padding-bottom:var(--space-l-xl)}html body .u-pad-y-l-2xl{padding-top:36px;padding-top:var(--space-l-2xl);padding-bottom:36px;padding-bottom:var(--space-l-2xl)}html body .u-pad-x-s{padding-left:18px;padding-left:var(--space-s);padding-right:18px;padding-right:var(--space-s)}html body .u-pad-x-m{padding-left:27px;padding-left:var(--space-m);padding-right:27px;padding-right:var(--space-m)}html body .u-pad-x-l{padding-left:36px;padding-left:var(--space-l);padding-right:36px;padding-right:var(--space-l)}html body .u-pad-x-xl{padding-left:54px;padding-left:var(--space-xl);padding-right:54px;padding-right:var(--space-xl)}html body .u-pad-x-s-xl{padding-left:18px;padding-left:var(--space-s-xl);padding-right:18px;padding-right:var(--space-s-xl)}html body .u-margin-top-0{margin-top:0}html body .u-margin-top-2xs{margin-top:9px;margin-top:var(--space-2xs)}html body .u-margin-top-xs{margin-top:13.5px;margin-top:var(--space-xs)}html body .u-margin-top-s{margin-top:18px;margin-top:var(--space-s)}html body .u-margin-top-m{margin-top:27px;margin-top:var(--space-m)}html body .u-margin-top-l{margin-top:36px;margin-top:var(--space-l)}html body .u-margin-top-xl{margin-top:54px;margin-top:var(--space-xl)}html body .u-margin-top-s-m{margin-top:18px;margin-top:var(--space-s-m)}html body .u-margin-top-m-l{margin-top:27px;margin-top:var(--space-m-l)}html body .u-margin-top-l-xl{margin-top:36px;margin-top:var(--space-l-xl)}html body .u-margin-top-l-2xl{margin-top:36px;margin-top:var(--space-l-2xl)}html body .u-margin-top-xl-2xl{margin-top:54px;margin-top:var(--space-xl-2xl)}html body .u-margin-bottom-0{margin-bottom:0}html body .u-margin-bottom-s{margin-bottom:18px;margin-bottom:var(--space-s)}html body .u-margin-bottom-m{margin-bottom:27px;margin-bottom:var(--space-m)}html body .u-margin-bottom-l{margin-bottom:36px;margin-bottom:var(--space-l)}html body .u-margin-bottom-xl{margin-bottom:54px;margin-bottom:var(--space-xl)}html body .u-margin-bottom-s-m{margin-bottom:18px;margin-bottom:var(--space-s-m)}html body .u-margin-bottom-s-l{margin-bottom:18px;margin-bottom:var(--space-s-l)}html body .u-margin-bottom-m-l{margin-bottom:27px;margin-bottom:var(--space-m-l)}html body .u-margin-bottom-m-xl{margin-bottom:27px;margin-bottom:var(--space-m-xl)}html body .u-margin-bottom-l-xl{margin-bottom:36px;margin-bottom:var(--space-l-xl)}html body .u-margin-left-0{margin-left:0}html body .u-margin-left-2xs{margin-left:9px;margin-left:var(--space-2xs)}html body .u-margin-left-xs{margin-left:13.5px;margin-left:var(--space-xs)}html body .u-margin-left-s{margin-left:18px;margin-left:var(--space-s)}html body .u-margin-left-m{margin-left:27px;margin-left:var(--space-m)}html body .u-margin-left-l{margin-left:36px;margin-left:var(--space-l)}html body .u-margin-left-xl{margin-left:54px;margin-left:var(--space-xl)}html body .u-margin-right-0{margin-right:0}html body .u-margin-right-xs{margin-right:13.5px;margin-right:var(--space-xs)}html body .u-margin-right-s{margin-right:18px;margin-right:var(--space-s)}html body .u-margin-right-m{margin-right:27px;margin-right:var(--space-m)}html body .u-margin-right-l{margin-right:36px;margin-right:var(--space-l)}html body .u-margin-right-xl{margin-right:54px;margin-right:var(--space-xl)}html body .u-margin-0{margin:0}html body .u-margin-s{margin:18px;margin:var(--space-s)}html body .u-margin-m{margin:27px;margin:var(--space-m)}html body .u-margin-l{margin:36px;margin:var(--space-l)}html body .u-margin-xl{margin:54px;margin:var(--space-xl)}html body .u-margin-y-xs{margin-top:13.5px;margin-top:var(--space-xs);margin-bottom:13.5px;margin-bottom:var(--space-xs)}html body .u-margin-y-s{margin-top:18px;margin-top:var(--space-s);margin-bottom:18px;margin-bottom:var(--space-s)}html body .u-margin-y-s-m{margin-top:18px;margin-top:var(--space-s-m);margin-bottom:18px;margin-bottom:var(--space-s-m)}html body .u-margin-y-m{margin-top:27px;margin-top:var(--space-m);margin-bottom:27px;margin-bottom:var(--space-m)}html body .u-margin-y-l{margin-top:36px;margin-top:var(--space-l);margin-bottom:36px;margin-bottom:var(--space-l)}html body .u-margin-y-xl{margin-top:54px;margin-top:var(--space-xl);margin-bottom:54px;margin-bottom:var(--space-xl)}html body .u-margin-x-s{margin-left:18px;margin-left:var(--space-s);margin-right:18px;margin-right:var(--space-s)}html body .u-margin-x-m{margin-left:27px;margin-left:var(--space-m);margin-right:27px;margin-right:var(--space-m)}html body .u-margin-x-l{margin-left:36px;margin-left:var(--space-l);margin-right:36px;margin-right:var(--space-l)}html body .u-margin-x-xl{margin-left:54px;margin-left:var(--space-xl);margin-right:54px;margin-right:var(--space-xl)}html body .u-margin-auto{margin-left:auto;margin-right:auto}html body .u-width-auto{width:auto}html body .u-width-100{width:100%}html body .o-prose hr,html body .u-hr{padding-bottom:27px;padding-bottom:var(--space-m-xl);margin:0 0 27px;margin-bottom:var(--space-m-xl);border:none;border-bottom:1px solid #bfd3d6}html body .u-border-top{border-top:1px solid #bfd3d6}html body .u-border{border:1px solid #bfd3d6}html body .u-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0;width:100%}@supports (background-attachment:local){html body .u-scroll-shadows--v{background-position:top,bottom,top,bottom;background-size:100% 54px,100% 54px,100% 27px,100% 27px;background-image:linear-gradient(180deg,#fff 50%,transparent),linear-gradient(180deg,transparent,#fff 50%),radial-gradient(farthest-side at 50% 0,hsla(0,0%,60%,.3),transparent),radial-gradient(farthest-side at 50% 100%,hsla(0,0%,60%,.3),transparent)}}@supports (background-attachment:local){html body .u-scroll-shadows--h,html body .u-scroll-shadows--v{background-repeat:no-repeat;background-color:#fff;background-attachment:local,local,scroll,scroll}html body .u-scroll-shadows--h{background-position:0,100%,0,100%;background-size:54px 100%,54px 100%,27px 120%,27px 120%;background-image:linear-gradient(90deg,#fff 50%,transparent),linear-gradient(90deg,transparent,#fff 50%),radial-gradient(farthest-side at 0 50%,hsla(0,0%,60%,.3),transparent),radial-gradient(farthest-side at 100% 50%,hsla(0,0%,60%,.3),transparent)}}
|
1
|
+
@charset "UTF-8";.u-breakout{left:50%;left:calc(50% + var(--scrollbarWidth)/2.0001);position:relative;transform:translateX(-50vw);width:100vw;width:calc(100vw - var(--scrollbarWidth));padding-left:safe-space(0);padding-right:safe-space(0)}:root{--fluid-min-width:320;--fluid-max-width:1332;--fluid-screen:100vw;--fluid-bp:calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)))}@media screen and (min-width:1332px){:root{--fluid-screen:calc(var(--fluid-max-width)*1px)}}:root{--f--2-min:12.64;--f--2-max:12.5;--step--2:calc(var(--f--2-min)/16*1rem + (var(--f--2-max) - var(--f--2-min))*var(--fluid-bp));--f--1-min:14.22;--f--1-max:15;--step--1:calc(var(--f--1-min)/16*1rem + (var(--f--1-max) - var(--f--1-min))*var(--fluid-bp));--f-0-min:16;--f-0-max:18;--step-0:calc(var(--f-0-min)/16*1rem + (var(--f-0-max) - var(--f-0-min))*var(--fluid-bp));--f-1-min:18;--f-1-max:21.6;--step-1:calc(var(--f-1-min)/16*1rem + (var(--f-1-max) - var(--f-1-min))*var(--fluid-bp));--f-2-min:20.25;--f-2-max:25.92;--step-2:calc(var(--f-2-min)/16*1rem + (var(--f-2-max) - var(--f-2-min))*var(--fluid-bp));--f-3-min:22.78;--f-3-max:31.1;--step-3:calc(var(--f-3-min)/16*1rem + (var(--f-3-max) - var(--f-3-min))*var(--fluid-bp));--f-4-min:25.63;--f-4-max:37.32;--step-4:calc(var(--f-4-min)/16*1rem + (var(--f-4-max) - var(--f-4-min))*var(--fluid-bp));--f-5-min:28.83;--f-5-max:44.79;--step-5:calc(var(--f-5-min)/16*1rem + (var(--f-5-max) - var(--f-5-min))*var(--fluid-bp));--f-6-min:32.44;--f-6-max:53.75;--step-6:calc(var(--f-6-min)/16*1rem + (var(--f-6-max) - var(--f-6-min))*var(--fluid-bp));--f-7-min:36.49;--f-7-max:64.5;--step-7:calc(var(--f-7-min)/16*1rem + (var(--f-7-max) - var(--f-7-min))*var(--fluid-bp));--f-8-min:41.05;--f-8-max:77.4;--step-8:calc(var(--f-8-min)/16*1rem + (var(--f-8-max) - var(--f-8-min))*var(--fluid-bp));--f-9-min:46.18;--f-9-max:92.88;--step-9:calc(var(--f-9-min)/16*1rem + (var(--f-9-max) - var(--f-9-min))*var(--fluid-bp));--f-10-min:51.96;--f-10-max:111.45;--step-10:calc(var(--f-10-min)/16*1rem + (var(--f-10-max) - var(--f-10-min))*var(--fluid-bp));--max-screen:83.25;--fc-screen:100vw;--fc-bp:calc((var(--fc-screen) - 20em)/(var(--max-screen) - 20));--fc-base:18;--fc-3xs:4.5;--space-3xs:calc(var(--fc-3xs)/16*1rem);--fc-2xs:9;--space-2xs:calc(var(--fc-2xs)/16*1rem);--fc-xs:13.5;--space-xs:calc(var(--fc-xs)/16*1rem);--fc-s:18;--space-s:calc(var(--fc-s)/16*1rem);--fc-m:27;--space-m:calc(var(--fc-m)/16*1rem);--fc-l:36;--space-l:calc(var(--fc-l)/16*1rem);--fc-xl:54;--space-xl:calc(var(--fc-xl)/16*1rem);--fc-2xl:72;--space-2xl:calc(var(--fc-2xl)/16*1rem);--fc-3xl:108;--space-3xl:calc(var(--fc-3xl)/16*1rem);--fc-4xl:144;--space-4xl:calc(var(--fc-4xl)/16*1rem);--space--3xs:calc(var(--fc-)/16*1rem + (var(--fc-3xs) - var(--fc-))*var(--fluid-bp));--space-3xs-2xs:calc(var(--fc-3xs)/16*1rem + (var(--fc-2xs) - var(--fc-3xs))*var(--fluid-bp));--space-2xs-xs:calc(var(--fc-2xs)/16*1rem + (var(--fc-xs) - var(--fc-2xs))*var(--fluid-bp));--space-xs-s:calc(var(--fc-xs)/16*1rem + (var(--fc-s) - var(--fc-xs))*var(--fluid-bp));--space-m-l:calc(var(--fc-m)/16*1rem + (var(--fc-l) - var(--fc-m))*var(--fluid-bp));--space-l-xl:calc(var(--fc-l)/16*1rem + (var(--fc-xl) - var(--fc-l))*var(--fluid-bp));--space-xl-2xl:calc(var(--fc-xl)/16*1rem + (var(--fc-2xl) - var(--fc-xl))*var(--fluid-bp));--space-2xl-3xl:calc(var(--fc-2xl)/16*1rem + (var(--fc-3xl) - var(--fc-2xl))*var(--fluid-bp));--space-3xl-4xl:calc(var(--fc-3xl)/16*1rem + (var(--fc-4xl) - var(--fc-3xl))*var(--fluid-bp));--space-s-l:calc(var(--fc-s)/16*1rem + (var(--fc-l) - var(--fc-s))*var(--fluid-bp));--space-s-m:calc(var(--fc-s)/16*1rem + (var(--fc-m) - var(--fc-s))*var(--fluid-bp));--space-xs-l:calc(var(--fc-xs)/16*1rem + (var(--fc-l) - var(--fc-xs))*var(--fluid-bp));--space-m-xl:calc(var(--fc-m)/16*1rem + (var(--fc-xl) - var(--fc-m))*var(--fluid-bp));--space-l-2xl:calc(var(--fc-l)/16*1rem + (var(--fc-2xl) - var(--fc-l))*var(--fluid-bp));--space-s-xl:calc(var(--fc-s)/16*1rem + (var(--fc-xl) - var(--fc-s))*var(--fluid-bp));--space-l-3xl:calc(var(--fc-l)/16*1rem + (var(--fc-3xl) - var(--fc-l))*var(--fluid-bp));--space-xl-3xl:calc(var(--fc-xl)/16*1rem + (var(--fc-3xl) - var(--fc-xl))*var(--fluid-bp));--space-l-4xl:calc(var(--fc-l)/16*1rem + (var(--fc-4xl) - var(--fc-l))*var(--fluid-bp));--space-3xs-m:calc(var(--fc-3xs)/16*1rem + (var(--fc-m) - var(--fc-3xs))*var(--fluid-bp));--gutter:var(--space-s-l)}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../Inter-Regular.03253301.woff2) format("woff2"),url(../Inter-Regular.27892b21.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../Inter-SemiBold.97a52f0e.woff2) format("woff2"),url(../Inter-SemiBold.ba1d0d7d.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../Inter-Bold.a2748096.woff2) format("woff2"),url(../Inter-Bold.39130deb.woff) format("woff")}@media screen and (min-width:75em){:root{--fc-screen:calc(var(--max-screen)*1rem)}}*,:after,:before{box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100vh;margin:0}html{scroll-behavior:smooth}blockquote,figure,ol,pre,ul{padding:0;margin:0}img{max-width:100%;height:auto;border:none}article,aside,figure,footer,header,img,main,nav{display:block}iframe{border:none}body{font:400 1.125rem/1.2 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;letter-spacing:-.01em;font-size:18px;font-size:var(--step-0);color:#333}dl,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}ol,p,ul{line-height:1.2}a{text-decoration:none}a,a:hover{cursor:pointer;color:inherit}.mp ol,.mp ul{list-style:none}address,cite{font-style:normal}[type=button],[type=submit],button{border-radius:0;background:transparent;box-shadow:none;appearance:none;padding:0;cursor:pointer;border:none;color:inherit;font:inherit}.mp.c-button[disabled],[disabled]{opacity:.5;cursor:not-allowed}label{cursor:pointer}fieldset{border:0;padding:.01em 0 0}@media (prefers-reduced-motion:reduce){*{-webkit-animation:none!important;animation:none!important;transition:none!important;scroll-behavior:auto!important}}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:focus{outline:2px solid #005461}.body--blog .c-card__title,.body--blog .c-event-card,.body--blog .c-fieldset legend,.body--blog .c-h--page-title,.body--blog .c-h--step-1,.body--blog .c-h--step-2,.body--blog .c-h--step-3,.body--blog .c-h--step-4,.body--blog .c-hero__content,.body--blog .o-prose--blog,.body--blog .o-prose h2,.body--blog .o-prose h3,.body--blog .o-prose h4,.body--blog .u-lede,.c-fieldset .body--blog legend,.o-prose .body--blog h2,.o-prose .body--blog h3,.o-prose .body--blog h4{-moz-font-feature-settings:"salt";-webkit-font-feature-settings:"salt";font-feature-settings:"salt"}.o-prose{color:inherit}.o-prose ol,.o-prose p,.o-prose ul{line-height:1.6}.o-prose li a:not(.c-button),.o-prose p a:not(.c-button){color:#006daf;text-decoration:underline;text-underline-offset:3px}.o-prose li a:not(.c-button):hover,.o-prose p a:not(.c-button):hover{text-decoration:none}.o-prose ul li{list-style:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="20" viewBox="0 0 10 20"><circle cx="5" cy="14" r="3.5" fill="%2313AA13" fill-rule="evenodd"/></svg>') outside;margin-left:1em;padding-left:.5rem}.o-prose ul li h3,.o-prose ul li h4{line-height:1.6;font-size:1em;color:#13aa13}.o-prose ol li{list-style:decimal;padding-left:.375rem;margin-left:1.125em}.o-prose ol ol li{list-style:lower-alpha}.o-prose pre{line-height:1.4;overflow-x:auto;padding:13.5px;padding:var(--space-xs)}.o-prose li code,.o-prose p code,.o-prose pre{background:#ebf1f2;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.o-prose li code,.o-prose p code{padding:.25em}.o-prose figcaption{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);display:block}.o-prose figure>*+*{margin-top:.5em}.o-prose ol ol,.o-prose ol ul,.o-prose ul ol,.o-prose ul ul{margin-top:18px;margin-top:var(--space-s)}.o-prose ol li+li,.o-prose ul li+li{margin-top:9px;margin-top:var(--space-2xs)}.o-prose>pre,.o-prose ol,.o-prose ul{--flow:var(--space-s-m)}.o-prose>pre:not(:last-child),.o-prose ol:not(:last-child),.o-prose ul:not(:last-child){margin-bottom:var(--flow)}.o-prose h2,.o-prose h3{--flow:var(--space-m-l)}.o-prose h2{margin-bottom:18px;margin-bottom:var(--space-s-m)}.o-prose>img,.o-prose figure{--flow:var(--space-l-xl);margin-bottom:var(--flow)}.o-prose blockquote{--flow:var(--space-m-l);margin-bottom:var(--flow)}@media (min-width:35em){.o-prose:not(.o-prose--left-blockquote) blockquote{padding-left:107px}.o-prose:not(.o-prose--left-blockquote) blockquote:before{left:107px}.o-prose.o-prose--left-blockquote blockquote{padding-right:107px}}.o-prose--with-lede>p:first-of-type{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1);color:#00a2c2}.o-featured-image{margin-left:calc(var(--gutter)*-1)}.c-footer__sections,.o-grid{display:flex;flex-wrap:wrap;justify-content:stretch;margin-bottom:-18px;margin-bottom:calc(var(--gutter)*-1);width:100%}.o-grid--float:after{content:" ";display:table;clear:both}.o-grid--between{justify-content:space-between}.o-grid--no-height-match{align-items:start}.c-footer__sections>*,.o-grid>*{width:100%;margin-bottom:18px;margin-bottom:var(--gutter)}@media (min-width:40em){.o-grid--of-two>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-two>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-two>:nth-child(odd){margin-left:0}}@media (min-width:55em){.o-grid--of-two-late>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-two-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-two-late>:nth-child(odd){margin-left:0}}@media (min-width:38em) and (max-width:54.9375em){.o-grid--of-three>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-three>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three>:nth-child(odd){margin-left:0}}@media (min-width:55em){.o-grid--of-three>*{width:calc(33.333% - 12.1px);width:calc(33.333% - var(--gutter)*2/3 - .1px)}.o-grid--of-three>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three>:nth-child(3n+1){margin-left:0}}@media (min-width:38em) and (max-width:67.9375em){.o-grid--of-three-late>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.o-grid--of-three-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three-late>:nth-child(odd){margin-left:0}}@media (min-width:68em){.o-grid--of-three-late>*{width:calc(33.333% - 12.1px);width:calc(33.333% - var(--gutter)*2/3 - .1px)}.o-grid--of-three-late>*+*{margin-left:18px;margin-left:var(--gutter)}.o-grid--of-three-late>:nth-child(3n+1){margin-left:0}}@media (min-width:38em) and (max-width:59.9375em){.c-footer__sections>*,.o-grid--of-four>*{width:calc(50% - 9.1px);width:calc(50% - var(--gutter)*1/2 - .1px)}.c-footer__sections>*+*,.o-grid--of-four>*+*{margin-left:18px;margin-left:var(--gutter)}.c-footer__sections>:nth-child(odd),.o-grid--of-four>:nth-child(odd){margin-left:0}}@media (min-width:60em){.c-footer__sections>*,.o-grid--of-four>*{width:calc(25% - 13.6px);width:calc(25% - var(--gutter)*3/4 - .1px)}.c-footer__sections>*+*,.o-grid--of-four>*+*{margin-left:18px;margin-left:var(--gutter)}.c-footer__sections>:nth-child(4n+1),.o-grid--of-four>:nth-child(4n+1){margin-left:0}}@media (max-width:54.9375em){.o-grid--swipeable{left:50%;left:calc(50% + var(--scrollbarWidth)/2.0001);position:relative;transform:translateX(-50vw);width:100vw;width:calc(100vw - var(--scrollbarWidth));padding-left:var(--gutter);padding-right:var(--gutter);flex-wrap:nowrap;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.o-grid--swipeable>*{flex:0 0 auto;max-width:23em;width:calc(85vw - var(--gutter)*2.333);scroll-snap-align:center}.o-grid--swipeable>*+*{margin-left:var(--gutter)!important}}@media (min-width:55em){.o-grid--4\/7-switch>:nth-child(2n+2),.o-grid--4\/7>:nth-child(2n+2){width:57.1428571429%}.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--3\/9-switch>:nth-child(odd),.o-grid--3\/9>:nth-child(2n+2),.o-grid--4\/8-switch>:nth-child(odd),.o-grid--4\/8>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--8\/3>:nth-child(odd),.o-grid--8\/4-switch>:nth-child(2n+2),.o-grid--8\/4>:nth-child(odd),.o-grid--9\/3-switch>:nth-child(2n+2),.o-grid--9\/3>:nth-child(odd){width:65.7142857143%}.o-grid--3\/8-switch>:nth-child(2n+2),.o-grid--3\/8>:nth-child(odd),.o-grid--3\/9-switch>:nth-child(2n+2),.o-grid--3\/9>:nth-child(odd),.o-grid--4\/7-switch>:nth-child(odd),.o-grid--4\/7>:nth-child(odd),.o-grid--4\/8-switch>:nth-child(2n+2),.o-grid--4\/8>:nth-child(odd),.o-grid--8\/3-switch>:nth-child(odd),.o-grid--8\/3>:nth-child(2n+2),.o-grid--8\/4-switch>:nth-child(odd),.o-grid--8\/4>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(odd),.o-grid--9\/3>:nth-child(2n+2){width:31.4285714286%}.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--3\/9-switch>:nth-child(odd),.o-grid--3\/9>:nth-child(2n+2),.o-grid--4\/8-switch>:nth-child(odd),.o-grid--4\/8>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(odd),.o-grid--8\/3>:nth-child(2n+2),.o-grid--8\/4-switch>:nth-child(odd),.o-grid--8\/4>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(odd),.o-grid--9\/3>:nth-child(2n+2){margin-left:2.8571428571%;margin-right:0}.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--8\/3>:nth-child(odd){max-width:828px}.o-grid[class*=switch]>:nth-child(odd),[class*=switch].c-footer__sections>:nth-child(odd){order:1}.o-grid--layout,.o-grid--layout>:last-child,.o-grid--layout>:nth-last-child(2){margin-bottom:0}.o-grid--push{justify-content:space-between}.o-grid--pull{justify-content:flex-start}.o-grid--float{display:block}.o-grid--float:not([class*=switch])>:nth-child(odd),.o-grid--float[class*=switch]>:nth-child(2n+2){float:left}.o-grid--float:not([class*=switch])>:nth-child(2n+2),.o-grid--float[class*=switch]>:nth-child(odd){float:right}}@media (min-width:70em){.o-grid--3\/8-switch>:nth-child(odd),.o-grid--3\/8>:nth-child(2n+2),.o-grid--3\/9-switch>:nth-child(odd),.o-grid--3\/9>:nth-child(2n+2),.o-grid--8\/3-switch>:nth-child(2n+2),.o-grid--8\/3>:nth-child(odd),.o-grid--9\/3-switch>:nth-child(2n+2),.o-grid--9\/3>:nth-child(odd){width:74.2857142857%}.o-grid--3\/8-switch>:nth-child(2n+2),.o-grid--3\/8>:nth-child(odd),.o-grid--3\/9-switch>:nth-child(2n+2),.o-grid--3\/9>:nth-child(odd),.o-grid--8\/3-switch>:nth-child(odd),.o-grid--8\/3>:nth-child(2n+2),.o-grid--9\/3-switch>:nth-child(odd),.o-grid--9\/3>:nth-child(2n+2){width:22.8571428571%}}.c-button--reset{padding:0;color:inherit}.c-button,.c-button--reset,.mp.c-button{border-radius:0;background:transparent;box-shadow:none;appearance:none;cursor:pointer;border:none;font:inherit;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.c-button,.mp.c-button{color:inherit;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:6px;background-color:#13aa13;font-weight:700;font-size:1.125rem;padding:.777em 1.5em;transition:background-color .3s,color .3s,box-shadow .3s;letter-spacing:-.01em;color:#fff}.c-button:focus,.c-button:hover,.mp.c-button:focus,.mp.c-button:hover{background-color:#0e7a0e;text-decoration:none;color:#fff}.c-button--wide,.mp.c-button--wide{width:100%}.c-button--tight,.mp.c-button--tight{padding-right:.75em;padding-left:.75em}.c-button--inline,.mp.c-button--inline{display:inline-flex;margin-right:.5em;margin-bottom:.5em;vertical-align:top}.c-button--petrol,.mp.c-button--petrol{background-color:#005461}.c-button--petrol:focus,.c-button--petrol:hover,.mp.c-button--petrol:focus,.mp.c-button--petrol:hover{background-color:#3d7b87}.c-button--blue,.mp.c-button--blue{background-color:#00a2c2}.c-button--blue:focus,.c-button--blue:hover,.mp.c-button--blue:focus,.mp.c-button--blue:hover{background-color:#00758c}.c-button--red,.mp.c-button--red{background-color:#ce0058}.c-button--red:focus,.c-button--red:hover,.mp.c-button--red:focus,.mp.c-button--red:hover{background-color:#9b0042}.c-button--white,.mp.c-button--white{background-color:#fff;font-weight:400;color:#006daf;padding:.777em 1em}.c-button--white:focus,.c-button--white:hover,.mp.c-button--white:focus,.mp.c-button--white:hover{background-color:#ebf1f2;color:#004e7e}.c-button--outline-white,.mp.c-button--outline-white{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px #fff}.c-button--outline-white:focus,.c-button--outline-white:hover,.mp.c-button--outline-white:focus,.mp.c-button--outline-white:hover{background-color:#fff;color:#005461}.c-button--outline-green,.mp.c-button--outline-green{background:transparent;color:#13aa13;box-shadow:inset 0 0 0 1px #13aa13}.c-button--outline-green:focus,.c-button--outline-green:hover,.mp.c-button--outline-green:focus,.mp.c-button--outline-green:hover{box-shadow:inset 0 0 0 1px #0e7a0e;background-color:#0e7a0e;color:#fff}.c-button--small,.mp.c-button--small{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);padding:.5em 1em}.c-icon{width:1em;height:1em;color:inherit;font-size:inherit}.c-twi{display:inline-flex;justify-content:flex-start;align-items:center;color:inherit;text-decoration:none}.c-twi:focus,.c-twi:hover{text-decoration:underline}.c-twi svg{margin-left:.5em;font-size:1.25em}.c-twi--left svg{margin-right:.5em;margin-left:0;order:-1}.c-table,.o-prose table{text-align:left;border:none;width:100%;border-collapse:collapse;background:transparent;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-table th,.o-prose table th{font-weight:600}.c-table td,.c-table th,.o-prose table td,.o-prose table th{padding:12px;background:#ebf1f2;border:2px solid #fff;border-right:none;border-left:none;vertical-align:top;color:inherit}.c-table th,.o-prose table th{background:#005461;color:#fff}.c-table img,.o-prose table img{height:auto!important}.c-table--center td,.c-table--center th{vertical-align:middle}@media (max-width:768px){.c-table--ellipsis td{width:auto}.c-table--ellipsis td.u-ellipsis{width:100%}}.c-table--wide{width:100%}.c-table .c-icon--dash,.o-prose table .c-icon--dash{color:#bfd3d6}.c-table .c-icon--tick,.o-prose table .c-icon--tick{color:#13aa13}.c-table__title td,.c-table__title th{background:#fff;color:inherit}.c-table a:hover,.o-prose table a:hover{text-decoration:none}.c-table--comparison thead th{background:transparent;color:inherit;font-weight:400}.c-table--comparison tbody td:nth-child(n+2){text-align:center}@media (min-width:30em){.c-table .c-icon,.o-prose table .c-icon{font-size:1.5rem}}.c-table--fixed{table-layout:fixed}@media (min-width:40em){.c-table--fixed th{width:40%}}@media (max-width:40em){.c-table--responsive tbody,.c-table--responsive td,.c-table--responsive tfoot,.c-table--responsive th,.c-table--responsive tr{display:block}.c-table--responsive thead{display:none}.c-table--responsive tr+tr{border-top:2px solid #bfd3d6;padding-top:18px;padding-top:var(--space-s);margin-top:18px;margin-top:var(--space-s)}.c-table--responsive tbody [data-responsive-title]{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;grid-gap:var(--space-s)}.c-table--responsive tbody [data-responsive-title]:before{content:attr(data-responsive-title);font-weight:700}}.c-post-meta{color:#6c6c6c;border-bottom:1px solid #bfd3d6;border-top:1px solid #bfd3d6;padding:1.25rem 0}.c-post-meta>*+*{margin-top:13.5px;margin-top:var(--space-xs)}.c-header{background-color:#fff}.c-header__wrap{padding-top:18px;padding-top:var(--gutter);position:relative}.c-header__logo{position:relative;z-index:50;display:block;max-width:216px;width:60%}.c-header__logo img{width:100%}.c-header__search{position:relative}.c-header__search button:focus,.c-header__search button:hover{background-color:#bfd3d6}@media (min-width:500px){.c-header__corporate ul{justify-content:center}}@media (max-width:767px){.c-header__wrap{padding-bottom:18px;padding-bottom:var(--gutter)}.c-header__primary{flex-direction:column;align-items:stretch;background:#005461;color:#fff;position:fixed;padding:18px;padding:var(--space-s-m);z-index:100;display:flex;height:100%;width:100%;left:0;top:0;padding-top:80px;padding-top:calc(60px + var(--space-s-m));opacity:0;visibility:hidden}.c-header__primary:target{opacity:1;visibility:visible;transition:opacity .3s,visibility .3s}.c-header__primary .c-navicon i{background:#fff}.c-header__corporate{order:1;margin:18px 0;margin:var(--space-s) 0;letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2);font-weight:600}.c-header__corporate ul{align-items:center;display:flex;flex-wrap:wrap;margin-left:-6px;margin-right:-6px}.c-header__corporate li{margin:13.5px 4.5px;margin:var(--space-xs-s) var(--space-3xs-m)}.c-header__corporate .c-input--select{width:auto;color:inherit;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10"><path fill="%23ffffff" fill-rule="nonzero" d="M9 7.59L1.7.29A1 1 0 10.3 1.71l8 8a1 1 0 001.4 0l8-8A1 1 0 1016.3.29L9 7.6z"/></svg>');background-position:center right .4em;padding:0 27px 4.5px 0;padding:0 var(--space-m) var(--space-3xs) 0;display:inline-block;border:none;border-bottom:1px solid #3d7b87;margin-bottom:-4.5px;font-size:inherit}.c-header__corporate .c-input--select option{color:#333}.c-header__search{order:2;color:#333}.c-header__site{order:-1;flex:1;letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1)}.c-header__site li+li{margin-top:18px;margin-top:var(--space-s)}}@media (min-width:768px){.c-header{overflow:hidden}.c-header .c-navicon{display:none}.c-header__primary{display:flex;flex-direction:column;align-items:flex-end;margin-top:-71px}.c-header__search{margin-bottom:8px;margin-bottom:calc(var(--gutter) - 10px);width:288px}.c-header__corporate{color:#005461;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);margin-bottom:8px;margin-bottom:calc(var(--space-xs) + 3px)}.c-header__corporate a:hover{text-decoration:underline}.c-header__corporate ul{display:flex}.c-header__corporate li+li{margin-left:18px;margin-left:var(--space-s)}.c-header__corporate .c-input--select{width:auto;color:inherit;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10"><path fill="%2300768d" fill-rule="nonzero" d="M9 7.59L1.7.29A1 1 0 10.3 1.71l8 8a1 1 0 001.4 0l8-8A1 1 0 1016.3.29L9 7.6z"/></svg>');padding:0 36px 0 0;padding:0 var(--space-l) 0 0;display:inline-block;border:none}.c-header__corporate .c-input--select,.c-header__site{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-header__site{color:#fff;font-weight:600;position:relative;z-index:1;padding:14px 0;padding:calc(var(--space-xs) + 2px) 0;align-self:flex-start;width:100%}.c-header__site:after{background:linear-gradient(270deg,#13aa13 -12.4%,#00a2c2 11.22%,#005461 43.74%,#005461 70%,#003039);content:"";position:absolute;width:100vw;height:100%;left:50%;top:0;transform:translateX(-50%);z-index:-2}.c-header__site ul{display:flex}.c-header__site li+li{margin-left:18px;margin-left:var(--space-s-m)}.c-header__site--with-home>ul>li:first-child{border-right:1px solid hsla(0,0%,100%,.25);padding-right:18px;padding-right:var(--space-s)}.c-header__site a{padding:13.5px 0;padding:var(--space-xs) 0;display:block}.c-header__site a:focus,.c-header__site a:hover{opacity:.75}.c-header__site li+.c-header__push{margin-left:auto}}@media (min-width:1500px){.c-header__site:after{clip-path:polygon(0 101%,78px 0,100% 0,100% 101%,78px 101%)}}.c-navicon{position:absolute;right:18px;right:var(--space-s-m);top:18px;top:var(--space-s-m);transform:translateX(25%);height:60px;width:60px}.c-navicon i{position:absolute;transform:translate3d(-50%,-50%,0);background:#00758c;border-radius:2px;height:2px;width:22px;left:50%;top:50%}.c-navicon i:first-child{transform:translate3d(-50%,-50%,0) translateY(-7px)}.c-navicon i:nth-child(3){transform:translate3d(-50%,-50%,0) translateY(7px)}.c-footer{background:#003039;color:#fff;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);margin-top:auto}.c-footer a:hover{color:#47bcd3}.c-footer__primary{padding-bottom:18px;padding-bottom:var(--space-s-m);padding-top:18px;padding-top:var(--space-s-l)}.c-footer.mp .c-footer__h-links,.c-footer.mp .c-footer__sections,.c-footer.mp .c-footer__sections h4,.c-footer.mp .c-footer__sections ul{line-height:1.6}.c-footer__sections{margin-bottom:0}.c-footer__sections>li{margin-bottom:18px;margin-bottom:var(--gutter)}.c-footer__sections ul li{margin-top:9px;margin-top:var(--space-2xs)}.c-footer__subtitle{padding-bottom:18px;padding-bottom:var(--space-s);position:relative}.c-footer__subtitle:after{content:"";width:15px;height:1px;background:#3d7b87;position:absolute;left:0;bottom:4px}.c-footer__identity{display:flex;flex-wrap:wrap;align-items:center}.c-footer__logo img{margin-right:18px;margin-right:var(--gutter);filter:saturate(0) brightness(10)}.c-footer__social{display:flex;margin-top:9px;margin-top:var(--space-2xs)}.c-footer__social li+li{margin-left:18px;margin-left:var(--space-s-m)}.c-footer__social .c-icon{font-size:1.5rem}.c-footer__secondary{background:#002126;padding:13.5px 0;padding:var(--space-xs) 0}.c-footer__secondary span a{color:#47bcd3;text-decoration:underline}.c-footer .o-prose li a{color:#47bcd3}.c-footer__h-links{margin-bottom:.5rem}@media (min-width:43em){.c-footer__secondary .u-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.c-footer__h-links{display:flex;margin:.5rem 18px .5rem 0;margin:.5rem var(--space-s-m) .5rem 0}.c-footer__h-links li+li{margin-left:18px;margin-left:var(--space-s)}}@media (min-width:1410px){.c-footer__secondary{clip-path:polygon(0 100%,68px 0,100% 0,100% 100%,68px 100%)}}.rich-text-region+.c-footer{margin-top:36px;margin-top:var(--space-l-xl)}.c-input{background:#fff;border:1px solid #bfd3d6;-webkit-appearance:none;appearance:none;border-radius:0;font:inherit;padding:13.5px;padding:var(--space-xs);color:inherit;font-size:1rem;display:block;width:100%}.c-input:focus{outline:none;border-color:#005461}.c-input::-webkit-calendar-picker-indicator{display:none!important}.c-input--alt{background:#ebf1f2;border:none}.c-input--large{min-height:56px}.c-input--select{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10"><path fill="%23006DAF" fill-rule="nonzero" d="M9 7.59L1.7.29A1 1 0 10.3 1.71l8 8a1 1 0 001.4 0l8-8A1 1 0 1016.3.29L9 7.6z"/></svg>');background-position:center right 1rem;background-repeat:no-repeat;background-size:.875em auto}.c-input--textarea{resize:vertical;min-height:10rem}.c-input-error{--error-state:#ce0058;position:relative}.c-input-error:after{content:"";position:absolute;top:2.3em;left:100%;margin-left:13.5px;margin-left:var(--space-xs);padding:13.5px;padding:var(--space-xs);background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="12" fill="%23CE0058"/><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.666 7.333l-9.333 9.334M7.333 7.333l9.333 9.334"/></svg>') no-repeat 50%;background-size:100% 100%}.c-input-error .c-input{border-color:#ce0058}.c-input-error .c-input:focus{border-color:#9b0042}.c-input-message{margin-top:9px;margin-top:var(--space-2xs);letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);color:var(--error-state)}.c-input--with-button{border:0}.c-input--with-button+[type]{padding:13.5px;padding:var(--space-xs);color:#006daf}.c-input--with-button+[type] svg,.c-label{display:block}.c-label{font-weight:700;margin-bottom:9px;margin-bottom:var(--space-2xs)}.c-fieldset{border:0;padding:.01em 0 0;margin:0;min-width:0}.c-fieldset legend{font-weight:700;letter-spacing:-.03em;display:table;float:left;margin:13.5px 0 36px;margin:var(--space-xs) 0 var(--space-l);padding:0;width:100%}.c-fieldset legend+*{clear:both}.c-fieldset+.c-fieldset{border-top:1px solid #bfd3d6;margin-top:36px;margin-top:var(--space-l-xl);padding-top:36px;padding-top:var(--space-l)}.c-product-signpost{position:relative;display:flex;justify-content:flex-start;align-items:center;max-width:440px;padding:9px;padding:var(--space-2xs);word-break:break-word}.c-product-signpost:hover .c-h,.c-product-signpost:hover .o-prose h2,.c-product-signpost:hover .o-prose h3,.c-product-signpost:hover .o-prose h4,.o-prose .c-product-signpost:hover h2,.o-prose .c-product-signpost:hover h3,.o-prose .c-product-signpost:hover h4{text-decoration:underline}.c-product-signpost__image{margin-bottom:0;padding-right:18px;padding-right:var(--space-s);flex-shrink:0}.c-product-signpost__content{flex-grow:1}.c-product-signpost__wrapper{display:flex;flex-direction:column}.c-product-signpost .o-prose p{line-height:1.2;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-product-signpost--bordered{padding:13.5px;padding:var(--space-xs);border:1px solid #bfd3d6}.c-product-signpost--float-right{margin:0 0 13.5px 13.5px;margin:0 0 var(--space-xs-l) var(--space-xs-l);min-width:9rem;width:30%}@media (min-width:55em){.c-product-signpost--float-right,.c-product-signpost__image{width:40%}.c-product-signpost__wrapper{flex-direction:row}}.c-usp{padding:18px;padding:var(--space-s-m);border:1px solid;border-image-slice:1;border-image-source:linear-gradient(90deg,rgba(0,162,194,.5),rgba(19,170,19,.5));position:relative}.c-usp__title{max-width:300px;color:#005461}@supports (-webkit-text-fill-color:transparent){.c-usp__title{background-image:linear-gradient(90deg,#005461,#00a2c2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.c-usp__title::selection{-webkit-background-clip:none}}.c-usp__link{margin-top:0}.c-campaign{position:relative;background:#333;max-width:78.75rem!important;padding:0!important}.c-campaign__content{color:#fff;width:100%;padding:27px;padding:var(--space-m-l);align-self:center}.c-campaign__video{z-index:1;align-self:center}.c-campaign__image{z-index:0}.c-campaign__image img{width:100%}.c-campaign.mp .u-link{color:#47bcd3}.c-campaign--petrol{background:#bfd3d6}.c-campaign--petrol .c-campaign__content{color:#333}.c-campaign--petrol.mp .u-link{color:#005461}.c-campaign--blue{background:#ebf8fa}.c-campaign--blue .c-campaign__content{color:#333}.c-campaign--blue.mp .u-link{color:#00758c}.c-campaign--orange{background:#fceac5}.c-campaign--orange .c-campaign__content{color:#252525}.c-campaign--orange.mp .u-link{color:#ae7809}@media (min-width:35em){.c-campaign{display:flex}.c-campaign--switch .c-campaign__content{order:-1}.c-campaign__image,.c-campaign__video{position:relative;width:50%}.c-campaign__image+.c-campaign__content,.c-campaign__video+.c-campaign__content{width:50%}.c-campaign__image img{position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;object-fit:cover}}.c-signpost__link{display:flex;align-items:center}.c-signpost__image{margin-right:18px;margin-right:var(--space-s-m);width:20%;max-width:72px;flex-grow:1;flex-shrink:0}.c-signpost__content{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-signpost__content p{color:#006daf;text-decoration:underline}.c-signpost:hover .c-signpost__content p{text-decoration:none}.c-industry-card{color:#006daf}.c-industry-card__link{display:block}.c-industry-card:hover .c-h--reset{text-decoration:underline}.c-industry-card img{width:100%}.c-alert{--alert-border:#006daf;border-left:4px solid #006daf;border-left-color:var(--alert-border);background:#ebf3f9;padding:18px 18px 18px 54px;padding:var(--space-s) var(--space-s) var(--space-s) var(--space-xl);position:relative}.c-alert.mp p{line-height:1.6}.c-alert>*+*{margin-top:1em}.c-alert a{color:var(--alert-border);text-decoration:underline}.c-alert a:hover{text-decoration:none}.c-alert>.c-icon{position:absolute;left:1.25rem;top:1.25rem;margin-top:0;font-size:1.5rem;color:#000;color:var(--alert-border)}.c-alert pre{background:transparent;padding:0;max-width:100%;overflow-x:auto;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-alert--multiline{padding:18px 18px 18px 0;padding:var(--space-s) var(--space-s) var(--space-s) 0}.c-alert--multiline>:not(.c-icon){padding-left:18px;padding-left:var(--space-s)}.c-alert--multiline>:not(.c-icon):first-child{color:var(--alert-border);padding-left:54px;padding-left:var(--space-xl);font-size:inherit;line-height:1.6}.c-alert--warning{background:#fef8ec;--alert-border:#f2a60d}.c-alert--success{background:#ecf8ec;--alert-border:#13aa13}.c-alert--error{background:#fbebf2;--alert-border:#ce0058}.c-featured-article-card{position:relative;background:#ebf1f2}.c-featured-article-card__content{padding:18px;padding:var(--space-s-l)}.c-featured-article-card .c-post-meta{margin:18px 0;margin:var(--space-s) 0}@media (min-width:45em){.c-featured-article-card{display:flex}.c-featured-article-card__content{flex-basis:50%}.c-featured-article-card__image{position:relative;flex-basis:50%}.c-featured-article-card__image img{position:absolute;height:100%;width:100%;left:0;top:0;object-fit:cover}}.c-internal-nav{color:#006daf}.c-internal-nav__wrap{position:relative}.c-internal-nav__wrap:after{content:"";background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);position:absolute;z-index:1;height:100%;right:0;top:0;width:36px;width:var(--space-l)}@media (min-width:78.75rem){.c-internal-nav__wrap:after{display:none}}.c-internal-nav__list{padding-bottom:27px;padding-bottom:var(--space-m-l);margin-bottom:27px;margin-bottom:var(--space-m-l);border-bottom:1px solid #bfd3d6;white-space:nowrap;overflow-x:auto;display:flex}.c-internal-nav__list>*+*{margin-left:27px;margin-left:var(--space-m-l)}.c-checkbox+input[type=hidden]+label,.c-checkbox+label,.c-radio+input[type=hidden]+label,.c-radio+label{padding-left:36px;padding-left:var(--space-l);position:relative;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-checkbox+input[type=hidden]+label:before,.c-checkbox+label:before,.c-radio+input[type=hidden]+label:before,.c-radio+label:before{transform:translateY(-50%);position:absolute;content:"";border:1px solid #bfd3d6;border-radius:2px;height:1.25rem;width:1.25rem;left:0;top:50%}.c-checkbox:focus+input[type=hidden]+label:before,.c-checkbox:focus+label:before,.c-radio:focus+input[type=hidden]+label:before,.c-radio:focus+label:before{outline:2px solid}.c-checkbox:checked+input[type=hidden]+label:before,.c-checkbox:checked+label:before{background:#006daf}.c-checkbox:checked+input[type=hidden]+label:after,.c-checkbox:checked+label:after{transform:translateX(6.5px) translateY(-1.5px) translateY(-50%) rotate(45deg);position:absolute;content:"";width:7px;height:11px;border-bottom:3px solid #fff;border-right:3px solid #fff;left:0;top:50%}.c-radio+input[type=hidden]+label:before,.c-radio+label:before{border-radius:100%}.c-radio:checked+input[type=hidden]+label:before,.c-radio:checked+label:before{box-shadow:inset 0 0 0 5px #006daf}.c-filter-search{background:#c2e9f0;padding:27px;padding:var(--space-m-l);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;gap:var(--space-s)}.c-filter-search>*{flex-grow:1}.c-filter-search__fields{background-color:#fff;display:flex;max-width:792px;flex-grow:8}.c-filter-search__fields fieldset{border:0;font-size:0}.c-filter-search__fields .c-icon{font-size:1.375rem}@media only screen and (min-width:30em){.c-filter-search__fields{min-width:360px}}.c-embed__wrapper{padding-bottom:56.625%;position:relative;height:0}.c-embed__wrapper>*{position:absolute;height:100%;width:100%;left:0;top:0}.no-js .c-tabs__content>*{display:none}.no-js .c-tabs__content>:target{display:block}.c-tabs__content>*{display:none}.c-tabs__content>.c-tab--active{display:block}.no-js .c-tabs--flex .c-tabs__content>*{display:none}.no-js .c-tabs--flex .c-tabs__content>:target{display:flex}.c-tabs--flex .c-tabs__content>*{display:none}.c-tabs--flex .c-tabs__content>.c-tab--active{display:flex;justify-content:stretch}.c-tabs__controls{margin-bottom:27px;margin-bottom:var(--space-m);overflow-x:auto}.c-tabs__controls-list{border-bottom:4px solid #bfd3d6;display:flex;width:100%;min-width:min-content}.c-tabs__controls-list li{display:flex}.c-tabs__control{font-weight:700;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);padding:0 0 18px;padding:0 0 var(--space-s-m);margin-right:27px;margin-right:var(--space-m);display:block;border-bottom:4px solid #bfd3d6;margin-bottom:-4px;position:relative;z-index:1}.mp .c-tabs__control{color:#006daf}.c-tabs__control.c-twi{display:flex;padding-right:1.875rem}.c-tabs__control.c-twi svg{position:absolute;right:0}.c-tabs__control--active,:checked+.c-tabs__control{border-bottom-color:#006daf}:focus+.c-tabs__control{outline:2px solid}.c-tabs .c-tab{width:100%}.c-tabs .c-tab:focus{outline:none}.mp .c-option-list{line-height:1.6}.c-option-list a{color:#006daf}.c-option-list a:hover{text-decoration:underline}.c-option-list li{margin-bottom:9px;margin-bottom:var(--space-2xs);break-inside:avoid}.c-option-list--columns{column-gap:18px;column-gap:var(--gutter);column-width:200px}@media (min-width:60em){.c-option-list--columns{column-width:260px}}.c-option-list__title a{font-weight:400;color:#006daf;margin-left:9px;margin-left:var(--space-2xs)}.c-option-list__title a:hover{text-decoration:underline}.c-card{background:#fff;position:relative;display:flex;flex-direction:column;align-items:stretch}.c-card--alt,.c-card--event{background:#ebf1f2}.c-card--alt__specs,.c-card--event__specs{color:#6c6c6c}.c-card--featured{background:#005461;color:#bfd3d6}.c-card--featured .c-card__meta,.c-card--featured .mp{color:inherit}.c-card--featured .c-button,.c-card--featured .c-card__title{color:#fff}.c-card--featured .c-card__day{letter-spacing:-.03em;font-size:44.79px;font-size:var(--step-5);color:#fff;font-weight:700}.c-card--featured .c-card__month{letter-spacing:-.02em;font-size:31.1px;font-size:var(--step-3);color:#bfd3d6;font-weight:700}.c-card--featured .c-card__primary,.c-card--featured .c-card__wrapper{flex-grow:1}.c-card--featured .c-button{width:100%;margin:0}.c-card--featured .c-card__footer{margin-top:auto;padding-top:18px;padding-top:var(--space-s)}.c-card__primary,.c-card__wrapper{display:flex;flex-direction:column}.c-card--layout-multi .c-card__wrapper,.c-card__primary{flex-shrink:0;width:100%}.c-card--layout-multi .c-card__wrapper{gap:18px;gap:var(--space-s-l)}.c-card--layout-multi.c-card--featured.c-card--size-large.c-card--has-image .c-card__wrapper{padding:0}.c-card--layout-multi.c-card--featured.c-card--size-large.c-card--has-image .c-card__primary{padding:18px;padding:var(--space-s-m)}@media (min-width:55em){.c-card--layout-multi .c-card__wrapper{flex-direction:row}.c-card--layout-multi .c-card__image,.c-card--layout-multi .c-card__primary:nth-child(2){width:calc(50% - 18px)}.c-card--layout-multi.c-card--size-medium .c-card__image,.c-card--layout-multi.c-card--small .c-card__image{max-width:152px;width:30%}.c-card--layout-multi.c-card--size-medium .c-card__primary:nth-child(2),.c-card--layout-multi.c-card--small .c-card__primary:nth-child(2){flex-grow:1}.c-card--layout-multi.c-card--size-large.c-card--featured img{height:100%;object-fit:cover}}@media only screen and (min-width:55em) and (min-width:55em){.c-card--layout-multi.c-card--size-large.c-card--featured:not(.c-card--switch) .c-card__primary{padding-left:0!important}.c-card--layout-multi.c-card--size-large.c-card--featured.c-card--switch .c-card__primary{padding-right:0!important}}@media (min-width:55em){.c-card--layout-multi .c-card__shop-footer>:first-child{width:30%;max-width:152px;display:block;margin-right:36px;margin-right:var(--space-l)}}.c-card--layout-multi-30-70 .c-card__image{width:calc(30% - 18px)!important;width:calc(30% - var(--space-s-m))!important}@media (min-width:55em){.c-card--layout-multi-30-70 .c-card__primary:nth-child(2){width:calc(70% - 18px)!important;width:calc(70% - var(--space-s-m))!important}}@media (min-width:55em){.c-card--layout-multi-40-60 .c-card__image{width:calc(60% - 18px)!important;width:calc(60% - var(--space-s-m))!important}.c-card--layout-multi-40-60 .c-card__primary{width:calc(40% - 18px)!important;width:calc(40% - var(--space-s-m))!important}}@media (min-width:55em){.c-card--switch .c-card__wrapper{flex-direction:row-reverse}}.c-card__primary>*+*{margin-top:18px;margin-top:var(--space-s)}.c-card--layout-multi .c-card__wrapper,.c-card--layout-single .c-card__primary{padding:18px;padding:var(--space-s-m);width:100%;justify-content:space-between}.c-card--layout-single.c-card--has-tag:not(.c-card--has-image) .c-card__primary{padding-top:27px;padding-top:var(--space-m-l)}.c-card__datetime{display:block;font-weight:700;letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1);color:#3d7b87}.c-card__content{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-card__title{letter-spacing:-.02em;font-size:25.92px;font-size:var(--step-2)}.c-card img{width:100%}.c-card--size-medium .c-card__title,.c-card--size-small .c-card__title{letter-spacing:-.01em;font-size:18px;font-size:var(--step-0)}.c-card--size-medium .c-twi{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-card--bordered{border:1px solid #bfd3d6}.c-card--float-right{margin:0 0 13.5px;margin:0 0 var(--space-xs-l) 0;width:100%}@media (min-width:38em){.c-card--float-right{margin-left:13.5px;margin-left:var(--space-xs-l);min-width:9rem;width:50%}}.c-card__tag{padding:4.5px 9px;padding:var(--space-3xs) var(--space-2xs);letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);background:#c2e9f0;color:#005461;position:absolute;right:0;top:0}.c-card__tag+.c-card__wrapper>.c-card__primary{margin-top:13.5px;margin-top:var(--space-xs)}.c-card__tag+.c-card__wrapper>.c-card__image+.c-card__primary{margin-top:0}.c-card--no-height-match{align-self:flex-start}.c-card__specs>*+*{margin-top:13.5px;margin-top:var(--space-xs)}.c-card__specs dt{font-weight:700}.c-card__specs dd,.c-card__specs dt{padding:0;margin:0;display:block}.c-card__specs dl>*+*{margin-top:4.5px;margin-top:var(--space-3xs)}.c-card--inline-specs .c-card__specs dd,.c-card--inline-specs .c-card__specs dt{display:inline}.c-card--inline-specs .c-card__specs dd:not(:last-child):after{content:", "}.c-card--2-column-specs .c-card__specs dl{display:grid;grid-template-columns:repeat(2,minmax(min-content,max-content));gap:4.5px 9px;gap:var(--space-3xs) var(--space-2xs)}.c-card--2-column-specs .c-card__specs dd,.c-card--2-column-specs .c-card__specs dt{margin:0}.c-card--2-column-specs .c-card__specs dt{grid-column:1}.c-card--2-column-specs .c-card__specs dd{grid-column:2}.c-card .o-prose li+li{margin-top:4.5px;margin-top:var(--space-3xs)}.c-card__meta{color:#3d7b87;display:flex;flex-wrap:wrap;align-items:center;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-card__meta>:not(:last-child){position:relative;padding-right:1.5em}.c-card__meta>:not(:last-child):after{content:"";position:absolute;height:18px;right:9px;width:1px;top:50%;background:#3d7b87;transform:translateY(-50%)}.c-card__meta .mp{font-size:inherit}.c-card__meta .c-icon{font-size:.875em}.c-card__meta+.c-card__title{margin-top:18px;margin-top:var(--space-s)}.c-card__corner{position:absolute;color:#fff;right:0;top:0;border-width:36px;border-color:#13aa13 #13aa13 transparent transparent;border-style:solid;border-width:var(--space-l);width:0;height:0;text-align:right;font-size:1.5rem;transition:color .3s}.c-card__corner .c-icon{position:relative;top:-27px}.c-card:hover .c-card__corner{color:hsla(0,0%,100%,.75)}.c-card__series{border-top:1px solid #bfd3d6;padding:18px 27px;padding:var(--space-s) var(--space-m);position:relative;z-index:2}.c-card__shop-footer{padding:18px;padding:var(--space-s) var(--space-s-m);background-color:#ebf1f2;display:flex}.c-card__shop-footer-space>*+*{margin-top:4.5px;margin-top:var(--space-3xs)}.c-card__shop-footer-space>*{display:block}.c-card__shop-footer-form{align-items:flex-end}.c-card__shop-footer input{width:72px}.c-card__small{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);color:#3d7b87}.c-card__flex{display:flex;flex-wrap:wrap;gap:18px;gap:var(--space-s-l)}:root .c-card,:root .c-card--layout-single .c-card__wrapper,_:-ms-fullscreen{display:block}.c-scroll-spy{position:sticky;top:18px;top:var(--gutter);overflow:hidden}.c-scroll-spy a{color:#006daf;position:relative;display:block;transition:transform .3s}.c-scroll-spy a:hover{color:#333}.c-scroll-spy a:before{content:"▸ ";position:absolute;left:-17px;top:0}.c-scroll-spy-active{transform:translateX(17px)}.c-scroll-spy-buttons a:before{content:""!important}@media only screen and (min-width:880px){.c-scroll-spy-buttons{margin-right:54px;margin-right:var(--space-xl)}.c-scroll-spy-buttons .c-button{width:100%;margin-bottom:18px;margin-bottom:var(--space-s)}}@media only screen and (max-width:879px){.c-scroll-spy-buttons .c-button{display:inline-flex;margin-right:.5em;margin-bottom:.5em;vertical-align:top}}.c-series{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);list-style:none;flex-wrap:wrap;display:flex;gap:9px 18px;gap:var(--space-2xs) var(--space-s);align-items:center}.c-series .mp{font-size:inherit}.c-series li{padding-right:1rem}@supports (gap:1rem){.c-series li{padding-right:0}}.c-comparison{max-width:78.75rem;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-comparison__wrapper{overflow:auto;width:100%}.c-comparison__wrapper .c-table,.c-comparison__wrapper .o-prose table,.o-prose .c-comparison__wrapper table{width:calc(100% - 1px)}@media (min-width:60em){.c-comparison__wrapper .c-table,.c-comparison__wrapper .o-prose table,.o-prose .c-comparison__wrapper table{min-width:78.75rem}.c-comparison__wrapper .c-table tbody>tr>:first-child,.c-comparison__wrapper .o-prose table tbody>tr>:first-child,.o-prose .c-comparison__wrapper table tbody>tr>:first-child{min-width:300px}}.c-comparison__title{letter-spacing:-.01em;font-size:18px;font-size:var(--step-0)}.c-comparison__link{display:block;padding-bottom:13.5px;padding-bottom:var(--space-xs);padding-right:18px;padding-right:var(--space-s)}.c-comparison__mobile{display:none}.c-comparison__mobile>*+*{margin-top:27px;margin-top:var(--space-m-l)}.c-comparison__mobile .c-table,.c-comparison__mobile .o-prose table,.o-prose .c-comparison__mobile table{table-layout:fixed}@media (max-width:40em){.c-comparison__mobile{display:block}.c-comparison__wrapper{display:none}}.c-comparison thead img{max-height:108px;max-height:var(--space-3xl);object-fit:contain}@media only screen and (min-width:640px){.c-table--comparison thead th:last-child:nth-child(2),.c-table--comparison thead th:last-child:nth-child(2)~th{width:85%}.c-table--comparison thead th:nth-last-child(2):nth-child(2),.c-table--comparison thead th:nth-last-child(2):nth-child(2)~th{width:42.5%}.c-table--comparison thead th:nth-last-child(3):nth-child(2),.c-table--comparison thead th:nth-last-child(3):nth-child(2)~th{width:28.33333%}.c-table--comparison thead th:nth-last-child(4):nth-child(2),.c-table--comparison thead th:nth-last-child(4):nth-child(2)~th{width:21.25%}.c-table--comparison thead th:nth-last-child(5):nth-child(2),.c-table--comparison thead th:nth-last-child(5):nth-child(2)~th{width:17%}.c-table--comparison thead th:nth-last-child(6):nth-child(2),.c-table--comparison thead th:nth-last-child(6):nth-child(2)~th{width:14.16667%}}.c-meta-box{background:#ebf1f2;padding:18px;padding:var(--space-s-m);letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-meta-box>*+*{margin-top:18px;margin-top:var(--space-s)}.c-meta-box .u-wrap--fields{padding-right:0}.c-slat{padding-bottom:27px;padding-bottom:var(--space-m-l);padding-top:27px;padding-top:var(--space-m-l)}.c-slat--grey{background-color:#ebf1f2}.c-slat--white{background-color:#fff}.c-slat--concentric{background-image:url(../concentric.797defa2.svg);background-repeat:no-repeat;background-position:100% 0;background-size:auto 50%}@media (min-width:40em){.c-slat--concentric{background-size:auto 100%}}.c-slat--dots{background-image:url(../dots-pattern.7a77e237.svg);background-repeat:no-repeat;background-position:0 0;background-size:auto 100%}.c-slat--padded{padding-bottom:36px;padding-bottom:var(--space-l-2xl);padding-top:36px;padding-top:var(--space-l-2xl)}.c-slat__title{letter-spacing:-.03em;font-size:44.79px;font-size:var(--step-5)}.c-hero{background-color:#c2e9f0;background:linear-gradient(to top right,#ebf1f2,#c2e9f0);color:#005461;position:relative;overflow:hidden}.c-hero.mp .u-link{color:#006daf}.c-hero .u-wrap{padding-top:27px;padding-top:var(--space-m-xl);padding-bottom:54px;padding-bottom:var(--space-xl-3xl);position:relative;z-index:2}.c-hero .u-wrap:before{content:"";height:18px;height:var(--gutter);width:100vw;background:#fff;position:absolute;bottom:0;right:18px;right:var(--gutter);z-index:2}.c-hero .u-wrap:after{content:"";position:absolute;width:0;height:0;border-width:18px 0 0 18px;border-left:var(--gutter) solid #fff;border-bottom:0 solid transparent;border-right:0 solid transparent;border-top:var(--gutter) solid transparent;bottom:0;right:0}.c-hero__content{position:relative;z-index:5;max-width:828px}.c-hero__content>*+*{margin-top:27px;margin-top:var(--space-m)}.c-hero__content .c-h,.c-hero__content .o-prose h2,.c-hero__content .o-prose h3,.c-hero__content .o-prose h4,.o-prose .c-hero__content h2,.o-prose .c-hero__content h3,.o-prose .c-hero__content h4{color:inherit;margin:inherit}.c-hero__content p{line-height:1.6}.c-hero--image{background:#252525;color:#fff}.c-hero--image.mp .u-link{color:#4796c5}.c-hero--homepage-light .c-hero__image-fg,.c-hero--homepage .c-hero__image-fg,.c-hero__image-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.c-hero--homepage-light .c-hero__image-fg:after,.c-hero--homepage .c-hero__image-fg:after,.c-hero__image-bg:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:radial-gradient(circle farthest-side at top right,rgba(51,51,51,.6),rgba(37,37,37,.9))}@media (min-width:55em){.c-hero--homepage-light .c-hero__image-fg,.c-hero--homepage .c-hero__image-fg,.c-hero__image-bg{left:33.33%}.c-hero--homepage-light .c-hero__image-fg:after,.c-hero--homepage .c-hero__image-fg:after,.c-hero__image-bg:after{background:radial-gradient(circle farthest-side at top right,rgba(37,37,37,.3),#252525)}}.c-hero--homepage,.c-hero--homepage-light{background:linear-gradient(79.62deg,#003039,#005461)}@media (min-width:38em){.c-hero--homepage,.c-hero--homepage-light{background:linear-gradient(84.46deg,#003039 7.52%,#005461 44.84%,rgba(35,80,87,.8) 51.02%,rgba(52,82,87,.62) 54.99%,rgba(78,86,87,.2209) 59.54%,rgba(87,87,87,0) 65.59%)}}.c-hero--homepage-light .u-wrap,.c-hero--homepage .u-wrap{padding-bottom:36px;padding-bottom:var(--space-l-3xl)}.c-hero--homepage-light .u-wrap:after,.c-hero--homepage-light .u-wrap:before,.c-hero--homepage .u-wrap:after,.c-hero--homepage .u-wrap:before{display:none}@media (min-width:38em){.c-hero--homepage-light .c-hero__content,.c-hero--homepage .c-hero__content{width:calc(41.666% - var(--gutter)*2/5 - .1px)}}.c-hero--homepage-light .c-hero__content .c-h,.c-hero--homepage-light .c-hero__content .o-prose h2,.c-hero--homepage-light .c-hero__content .o-prose h3,.c-hero--homepage-light .c-hero__content .o-prose h4,.c-hero--homepage .c-hero__content .c-h,.c-hero--homepage .c-hero__content .o-prose h2,.c-hero--homepage .c-hero__content .o-prose h3,.c-hero--homepage .c-hero__content .o-prose h4,.o-prose .c-hero--homepage-light .c-hero__content h2,.o-prose .c-hero--homepage-light .c-hero__content h3,.o-prose .c-hero--homepage-light .c-hero__content h4,.o-prose .c-hero--homepage .c-hero__content h2,.o-prose .c-hero--homepage .c-hero__content h3,.o-prose .c-hero--homepage .c-hero__content h4{color:#fff}.c-hero--homepage-light .c-hero__content p,.c-hero--homepage .c-hero__content p{color:#bfd3d6}.c-hero--homepage-light .c-hero__content .u-link,.c-hero--homepage .c-hero__content .u-link{color:#47bcd3}.c-hero--homepage-light .c-hero__image-bg,.c-hero--homepage-light .c-hero__image-fg,.c-hero--homepage .c-hero__image-bg,.c-hero--homepage .c-hero__image-fg{display:none}@media (min-width:38em){.c-hero--homepage-light .c-hero__image-bg,.c-hero--homepage-light .c-hero__image-fg,.c-hero--homepage .c-hero__image-bg,.c-hero--homepage .c-hero__image-fg{max-width:65%;left:35%;display:block;z-index:-1;transition:opacity 3s ease;background-position:60% 40%;-webkit-mask-image:radial-gradient(circle farthest-side at top right,#000 80%,transparent 98%)}.c-hero--homepage-light .c-hero__image-bg:after,.c-hero--homepage-light .c-hero__image-fg:after,.c-hero--homepage .c-hero__image-bg:after,.c-hero--homepage .c-hero__image-fg:after{display:none}.c-hero--homepage-light .c-hero__image-bg+[class^=c-hero__image-],.c-hero--homepage-light .c-hero__image-fg+[class^=c-hero__image-],.c-hero--homepage .c-hero__image-bg+[class^=c-hero__image-],.c-hero--homepage .c-hero__image-fg+[class^=c-hero__image-]{opacity:0}}.c-hero--homepage-light .c-hero__image-fg,.c-hero--homepage .c-hero__image-fg{z-index:1}.c-hero--homepage-light .c-hero__video-bg,.c-hero--homepage .c-hero__video-bg{width:100%;height:auto;margin-bottom:-6px}@media (min-width:38em){.c-hero--homepage-light .c-hero__video-bg,.c-hero--homepage .c-hero__video-bg{position:absolute;top:0;right:0;left:40%;max-width:60%;height:100%;object-fit:cover;-webkit-mask-image:radial-gradient(circle farthest-side at top right,#000 80%,transparent 98%)}}.c-hero--homepage-light .c-hero__button,.c-hero--homepage .c-hero__button{position:absolute;z-index:2;right:0;bottom:calc(28.125% - 25px);left:0;margin:0 auto}@media (min-width:38em){.c-hero--homepage-light .c-hero__button,.c-hero--homepage .c-hero__button{position:absolute;top:45%;right:20%;bottom:unset;left:unset}}.c-hero--homepage-light{background:linear-gradient(79.62deg,#ebf1f2,#c2e9f0),#ebf1f2}@media (min-width:38em){.c-hero--homepage-light{background:linear-gradient(86.37deg,#ebf1f2 7.52%,#ebf1f2 44.84%,rgba(235,241,242,.8) 51.02%,rgba(235,241,242,.6) 52.38%,rgba(235,241,242,0) 65.41%),#ebf1f2}}.c-hero--homepage-light .c-hero__content .c-h,.c-hero--homepage-light .c-hero__content .o-prose h2,.c-hero--homepage-light .c-hero__content .o-prose h3,.c-hero--homepage-light .c-hero__content .o-prose h4,.o-prose .c-hero--homepage-light .c-hero__content h2,.o-prose .c-hero--homepage-light .c-hero__content h3,.o-prose .c-hero--homepage-light .c-hero__content h4{color:#252525}.c-hero--homepage-light .c-hero__content p{color:#333}.c-hero--homepage-light .c-hero__content .u-link{color:#00a2c2}.c-hero__canvas{position:absolute;z-index:1;height:100%;width:100%;left:0;top:0}.c-quote,.o-prose blockquote{color:#3d7b87;padding-top:72px;padding-top:var(--space-2xl);position:relative}.c-quote:before,.o-prose blockquote:before{content:"“";position:absolute;height:57px;width:45px;left:0;top:0;font-size:10em;font-weight:900;line-height:.9;margin-left:-.05em}.c-quote p,.o-prose blockquote p{letter-spacing:-.02em;font-size:25.92px;font-size:var(--step-2);line-height:1.6}.c-quote p+p,.o-prose blockquote p+p{margin-top:1em}.c-quote cite,.o-prose blockquote cite{display:block;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);margin-top:18px;margin-top:var(--space-s)}.c-quote__image{max-height:3em}.c-quote--bordered{border:1px solid #bfd3d6;padding:54px 54px 54px 144px;padding:var(--space-xl) var(--space-xl) var(--space-xl) var(--space-4xl)}.c-quote--bordered:before{left:54px;left:var(--space-xl);top:36px;top:var(--space-l)}.c-h,.o-prose h2,.o-prose h3,.o-prose h4{font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.2}.c-h--page-subtitle{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1);color:#13aa13;font-weight:600}.c-h--page-title,.c-h--step-6{letter-spacing:-.03em;font-size:53.75px;font-size:var(--step-6)}@media only screen and (max-width:28rem){.c-h--page-title,.c-h--step-6{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}@media only screen and (max-width:70rem){[lang=de-DE] .c-h--page-title,[lang=de-DE] .c-h--step-6{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}.c-h--step-5{letter-spacing:-.03em;font-size:44.79px;font-size:var(--step-5)}@media only screen and (max-width:28rem){.c-h--step-5{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}@media only screen and (max-width:70rem){[lang=de-DE] .c-h--step-5{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}.c-h--step-4{letter-spacing:-.03em;font-size:37.32px;font-size:var(--step-4)}.c-fieldset legend,.c-h--step-3,.o-prose h2{letter-spacing:-.02em;font-size:31.1px;font-size:var(--step-3)}.c-h--step-2,.o-prose h3{letter-spacing:-.02em;font-size:25.92px;font-size:var(--step-2)}.c-h--step-1,.o-prose h4{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1)}.c-h--step-0{letter-spacing:-.01em;font-size:18px;font-size:var(--step-0)}.c-h--step--1{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}.c-h--reset{font-weight:400;letter-spacing:-.01em;font-size:18px;font-size:var(--step-0)}.c-h--upper{text-transform:uppercase;color:#005461;letter-spacing:-.01em;font-size:15px;font-size:var(--step--1);letter-spacing:.02em}.c-h--event-date{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1);color:#3d7b87}.c-h--tagline{letter-spacing:-.01em;font-size:18px;font-size:var(--step-0);color:#13aa13}.c-gallery img{cursor:pointer}.c-gallery__main{position:relative}.c-gallery__main>*{width:100%}.c-gallery__main>* img{display:block;margin:0 auto}@supports (object-fit:contain){.c-gallery__main>* img{max-height:500px;object-fit:contain}}.c-gallery__main>:not(.active){display:none}.c-gallery__thumbnails{padding-bottom:18px;padding-bottom:var(--space-s);display:flex;flex-direction:row;flex-wrap:wrap;gap:2%;gap:max(8px,2%)}.c-gallery__thumbnails>*{background:#efefef;min-height:36px;min-height:var(--space-l);max-height:72px;max-height:var(--space-2xl);min-width:36px;min-width:var(--space-l);max-width:10.75%}.c-gallery__thumbnails>* img{height:100%;opacity:.8;object-fit:cover;width:100%}.c-gallery__thumbnails>.active img{opacity:.25}.c-lightbox{position:fixed;z-index:1000;top:0;width:100%;height:100%;background-color:rgba(37,37,37,.9);display:flex;justify-content:center;align-items:center}.c-lightbox__slide{max-width:90vw;margin:auto;display:none}.c-lightbox__slide.active{display:block}.c-lightbox__slide.active img{max-width:85vw;max-height:90vh;margin:auto;display:block}.c-lightbox__next,.c-lightbox__prev{position:absolute;height:2rem;width:2rem;background-repeat:no-repeat;background-position:50%;padding:.5rem;cursor:pointer}.c-lightbox__prev{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12H2m0 0l7-7m-7 7l7 7" stroke="%23fff"/></svg>');left:.5rem}.c-lightbox__next{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12h20m0 0l-7-7m7 7l-7 7" stroke="%23fff"/></svg>');right:.5rem}.c-lightbox__close{position:absolute;top:.6rem;right:.6rem;color:#fff;font-size:1.6rem;cursor:pointer}.c-lightbox__video{width:100%}html body .u-step--2{letter-spacing:-.01em;font-size:12.5px;font-size:var(--step--2)}html body .u-step--1{letter-spacing:-.01em;font-size:15px;font-size:var(--step--1)}html body .u-step-0{letter-spacing:-.01em;font-size:18px;font-size:var(--step-0)}html body .u-step-1{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1)}html body .u-step-2{letter-spacing:-.02em;font-size:25.92px;font-size:var(--step-2)}html body .u-step-3{letter-spacing:-.02em;font-size:31.1px;font-size:var(--step-3)}html body .u-step-4{letter-spacing:-.03em;font-size:37.32px;font-size:var(--step-4)}html body .u-step-5{letter-spacing:-.03em;font-size:44.79px;font-size:var(--step-5)}html body .u-step-6{letter-spacing:-.03em;font-size:53.75px;font-size:var(--step-6)}html body .u-step-7{letter-spacing:-.03em;font-size:64.5px;font-size:var(--step-7)}html body .u-step-8{letter-spacing:-.03em;font-size:77.4px;font-size:var(--step-8)}html body .u-step-9{letter-spacing:-.03em;font-size:92.88px;font-size:var(--step-9)}html body .u-step-10{letter-spacing:-.03em;font-size:111.45px;font-size:var(--step-10)}html body .u-lede{letter-spacing:-.02em;font-size:21.6px;font-size:var(--step-1);color:#00a2c2}.mp html body .u-lede,html body .u-lede{line-height:1.6}html body .u-strong{font-weight:700}html body .u-normal{font-weight:400}html body .u-ls{letter-spacing:-.01em}html body .u-text-center{text-align:center}html body .mp .u-link,html body .u-link,html body .u-link-inside a{color:#006daf}html body .mp .u-link:hover,html body .u-link-inside a:hover,html body .u-link:hover{text-decoration:underline}html body .mp .u-link--red,html body .u-link--red,html body .u-link-inside a--red{color:#ce0058}html body .u-petrol{color:#005461}html body .u-bg-petrol{background-color:#005461}html body .u-petrol-step--2{color:#002126}html body .u-bg-petrol-step--2{background-color:#002126}html body .u-petrol-step--1{color:#003039}html body .u-bg-petrol-step--1{background-color:#003039}html body .u-petrol-step-1{color:#3d7b87}html body .u-bg-petrol-step-1{background-color:#3d7b87}html body .u-petrol-step-2{color:#bfd3d6}html body .u-bg-petrol-step-2{background-color:#bfd3d6}html body .u-petrol-step-3{color:#ebf1f2}html body .u-bg-petrol-step-3{background-color:#ebf1f2}html body .u-blue{color:#00a2c2}html body .u-bg-blue{background-color:#00a2c2}html body .u-blue-step--1{color:#00758c}html body .u-bg-blue-step--1{background-color:#00758c}html body .u-blue-step-1{color:#47bcd3}html body .u-bg-blue-step-1{background-color:#47bcd3}html body .u-blue-step-2{color:#c2e9f0}html body .u-bg-blue-step-2{background-color:#c2e9f0}html body .u-blue-step-3{color:#ebf8fa}html body .u-bg-blue-step-3{background-color:#ebf8fa}html body .u-green{color:#13aa13}html body .u-bg-green{background-color:#13aa13}html body .u-green-step--1{color:#0e7a0e}html body .u-bg-green-step--1{background-color:#0e7a0e}html body .u-green-step-1{color:#55c255}html body .u-bg-green-step-1{background-color:#55c255}html body .u-green-step-2{color:#c6ebc6}html body .u-bg-green-step-2{background-color:#c6ebc6}html body .u-green-step-3{color:#ecf8ec}html body .u-bg-green-step-3{background-color:#ecf8ec}html body .u-red{color:#ce0058}html body .u-bg-red{background-color:#ce0058}html body .u-red-step--1{color:#9b0042}html body .u-bg-red-step--1{background-color:#9b0042}html body .u-red-step-1{color:#dc4787}html body .u-bg-red-step-1{background-color:#dc4787}html body .u-red-step-2{color:#f3c2d7}html body .u-bg-red-step-2{background-color:#f3c2d7}html body .u-red-step-3{color:#fbebf2}html body .u-bg-red-step-3{background-color:#fbebf2}html body .u-utility-blue{color:#006daf}html body .u-bg-utility-blue{background-color:#006daf}html body .u-utility-blue-step--1{color:#004e7e}html body .u-bg-utility-blue-step--1{background-color:#004e7e}html body .u-utility-blue-step-1{color:#4796c5}html body .u-bg-utility-blue-step-1{background-color:#4796c5}html body .u-utility-blue-step-2{color:#c2dcec}html body .u-bg-utility-blue-step-2{background-color:#c2dcec}html body .u-utility-blue-step-3{color:#ebf3f9}html body .u-bg-utility-blue-step-3{background-color:#ebf3f9}html body .u-utility-orange{color:#f2a60d}html body .u-bg-utility-orange{background-color:#f2a60d}html body .u-utility-orange-step--1{color:#ae7809}html body .u-bg-utility-orange-step--1{background-color:#ae7809}html body .u-utility-orange-step-1{color:#f6bf51}html body .u-bg-utility-orange-step-1{background-color:#f6bf51}html body .u-utility-orange-step-2{color:#fceac5}html body .u-bg-utility-orange-step-2{background-color:#fceac5}html body .u-utility-orange-step-3{color:#fef8ec}html body .u-bg-utility-orange-step-3{background-color:#fef8ec}html body .u-grey{color:#333}html body .u-bg-grey{background-color:#333}html body .u-grey--50{color:#666}html body .u-bg-grey--50{background-color:#666}html body .u-grey-step--2{color:#0c0c0c}html body .u-bg-grey-step--2{background-color:#0c0c0c}html body .u-grey-step--1{color:#252525}html body .u-bg-grey-step--1{background-color:#252525}html body .u-grey-step-1{color:#6c6c6c}html body .u-bg-grey-step-1{background-color:#6c6c6c}html body .u-grey-step-2{color:#cecece}html body .u-bg-grey-step-2{background-color:#cecece}html body .u-grey-step-3{color:#efefef}html body .u-bg-grey-step-3{background-color:#efefef}html body .u-white{color:#fff}html body .u-bg-white{background-color:#fff}html body .u-wrap{padding-right:18px;padding-right:var(--gutter);padding-left:18px;padding-left:var(--gutter);margin-right:auto;margin-left:auto;max-width:78.75rem;max-width:calc(78.75rem + var(--gutter) + var(--gutter));width:100%}html body .u-wrap .u-wrap{padding-right:0;padding-left:0}html body .u-wrap--content{max-width:51.75rem;width:100%}html body .u-wrap--fields{max-width:27rem;padding-right:36px;padding-right:var(--space-l)}html body .u-flex{display:flex}html body .u-flex-column{flex-direction:column}html body .u-align-center{align-items:center}html body .u-justify-center{justify-content:center}html body .u-justify-between{justify-content:space-between}html body .u-justify-end{justify-content:flex-end}html body .u-flex-1{flex:1}html body .u-flex-no-shrink{flex-shrink:0}html body .u-flex-no-grow{flex-grow:0}html body .u-flex-wrap{flex-wrap:wrap}html body .c-checkbox,html body .c-radio,html body .u-hidden{clip:rect(0 0 0 0);clip-path:inset(0 0 100% 0);height:1px;overflow:hidden;position:absolute;transition:clip-path .3s;white-space:nowrap;width:1px}html body .u-revealed{clip-path:inset(0);transition:clip-path .3s}html body .u-clear-both{clear:both}html body .u-display-none{display:none}html body .u-display-block{display:block}html body .u-display-inline-block{display:inline-block}html body .c-card--float-right,html body .c-product-signpost--float-right,html body .u-float--image-right,html body .u-float-right{float:right}html body .u-float--image-right{margin:0 0 13.5px;margin:0 0 var(--space-xs-l) 0;width:100%}@media (min-width:38em){html body .u-float--image-right{margin-left:13.5px;margin-left:var(--space-xs-l);min-width:9rem;width:50%}}html body .c-campaign__link,html body .c-product-signpost__link,html body .c-usp__link,html body .u-fill{position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;object-fit:cover}html body .c-campaign__link,html body .c-product-signpost__link,html body .c-usp__link,html body .u-fill--link{overflow:hidden;white-space:nowrap;text-indent:200%}html body .u-relative{position:relative}html body .u-sticky{position:sticky;top:0}html body .u-sticky--gutter{top:18px;top:var(--gutter)}html body .u-split{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;align-items:center}html body .u-split--top{align-items:flex-start}html body .u-split--bottom{align-items:flex-end}html body .u-split>:first-child{margin-right:18px;margin-right:var(--space-s)}@supports (gap:1rem){html body .u-split{gap:18px;gap:var(--space-s-m)}html body .u-split>:first-child{margin-right:unset}}html body .u-row{display:flex;gap:18px;gap:var(--space-s-l)}@supports (object-fit:cover){html body .u-2\/1{aspect-ratio:2/1;object-fit:cover;object-position:75% 50%}}@media (min-width:640px){html body .u-md-hidden{display:none!important}}html body .u-flow--3xs>*+*{margin-top:4.5px;margin-top:var(--space-3xs)}html body .u-flow--2xs>*+*{margin-top:9px;margin-top:var(--space-2xs)}html body .u-flow--xs>*+*{margin-top:13.5px;margin-top:var(--space-xs)}html body .u-flow--s>*+*,html body .u-flow>*+*{margin-top:18px;margin-top:var(--space-s)}html body .u-flow--m>*+*{margin-top:27px;margin-top:var(--space-m)}html body .u-flow--s-m>*+*{margin-top:18px;margin-top:var(--space-s-m)}html body .u-flow--s-l>*+*{margin-top:18px;margin-top:var(--space-s-l)}html body .u-flow--m-xl>*+*{margin-top:27px;margin-top:var(--space-m-xl)}html body .u-flow--l>*+*{margin-top:36px;margin-top:var(--space-l)}html body .u-flow--xl>*+*{margin-top:54px;margin-top:var(--space-xl)}html body .u-flow--l-2xl>*+*{margin-top:36px;margin-top:var(--space-l-2xl)}html body .u-flow--3xl>*+*{margin-top:108px;margin-top:var(--space-3xl)}html body .u-flow--prose>*+*,html body .u-flow--prose>[property="a:Content"]>*+*{margin-top:var(--flow,1em)}html body .u-flow--gutter>*+*{margin-top:18px;margin-top:var(--gutter)}html body .u-flow--lined>*+*{padding-top:27px;padding-top:var(--space-m-xl);margin-top:27px;margin-top:var(--space-m-xl);border-top:1px solid #bfd3d6}html body .u-pad-top-0{padding-top:0}html body .u-pad-top-s{padding-top:18px;padding-top:var(--space-s)}html body .u-pad-top-m{padding-top:27px;padding-top:var(--space-m)}html body .u-pad-top-l{padding-top:36px;padding-top:var(--space-l)}html body .u-pad-top-xl{padding-top:54px;padding-top:var(--space-xl)}html body .u-pad-top-s-m{padding-top:18px;padding-top:var(--space-s-m)}html body .u-pad-top-m-l{padding-top:27px;padding-top:var(--space-m-l)}html body .u-pad-top-l-xl{padding-top:36px;padding-top:var(--space-l-xl)}html body .u-pad-bottom-0{padding-bottom:0}html body .u-pad-bottom-s{padding-bottom:18px;padding-bottom:var(--space-s)}html body .u-pad-bottom-m{padding-bottom:27px;padding-bottom:var(--space-m)}html body .u-pad-bottom-l{padding-bottom:36px;padding-bottom:var(--space-l)}html body .u-pad-bottom-xl{padding-bottom:54px;padding-bottom:var(--space-xl)}html body .u-pad-bottom-s-m{padding-bottom:18px;padding-bottom:var(--space-s-m)}html body .u-pad-bottom-m-l{padding-bottom:27px;padding-bottom:var(--space-m-l)}html body .u-pad-bottom-l-xl{padding-bottom:36px;padding-bottom:var(--space-l-xl)}html body .u-pad-left-0{padding-left:0}html body .u-pad-left-s{padding-left:18px;padding-left:var(--space-s)}html body .u-pad-left-m{padding-left:27px;padding-left:var(--space-m)}html body .u-pad-left-l{padding-left:36px;padding-left:var(--space-l)}html body .u-pad-left-xl{padding-left:54px;padding-left:var(--space-xl)}html body .u-pad-right-0{padding-right:0}html body .u-pad-right-s{padding-right:18px;padding-right:var(--space-s)}html body .u-pad-right-m{padding-right:27px;padding-right:var(--space-m)}html body .u-pad-right-l{padding-right:36px;padding-right:var(--space-l)}html body .u-pad-right-xl{padding-right:54px;padding-right:var(--space-xl)}html body .u-pad-0{padding:0}html body .u-pad-s{padding:18px;padding:var(--space-s)}html body .u-pad-m{padding:27px;padding:var(--space-m)}html body .u-pad-l{padding:36px;padding:var(--space-l)}html body .u-pad-xl{padding:54px;padding:var(--space-xl)}html body .u-pad-y-s{padding-top:18px;padding-top:var(--space-s);padding-bottom:18px;padding-bottom:var(--space-s)}html body .u-pad-y-m{padding-top:27px;padding-top:var(--space-m);padding-bottom:27px;padding-bottom:var(--space-m)}html body .u-pad-y-m-l{padding-top:27px;padding-top:var(--space-m-l);padding-bottom:27px;padding-bottom:var(--space-m-l)}html body .u-pad-y-l{padding-top:36px;padding-top:var(--space-l);padding-bottom:36px;padding-bottom:var(--space-l)}html body .u-pad-y-xl{padding-top:54px;padding-top:var(--space-xl);padding-bottom:54px;padding-bottom:var(--space-xl)}html body .u-pad-y-2xl{padding-top:72px;padding-top:var(--space-2xl);padding-bottom:72px;padding-bottom:var(--space-2xl)}html body .u-pad-y-l-xl{padding-top:36px;padding-top:var(--space-l-xl);padding-bottom:36px;padding-bottom:var(--space-l-xl)}html body .u-pad-y-l-2xl{padding-top:36px;padding-top:var(--space-l-2xl);padding-bottom:36px;padding-bottom:var(--space-l-2xl)}html body .u-pad-x-s{padding-left:18px;padding-left:var(--space-s);padding-right:18px;padding-right:var(--space-s)}html body .u-pad-x-m{padding-left:27px;padding-left:var(--space-m);padding-right:27px;padding-right:var(--space-m)}html body .u-pad-x-l{padding-left:36px;padding-left:var(--space-l);padding-right:36px;padding-right:var(--space-l)}html body .u-pad-x-xl{padding-left:54px;padding-left:var(--space-xl);padding-right:54px;padding-right:var(--space-xl)}html body .u-pad-x-s-xl{padding-left:18px;padding-left:var(--space-s-xl);padding-right:18px;padding-right:var(--space-s-xl)}html body .u-margin-top-0{margin-top:0}html body .u-margin-top-2xs{margin-top:9px;margin-top:var(--space-2xs)}html body .u-margin-top-xs{margin-top:13.5px;margin-top:var(--space-xs)}html body .u-margin-top-s{margin-top:18px;margin-top:var(--space-s)}html body .u-margin-top-m{margin-top:27px;margin-top:var(--space-m)}html body .u-margin-top-l{margin-top:36px;margin-top:var(--space-l)}html body .u-margin-top-xl{margin-top:54px;margin-top:var(--space-xl)}html body .u-margin-top-s-m{margin-top:18px;margin-top:var(--space-s-m)}html body .u-margin-top-m-l{margin-top:27px;margin-top:var(--space-m-l)}html body .u-margin-top-l-xl{margin-top:36px;margin-top:var(--space-l-xl)}html body .u-margin-top-l-2xl{margin-top:36px;margin-top:var(--space-l-2xl)}html body .u-margin-top-xl-2xl{margin-top:54px;margin-top:var(--space-xl-2xl)}html body .u-margin-bottom-0{margin-bottom:0}html body .u-margin-bottom-s{margin-bottom:18px;margin-bottom:var(--space-s)}html body .u-margin-bottom-m{margin-bottom:27px;margin-bottom:var(--space-m)}html body .u-margin-bottom-l{margin-bottom:36px;margin-bottom:var(--space-l)}html body .u-margin-bottom-xl{margin-bottom:54px;margin-bottom:var(--space-xl)}html body .u-margin-bottom-s-m{margin-bottom:18px;margin-bottom:var(--space-s-m)}html body .u-margin-bottom-s-l{margin-bottom:18px;margin-bottom:var(--space-s-l)}html body .u-margin-bottom-m-l{margin-bottom:27px;margin-bottom:var(--space-m-l)}html body .u-margin-bottom-m-xl{margin-bottom:27px;margin-bottom:var(--space-m-xl)}html body .u-margin-bottom-l-xl{margin-bottom:36px;margin-bottom:var(--space-l-xl)}html body .u-margin-left-0{margin-left:0}html body .u-margin-left-2xs{margin-left:9px;margin-left:var(--space-2xs)}html body .u-margin-left-xs{margin-left:13.5px;margin-left:var(--space-xs)}html body .u-margin-left-s{margin-left:18px;margin-left:var(--space-s)}html body .u-margin-left-m{margin-left:27px;margin-left:var(--space-m)}html body .u-margin-left-l{margin-left:36px;margin-left:var(--space-l)}html body .u-margin-left-xl{margin-left:54px;margin-left:var(--space-xl)}html body .u-margin-right-0{margin-right:0}html body .u-margin-right-xs{margin-right:13.5px;margin-right:var(--space-xs)}html body .u-margin-right-s{margin-right:18px;margin-right:var(--space-s)}html body .u-margin-right-m{margin-right:27px;margin-right:var(--space-m)}html body .u-margin-right-l{margin-right:36px;margin-right:var(--space-l)}html body .u-margin-right-xl{margin-right:54px;margin-right:var(--space-xl)}html body .u-margin-0{margin:0}html body .u-margin-s{margin:18px;margin:var(--space-s)}html body .u-margin-m{margin:27px;margin:var(--space-m)}html body .u-margin-l{margin:36px;margin:var(--space-l)}html body .u-margin-xl{margin:54px;margin:var(--space-xl)}html body .u-margin-y-xs{margin-top:13.5px;margin-top:var(--space-xs);margin-bottom:13.5px;margin-bottom:var(--space-xs)}html body .u-margin-y-s{margin-top:18px;margin-top:var(--space-s);margin-bottom:18px;margin-bottom:var(--space-s)}html body .u-margin-y-s-m{margin-top:18px;margin-top:var(--space-s-m);margin-bottom:18px;margin-bottom:var(--space-s-m)}html body .u-margin-y-m{margin-top:27px;margin-top:var(--space-m);margin-bottom:27px;margin-bottom:var(--space-m)}html body .u-margin-y-l{margin-top:36px;margin-top:var(--space-l);margin-bottom:36px;margin-bottom:var(--space-l)}html body .u-margin-y-xl{margin-top:54px;margin-top:var(--space-xl);margin-bottom:54px;margin-bottom:var(--space-xl)}html body .u-margin-x-s{margin-left:18px;margin-left:var(--space-s);margin-right:18px;margin-right:var(--space-s)}html body .u-margin-x-m{margin-left:27px;margin-left:var(--space-m);margin-right:27px;margin-right:var(--space-m)}html body .u-margin-x-l{margin-left:36px;margin-left:var(--space-l);margin-right:36px;margin-right:var(--space-l)}html body .u-margin-x-xl{margin-left:54px;margin-left:var(--space-xl);margin-right:54px;margin-right:var(--space-xl)}html body .u-margin-auto{margin-left:auto;margin-right:auto}html body .u-width-auto{width:auto}html body .u-width-100{width:100%}html body .o-prose hr,html body .u-hr{padding-bottom:27px;padding-bottom:var(--space-m-xl);margin:0 0 27px;margin-bottom:var(--space-m-xl);border:none;border-bottom:1px solid #bfd3d6}html body .u-border-top{border-top:1px solid #bfd3d6}html body .u-border{border:1px solid #bfd3d6}html body .u-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0;width:100%}@supports (background-attachment:local){html body .u-scroll-shadows--v{background-position:top,bottom,top,bottom;background-size:100% 54px,100% 54px,100% 27px,100% 27px;background-image:linear-gradient(180deg,#fff 50%,transparent),linear-gradient(180deg,transparent,#fff 50%),radial-gradient(farthest-side at 50% 0,hsla(0,0%,60%,.3),transparent),radial-gradient(farthest-side at 50% 100%,hsla(0,0%,60%,.3),transparent)}}@supports (background-attachment:local){html body .u-scroll-shadows--h,html body .u-scroll-shadows--v{background-repeat:no-repeat;background-color:#fff;background-attachment:local,local,scroll,scroll}html body .u-scroll-shadows--h{background-position:0,100%,0,100%;background-size:54px 100%,54px 100%,27px 120%,27px 120%;background-image:linear-gradient(90deg,#fff 50%,transparent),linear-gradient(90deg,transparent,#fff 50%),radial-gradient(farthest-side at 0 50%,hsla(0,0%,60%,.3),transparent),radial-gradient(farthest-side at 100% 50%,hsla(0,0%,60%,.3),transparent)}}
|
2
2
|
/*# sourceMappingURL=../main.css.map */
|