1/* @version: 3.40.3 */ 2!function(){"use strict";var e=class extends Event{oldState;newState;constructor(e,{oldState:t="",newState:o="",...i}={}){super(e,i),this.oldState=String(t||""),this.newState=String(o||"")}},t=new WeakMap;function o(o,i,s){t.set(o,setTimeout((()=>{t.has(o)&&o.dispatchEvent(new e("toggle",{cancelable:!1,oldState:i,newState:s}))}),0))}var i=globalThis.ShadowRoot||function(){},s=globalThis.HTMLDialogElement||function(){},n=new WeakMap,r=new WeakMap,a=new WeakMap;function l(e){return a.get(e)||"hidden"}var c=new WeakMap;function h(e,t){return("auto"===e.popover||"manual"===e.popover)&&(!!e.isConnected&&((!t||"showing"===l(e))&&(!(!t&&"hidden"!==l(e))&&(!(e instanceof s&&e.hasAttribute("open"))&&document.fullscreenElement!==e))))}function d(e){return e?Array.from(r.get(e.ownerDocument)||[]).indexOf(e)+1:0}function m(e){const t=g(e),o=function(e){for(;e;){const t=e.popoverTargetElement;if(t instanceof HTMLElement)return t;if((e=e.parentElement||p(e))instanceof i&&(e=e.host),e instanceof Document)return}}(e);return d(t)>d(o)?t:o}function u(e){const t=r.get(e);for(const e of t||[]){if(e.isConnected)return e;t.delete(e)}return null}function p(e){return"function"==typeof e.getRootNode?e.getRootNode():e.parentNode?p(e.parentNode):e}function g(e){for(;e;){if(e instanceof HTMLElement&&"auto"===e.popover&&"showing"===a.get(e))return e;if((e=e instanceof Element&&e.assignedSlot||e.parentElement||p(e))instanceof i&&(e=e.host),e instanceof Document)return}}function f(e){return!(e.hidden||e instanceof i)&&((!(e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||e instanceof HTMLOptGroupElement||e instanceof HTMLOptionElement||e instanceof HTMLFieldSetElement)||!e.disabled)&&(!(e instanceof HTMLInputElement&&"hidden"===e.type)&&(!(e instanceof HTMLAnchorElement&&""===e.href)&&("number"==typeof e.tabIndex&&-1!==e.tabIndex))))}function b(e){(function(e){if(e.shadowRoot&&!0!==e.shadowRoot.delegatesFocus)return null;let t=e;t.shadowRoot&&(t=t.shadowRoot);let o=t.querySelector("[autofocus]");if(o)return o;{const e=t.querySelectorAll("slot");for(const t of e){const e=t.assignedElements({flatten:!0});for(const t of e){if(t.hasAttribute("autofocus"))return t;if(o=t.querySelector("[autofocus]"),o)return o}}}const i=e.ownerDocument.createTreeWalker(t,NodeFilter.SHOW_ELEMENT);let s=i.currentNode;for(;s;){if(f(s))return s;s=i.nextNode()}})(e)?.focus()}var v=new WeakMap;function k(t){if(!h(t,!1))return;const i=t.ownerDocument;if(!t.dispatchEvent(new e("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"})))return;if(!h(t,!1))return;let s=!1;if("auto"===t.popover){const e=t.getAttribute("popover"),o=function(e){const t=new Map;let o=0;for(const i of r.get(e.ownerDocument)||[])t.set(i,o),o+=1;t.set(e,o),o+=1;let i=null;return function(e){const o=g(e);if(null===o)return null;const s=t.get(o);(null===i||t.get(i)<s)&&(i=o)}(e.parentElement||p(e)),i}(t)||i;if(x(o,!1,!0),e!==t.getAttribute("popover")||!h(t,!1))return}u(i)||(s=!0),v.delete(t);const l=i.activeElement;t.classList.add(":popover-open"),a.set(t,"showing"),n.has(i)||n.set(i,new Set),n.get(i).add(t),b(t),"auto"===t.popover&&(r.has(i)||r.set(i,new Set),r.get(i).add(t),S(c.get(t),!0)),s&&l&&"auto"===t.popover&&v.set(t,l),o(t,"closed","open")}function y(t,i=!1,s=!1){if(!h(t,!0))return;const l=t.ownerDocument;if("auto"===t.popover&&(x(t,i,s),!h(t,!0)))return;if(S(c.get(t),!1),c.delete(t),s&&(t.dispatchEvent(new e("beforetoggle",{oldState:"open",newState:"closed"})),!h(t,!0)))return;n.get(l)?.delete(t),r.get(l)?.delete(t),t.classList.remove(":popover-open"),a.set(t,"hidden"),s&&o(t,"open","closed");const d=v.get(t);d&&(v.delete(t),i&&d.focus())}function w(e,t=!1,o=!1){let i=u(e);for(;i;)y(i,t,o),i=u(e)}function x(e,t,o){const i=e.ownerDocument||e;if(e instanceof Document)return w(i,t,o);let s=null,n=!1;for(const t of r.get(i)||[])if(t===e)n=!0;else if(n){s=t;break}if(!n)return w(i,t,o);for(;s&&"showing"===l(s)&&r.get(i)?.size;)y(s,t,o)}var _=new WeakMap;function $(e){if(!e.isTrusted)return;const t=e.composedPath()[0];if(!t)return;const o=t.ownerDocument;if(!u(o))return;const i=m(t);if(i&&"pointerdown"===e.type)_.set(o,i);else if("pointerup"===e.type){const e=_.get(o)===i;_.delete(o),e&&x(i||o,!1,!0)}}var z=new WeakMap;function S(e,t=!1){if(!e)return;z.has(e)||z.set(e,e.getAttribute("aria-expanded"));const o=e.popoverTargetElement;if(o instanceof HTMLElement&&"auto"===o.popover)e.setAttribute("aria-expanded",String(t));else{const t=z.get(e);t?e.setAttribute("aria-expanded",t):e.removeAttribute("aria-expanded")}}var C=globalThis.ShadowRoot||function(){};function E(e,t,o){const i=e[t];Object.defineProperty(e,t,{value(e){return i.call(this,o(e))}})}var A=/(^|[^\\]):popover-open\b/g;function B(){const e="function"==typeof globalThis.CSSLayerBlockRule;return`\n${e?"@layer popover-polyfill {":""}
2\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where([popover]:not(.\\:popover-open)) {\n display: none;\n }\n\n :where(dialog[popover].\\:popover-open) {\n display: block;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n${e?"}":""}\n`}var T=null;function M(e){const t=B();if(null===T)try{(T=new CSSStyleSheet).replaceSync(t)}catch{T=!1}if(!1===T){const o=document.createElement("style");o.textContent=t,e instanceof Document?e.head.prepend(o):e.prepend(o)}else e.adoptedStyleSheets=[T,...e.adoptedStyleSheets]}"undefined"!=typeof HTMLElement&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype||function(){if("undefined"==typeof window)return;function t(e){return e?.includes(":popover-open")&&(e=e.replace(A,"$1.\\:popover-open")),e}window.ToggleEvent=window.ToggleEvent||e,E(Document.prototype,"querySelector",t),E(Document.prototype,"querySelectorAll",t),E(Element.prototype,"querySelector",t),E(Element.prototype,"querySelectorAll",t),E(Element.prototype,"matches",t),E(Element.prototype,"closest",t),E(DocumentFragment.prototype,"querySelectorAll",t),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;const e=(this.getAttribute("popover")||"").toLowerCase();return""===e||"auto"==e?"auto":"manual"},set(e){null===e?this.removeAttribute("popover"):this.setAttribute("popover",e)}},showPopover:{enumerable:!0,configurable:!0,value(){k(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){y(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(e){"showing"===a.get(this)&&void 0===e||!1===e?y(this,!0,!0):void 0!==e&&!0!==e||k(this)}}});const o=Element.prototype.attachShadow;o&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(e){const t=o.call(this,e);return M(t),t}}});const i=HTMLElement.prototype.attachInternals;i&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){const e=i.call(this);return e.shadowRoot&&M(e.shadowRoot),e}}});const s=new WeakMap;function n(e){Object.defineProperties(e.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(e){if(null===e)this.removeAttribute("popovertarget"),s.delete(this);else{if(!(e instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),s.set(this,e)}},get(){if("button"!==this.localName&&"input"!==this.localName)return null;if("input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type)return null;if(this.disabled)return null;if(this.form&&"submit"===this.type)return null;const e=s.get(this);if(e&&e.isConnected)return e;if(e&&!e.isConnected)return s.delete(this),null;const t=p(this),o=this.getAttribute("popovertarget");return(t instanceof Document||t instanceof C)&&o&&t.getElementById(o)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){const e=(this.getAttribute("popovertargetaction")||"").toLowerCase();return"show"===e||"hide"===e?e:"toggle"},set(e){this.setAttribute("popovertargetaction",e)}}})}n(HTMLButtonElement),n(HTMLInputElement);const r=e=>{const t=e.composedPath(),o=t[0];if(!(o instanceof Element)||o?.shadowRoot)return;const i=p(o);if(!(i instanceof C||i instanceof Document))return;const s=t.find((e=>e.matches?.("[popovertargetaction],[popovertarget]")));return s?(function(e){const t=e.popoverTargetElement;if(!(t instanceof HTMLElement))return;const o=l(t);"show"===e.popoverTargetAction&&"showing"===o||"hide"===e.popoverTargetAction&&"hidden"===o||("showing"===o?y(t,!0,!0):h(t,!1)&&(c.set(t,e),k(t)))}(s),void e.preventDefault()):void 0},d=e=>{const t=e.key,o=e.target;e.defaultPrevented||!o||"Escape"!==t&&"Esc"!==t||x(o.ownerDocument,!0,!0)};var m;(m=document).addEventListener("click",r),m.addEventListener("keydown",d),m.addEventListener("pointerdown",$),m.addEventListener("pointerup",$),M(document)}(),function(){function e(e){var t=0;return function(){return t<e.length?{done:!1,value:e[t++]}:{done:!0}}}function t(t){var o="undefined"!=typeof Symbol&&Symbol.iterator&&t[Symbol.iterator];return o?o.call(t):{next:e(t)}}function o(e){if(!(e instanceof Array)){e=t(e);for(var o,i=[];!(o=e.next()).done;)i.push(o.value);e=i}return e}var i="function"==typeof Object.create?Object.create:function(e){function t(){}return t.prototype=e,new t};var s,n=function(e){e=["object"==typeof globalThis&&globalThis,e,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var t=0;t<e.length;++t){var o=e[t];if(o&&o.Math==Math)return o}throw Error("Cannot find global object")}(this),r=function(){if("undefined"!=typeof Reflect&&Reflect.construct){if(function(){function e(){}return new e,Reflect.construct(e,[],(function(){})),new e instanceof e}())return Reflect.construct;var e=Reflect.construct;return function(t,o,i){return t=e(t,o),i&&Reflect.setPrototypeOf(t,i.prototype),t}}return function(e,t,o){return void 0===o&&(o=e),o=i(o.prototype||Ob
2ject.prototype),Function.prototype.apply.call(e,o,t)||o}}();if("function"==typeof Object.setPrototypeOf)s=Object.setPrototypeOf;else{var a;e:{var l={};try{l.__proto__={a:!0},a=l.a;break e}catch(e){}a=!1}s=a?function(e,t){if(e.__proto__=t,e.__proto__!==t)throw new TypeError(e+" is not extensible");return e}:null}var c=s;if(!ShadowRoot.prototype.createElement){var h,d=window.HTMLElement,m=window.customElements.define,u=window.customElements.get,p=window.customElements,g=new WeakMap,f=new WeakMap,b=new WeakMap,v=new WeakMap;window.CustomElementRegistry=function(){this.l=new Map,this.o=new Map,this.j=new Map,this.h=new Map},window.CustomElementRegistry.prototype.define=function(e,o){if(e=e.toLowerCase(),void 0!==this.i(e))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': the name \""+e+'" has already been used with this registry');if(void 0!==this.o.get(o))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");var i=o.prototype.attributeChangedCallback,s=new Set(o.observedAttributes||[]);if(y(o,s,i),i={g:o,connectedCallback:o.prototype.connectedCallback,disconnectedCallback:o.prototype.disconnectedCallback,adoptedCallback:o.prototype.adoptedCallback,attributeChangedCallback:i,formAssociated:o.formAssociated,formAssociatedCallback:o.prototype.formAssociatedCallback,formDisabledCallback:o.prototype.formDisabledCallback,formResetCallback:o.prototype.formResetCallback,formStateRestoreCallback:o.prototype.formStateRestoreCallback,observedAttributes:s},this.l.set(e,i),this.o.set(o,i),(s=u.call(p,e))||(s=k(e),m.call(p,e,s)),this===window.customElements&&(b.set(o,i),i.s=s),s=this.h.get(e)){this.h.delete(e);for(var n=(s=t(s)).next();!n.done;n=s.next())n=n.value,f.delete(n),x(n,i,!0)}return void 0!==(i=this.j.get(e))&&(i.resolve(o),this.j.delete(e)),o},window.CustomElementRegistry.prototype.upgrade=function(){$.push(this),p.upgrade.apply(p,arguments),$.pop()},window.CustomElementRegistry.prototype.get=function(e){var t;return null==(t=this.l.get(e))?void 0:t.g},window.CustomElementRegistry.prototype.i=function(e){return this.l.get(e)},window.CustomElementRegistry.prototype.whenDefined=function(e){var t=this.i(e);if(void 0!==t)return Promise.resolve(t.g);var o=this.j.get(e);return void 0===o&&((o={}).promise=new Promise((function(e){return o.resolve=e})),this.j.set(e,o)),o.promise},window.CustomElementRegistry.prototype.m=function(e,t,o){var i=this.h.get(t);i||this.h.set(t,i=new Set),o?i.add(e):i.delete(e)},window.HTMLElement=function(){var e=h;if(e)return h=void 0,e;var t=b.get(this.constructor);if(!t)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(d,[],t.s),Object.setPrototypeOf(e,this.constructor.prototype),g.set(e,t),e},window.HTMLElement.prototype=d.prototype;var k=function(e){function t(){var t=Reflect.construct(d,[],this.constructor);Object.setPrototypeOf(t,HTMLElement.prototype);e:{var o=t.getRootNode();if(!(o===document||o instanceof ShadowRoot)){if((o=$[$.length-1])instanceof CustomElementRegistry){var i=o;break e}(o=o.getRootNode())===document||o instanceof ShadowRoot||(o=(null==(i=v.get(o))?void 0:i.getRootNode())||document)}i=o.customElements}return(o=(i=i||window.customElements).i(e))?x(t,o):f.set(t,i),t}return n.Object.defineProperty(t,"formAssociated",{configurable:!0,enumerable:!0,get:function(){var t=window.customElements.i(e);return!!t&&t.formAssociated}}),t.prototype.connectedCallback=function(){var t=g.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):f.get(this).m(this,e,!0)},t.prototype.disconnectedCallback=function(){var t=g.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):f.get(this).m(this,e,!1)},t.prototype.adoptedCallback=function(){var e,t;null==(e=g.get(this))||null==(t=e.adoptedCallback)||t.apply(this,arguments)},t.prototype.formAssociatedCallback=function(){var e,t=g.get(this);t&&t.formAssociated&&(null==t||null==(e=t.formAssociatedCallback)||e.apply(this,arguments))},t.prototype.formDisabledCallback=function(){var e,t=g.get(this);null!=t&&t.formAssociated&&(null==t||null==(e=t.formDisabledCallback)||e.apply(this,arguments))},t.prototype.formResetCallback=function(){var e,t=g.get(this);null!=t&&t.formAssociated&&(null==t||null==(e=t.formResetCallback)||e.apply(this,arguments))},t.prototype.formStateRestoreCallback=function(){var e,t=g.get(this);null!=t&&t.formAssociated&&(null==t||null==(e=t.formStateRestoreCallback)||e.apply(this,arguments))},t},y=function(e,t,o){if(0!==t.size&&void 0!==o){var i=e.prototype.setAttribute;i&&(e.prototype.setAttribute=function(e,s){if(e=e.toLowerCase(),t.has(e)){var n=this.getAttribute(e);i.call(this,e,s),o.call(this,e,n,s)}else i.call(this,e,s)});var s=e.prototype.removeAttribute;s&&(e.prototype.removeAttribute=function(e){if(e=e.toLowerCase(),t.has(e)){var i=this.getAttribute(e);s.call(this,e),o.call(this,e,i,null)}else s.call(this,e)});var n=e.prototype.toggleAttribute;n&&(e.prototype.toggleAttribute=function(e,i){if(e=e.toLowerCase(),t.has(e)){var s=this.getAttribute(e);n.call(this,e,i),i=this.getAttribute(e),o.call(this,e,s,i)}else n.call(this,e,i)})}},w=function(e){var t=Object.getPrototypeOf(e);if(t!==window.HTMLElement)return t===d?Object.setPrototypeOf(e,window.HTMLElement):w(t)},x=function(e,t,o){o=void 0!==o&&o,Object.setPrototypeOf(e,t.g.prototype),g.set(e,t),h=e;try{new t.g}catch(e){w(t.g),new t.g}
2t.attributeChangedCallback&&t.observedAttributes.forEach((function(o){e.hasAttribute(o)&&t.attributeChangedCallback.call(e,o,null,e.getAttribute(o))})),o&&t.connectedCallback&&e.isConnected&&t.connectedCallback.call(e)},_=Element.prototype.attachShadow;Element.prototype.attachShadow=function(e){var t=_.apply(this,arguments);return e.customElements&&(t.customElements=e.customElements),t};var $=[document],z=function(e,t,o){var i=(o?Object.getPrototypeOf(o):e.prototype)[t];e.prototype[t]=function(){$.push(this);var e=i.apply(o||this,arguments);return void 0!==e&&v.set(e,this),$.pop(),e}};z(ShadowRoot,"createElement",document),z(ShadowRoot,"importNode",document),z(Element,"insertAdjacentHTML");var S=function(e){var t=Object.getOwnPropertyDescriptor(e.prototype,"innerHTML");Object.defineProperty(e.prototype,"innerHTML",Object.assign({},t,{set:function(e){$.push(this),t.set.call(this,e),$.pop()}}))};if(S(Element),S(ShadowRoot),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){var C=new WeakMap,E=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(e){for(var t=[],i=0;i<arguments.length;++i)t[i]=arguments[i];return t=E.call.apply(E,[this].concat(o(t))),C.set(t,this),t},["setFormValue","setValidity","checkValidity","reportValidity"].forEach((function(e){var t=window.ElementInternals.prototype,i=t[e];t[e]=function(e){for(var t=[],s=0;s<arguments.length;++s)t[s]=arguments[s];if(s=C.get(this),!0===g.get(s).formAssociated)return null==i?void 0:i.call.apply(i,[this].concat(o(t)));throw new DOMException("Failed to execute "+i+" on 'ElementInternals': The target element is not a form-associated custom element.")}}));var A=function(e){var t=r(Array,[].concat(o(e)),this.constructor);return t.h=e,t},B=A,T=Array;if(B.prototype=i(T.prototype),B.prototype.constructor=B,c)c(B,T);else for(var M in T)if("prototype"!=M)if(Object.defineProperties){var L=Object.getOwnPropertyDescriptor(T,M);L&&Object.defineProperty(B,M,L)}else B[M]=T[M];B.u=T.prototype,n.Object.defineProperty(A.prototype,"value",{configurable:!0,enumerable:!0,get:function(){var e;return(null==(e=this.h.find((function(e){return!0===e.checked})))?void 0:e.value)||""}});var q=function(e){var t=this,o=new Map;e.forEach((function(e,i){var s=e.getAttribute("name"),n=o.get(s)||[];t[+i]=e,n.push(e),o.set(s,n)})),this.length=e.length,o.forEach((function(e,o){e&&(t[o]=1===e.length?e[0]:new A(e))}))};q.prototype.namedItem=function(e){return this[e]};var R=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){for(var e=R.get.call(this,[]),o=[],i=(e=t(e)).next();!i.done;i=e.next()){i=i.value;var s=g.get(i);s&&!0!==s.formAssociated||o.push(i)}return new q(o)}})}}}.call("object"==typeof globalThis?globalThis:window);const L=globalThis,q=L.ShadowRoot&&(void 0===L.ShadyCSS||L.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,R=Symbol(),D=new WeakMap;let I=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==R)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(q&&void 0===e){const o=void 0!==t&&1===t.length;o&&(e=D.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&D.set(t,e))}return e}toString(){return this.cssText}};const O=(e,...t)=>{const o=1===e.length?e[0]:t.reduce(((t,o,i)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+e[i+1]),e[0]);return new I(o,e,R)},P=(e,t)=>{if(q)e.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(const o of t){const t=document.createElement("style"),i=L.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=o.cssText,e.appendChild(t)}},H=q?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return(e=>new I("string"==typeof e?e:e+"",void 0,R))(t)})(e):e,{is:G,defineProperty:N,getOwnPropertyDescriptor:V,getOwnPropertyNames:F,getOwnPropertySymbols:j,getPrototypeOf:U}=Object,W=globalThis,K=W.trustedTypes,Y=K?K.emptyScript:"",Q=W.reactiveElementPolyfillSupport,Z=(e,t)=>e,X={toAttribute(e,t){switch(t){case Boolean:e=e?Y:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let o=e;switch(t){case Boolean:o=null!==e;break;case Number:o=null===e?null:Number(e);break;case Object:case Array:try{o=JSON.parse(e)}catch(e){o=null}}return o}},J=(e,t)=>
vendor: 4,498 bytes, line 2
2!G(e,t),ee={attribute:!0,type:String,converter:X,reflect:!1,useDefault:!1,hasChanged:J};Symbol.metadata??=Symbol("metadata"),W.litPropertyMetadata??=new WeakMap;let te=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=ee){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const o=Symbol(),i=this.getPropertyDescriptor(e,o,t);void 0!==i&&N(this.prototype,e,i)}}static getPropertyDescriptor(e,t,o){const{get:i,set:s}=V(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:i,set(t){const n=i?.call(this);s?.call(this,t),this.requestUpdate(e,n,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??ee}static _$Ei(){if(this.hasOwnProperty(Z("elementProperties")))return;const e=U(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(Z("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Z("properties"))){const e=this.properties,t=[...F(e),...j(e)];for(const o of t)this.createProperty(o,e[o])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,o]of t)this.elementProperties.set(e,o)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const o=this._$Eu(e,t);void 0!==o&&this._$Eh.set(o,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const e of o)t.unshift(H(e))}else void 0!==e&&t.push(H(e));return t}static _$Eu(e,t){const o=t.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((e=>this.enableUpdating=e)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((e=>e(this)))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const o of t.keys())this.hasOwnProperty(o)&&(e.set(o,this[o]),delete this[o]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return P(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((e=>e.hostConnected?.()))}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach((e=>e.hostDisconnected?.()))}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$ET(e,t){const o=this.constructor.elementProperties.get(e),i=this.constructor._$Eu(e,o);if(void 0!==i&&!0===o.reflect){const s=(void 0!==o.converter?.toAttribute?o.converter:X).toAttribute(t,o.type);this._$Em=e,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(e,t){const o=this.constructor,i=o._$Eh.get(e);if(void 0!==i&&this._$Em!==i){const e=o.getPropertyOptions(i),s="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:X;this._$Em=i;const n=s.fromAttribute(t,e.type);this[i]=n??this._$Ej?.get(i)??n,this._$Em=null}}requestUpdate(e,t,o,i=!1,s){if(void 0!==e){const n=this.constructor;if(!1===i&&(s=this[e]),o??=n.getPropertyOptions(e),!((o.hasChanged??J)(s,t)||o.useDefault&&o.reflect&&s===this._$Ej?.get(e)&&!this.hasAttribute(n._$Eu(e,o))))return;this.C(e,t,o)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:o,reflect:i,wrapped:s},n){o&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,n??t??this[e]),!0!==s||void 0!==n)||(this._$AL.has(e)||(this.hasUpdated||o||(t=void 0),this._$AL.set(e,t)),!0===i&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>
20)for(const[t,o]of e){const{wrapped:e}=o,i=this[t];!0!==e||this._$AL.has(t)||void 0===i||this.C(t,void 0,o,i)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach((e=>e.hostUpdate?.())),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach((e=>e.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach((e=>this._$ET(e,this[e]))),this._$EM()}updated(e){}firstUpdated(e){}};te.elementStyles=[],te.shadowRootOptions={mode:"open"},te[Z("elementProperties")]=new Map,te[Z("finalized")]=new Map,Q?.({ReactiveElement:te}),(W.reactiveElementVersions??=[]).push("2.1.2");const oe=globalThis,ie=oe.trustedTypes,se=ie?ie.createPolicy("lit-html",{createHTML:e=>e}):void 0,ne="$lit$",re=`lit$${Math.random().toFixed(9).slice(2)}$`,ae="?"+re,le=`<${ae}>`,ce=document,he=()=>ce.createComment(""),de=e=>null===e||"object"!=typeof e&&"function"!=typeof e,me=Array.isArray,ue=e=>me(e)||"function"==typeof e?.[Symbol.iterator],pe="[ \t\n\f\r]",ge=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,fe=/-->/g,be=/>/g,ve=RegExp(`>|${pe}(?:([^\\s"'>=/]+)(${pe}*=${pe}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),ke=/'/g,ye=/"/g,we=/^(?:script|style|textarea|title)$/i,xe=e=>(t,...o)=>({_$litType$:e,strings:t,values:o}),_e=xe(1),$e=xe(2),ze=xe(3),Se=Symbol.for("lit-noChange"),Ce=Symbol.for("lit-nothing"),Ee=new WeakMap,Ae=ce.createTreeWalker(ce,129);function Be(e,t){if(!me(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==se?se.createHTML(t):t}const Te=(e,t)=>
vendor: 5,433 bytes, line 2
2{const o=e.length-1,i=[];let s,n=2===t?"<svg>":3===t?"<math>":"",r=ge;for(let t=0;t<o;t++){const o=e[t];let a,l,c=-1,h=0;for(;h<o.length&&(r.lastIndex=h,l=r.exec(o),null!==l);)h=r.lastIndex,r===ge?"!--"===l[1]?r=fe:void 0!==l[1]?r=be:void 0!==l[2]?(we.test(l[2])&&(s=RegExp("</"+l[2],"g")),r=ve):void 0!==l[3]&&(r=ve):r===ve?">"===l[0]?(r=s??ge,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,a=l[1],r=void 0===l[3]?ve:'"'===l[3]?ye:ke):r===ye||r===ke?r=ve:r===fe||r===be?r=ge:(r=ve,s=void 0);const d=r===ve&&e[t+1].startsWith("/>")?" ":"";n+=r===ge?o+le:c>=0?(i.push(a),o.slice(0,c)+ne+o.slice(c)+re+d):o+re+(-2===c?t:d)}return[Be(e,n+(e[o]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),i]};class Me{constructor({strings:e,_$litType$:t},o){let i;this.parts=[];let s=0,n=0;const r=e.length-1,a=this.parts,[l,c]=Te(e,t);if(this.el=Me.createElement(l,o),Ae.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(i=Ae.nextNode())&&a.length<r;){if(1===i.nodeType){if(i.hasAttributes())for(const e of i.getAttributeNames())if(e.endsWith(ne)){const t=c[n++],o=i.getAttribute(e).split(re),r=/([.?@])?(.*)/.exec(t);a.push({type:1,index:s,name:r[2],strings:o,ctor:"."===r[1]?Ie:"?"===r[1]?Oe:"@"===r[1]?Pe:De}),i.removeAttribute(e)}else e.startsWith(re)&&(a.push({type:6,index:s}),i.removeAttribute(e));if(we.test(i.tagName)){const e=i.textContent.split(re),t=e.length-1;if(t>0){i.textContent=ie?ie.emptyScript:"";for(let o=0;o<t;o++)i.append(e[o],he()),Ae.nextNode(),a.push({type:2,index:++s});i.append(e[t],he())}}}else if(8===i.nodeType)if(i.data===ae)a.push({type:2,index:s});else{let e=-1;for(;-1!==(e=i.data.indexOf(re,e+1));)a.push({type:7,index:s}),e+=re.length-1}s++}}static createElement(e,t){const o=ce.createElement("template");return o.innerHTML=e,o}}function Le(e,t,o=e,i){if(t===Se)return t;let s=void 0!==i?o._$Co?.[i]:o._$Cl;const n=de(t)?void 0:t._$litDirective$;return s?.constructor!==n&&(s?._$AO?.(!1),void 0===n?s=void 0:(s=new n(e),s._$AT(e,o,i)),void 0!==i?(o._$Co??=[])[i]=s:o._$Cl=s),void 0!==s&&(t=Le(e,s._$AS(e,t.values),s,i)),t}class qe{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:o}=this._$AD,i=(e?.creationScope??ce).importNode(t,!0);Ae.currentNode=i;let s=Ae.nextNode(),n=0,r=0,a=o[0];for(;void 0!==a;){if(n===a.index){let t;2===a.type?t=new Re(s,s.nextSibling,this,e):1===a.type?t=new a.ctor(s,a.name,a.strings,this,e):6===a.type&&(t=new He(s,this,e)),this._$AV.push(t),a=o[++r]}n!==a?.index&&(s=Ae.nextNode(),n++)}return Ae.currentNode=ce,i}p(e){let t=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(e,o,t),t+=o.strings.length-2):o._$AI(e[t])),t++}}class Re{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,o,i){this.type=2,this._$AH=Ce,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=o,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Le(this,e,t),de(e)?e===Ce||null==e||""===e?(this._$AH!==Ce&&this._$AR(),this._$AH=Ce):e!==this._$AH&&e!==Se&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):ue(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==Ce&&de(this._$AH)?this._$AA.nextSibling.data=e:this.T(ce.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:o}=e,i="number"==typeof o?this._$AC(e):(void 0===o.el&&(o.el=Me.createElement(Be(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===i)this._$AH.p(t);else{const e=new qe(i,this),o=e.u(this.options);e.p(t),this.T(o),this._$AH=e}}_$AC(e){let t=Ee.get(e.strings);return void 0===t&&Ee.set(e.strings,t=new Me(e)),t}k(e){me(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let o,i=0;for(const s of e)i===t.length?t.push(o=new Re(this.O(he()),this.O(he()),this,this.options)):o=t[i],o._$AI(s),i++;i<t.length&&(this._$AR(o&&o._$AB.nextSibling,i),t.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class De{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,o,i,s){this.type=1,this._$AH=Ce,this._$AN=void 0,this.element=e,this.name=t,this._$AM=i,this.options=s,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=Ce}_$AI(e,t=this,o,i){const s=this.strings;let n=!1;if(void 0===s)e=Le(this,e,t,0),n=!de(e)||e!==this._$AH&&e!==Se,n&&(this._$AH=e);else{const i=e;let r,a;for(e=s[0],r=0;r<s.length-1;r++)a=Le(this,i[o+r],t,r),a===Se&&(a=this._$AH[r]),n||=!de(a)||a!==this._$AH[r],a===Ce?e=Ce:e!==Ce&&(e+=(a??"")+s[r+1]),this._$AH[r]=a}n&&!i&&this.j(e)}j(e){e===Ce?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class Ie extends De{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===Ce?void 0:e}}class Oe extends De{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==Ce)}}class Pe extends De{constructor(e,t,o,i,s){super(e,t,o,i,s),this.type=5}
2_$AI(e,t=this){if((e=Le(this,e,t,0)??Ce)===Se)return;const o=this._$AH,i=e===Ce&&o!==Ce||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,s=e!==Ce&&(o===Ce||i);i&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class He{constructor(e,t,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){Le(this,e)}}const Ge={M:ne,P:re,A:ae,C:1,L:Te,R:qe,D:ue,V:Le,I:Re,H:De,N:Oe,U:Pe,B:Ie,F:He},Ne=oe.litHtmlPolyfillSupport;Ne?.(Me,Re),(oe.litHtmlVersions??=[]).push("3.3.2");const Ve=(e,t,o)=>{const i=o?.renderBefore??t;let s=i._$litPart$;if(void 0===s){const e=o?.renderBefore??null;i._$litPart$=s=new Re(t.insertBefore(he(),e),e,void 0,o??{})}return s._$AI(e),s},Fe=globalThis;let je=class extends te{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Ve(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Se}};je._$litElement$=!0,je.finalized=!0,Fe.litElementHydrateSupport?.({LitElement:je});const Ue=Fe.litElementPolyfillSupport;Ue?.({LitElement:je});(Fe.litElementVersions??=[]).push("4.2.2");const We=1,Ke=2,Ye=3,Qe=4,Ze=6,Xe=e=>(...t)=>({_$litDirective$:e,values:t});let Je=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,o){this._$Ct=e,this._$AM=t,this._$Ci=o}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}},et=class extends Je{constructor(e){if(super(e),this.it=Ce,e.type!==Ke)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===Ce||null==e)return this._t=void 0,this.it=e;if(e===Se)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}};et.directiveName="unsafeHTML",et.resultType=1;Xe(et);const tt=Xe(class extends Je{constructor(e){if(super(e),e.type!==We||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter((t=>e[t])).join(" ")+" "}update(e,[t]){if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter((e=>""!==e))));for(const e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}const o=e.element.classList;for(const e of this.st)e in t||(o.remove(e),this.st.delete(e));for(const e in t){const i=!!t[e];i===this.st.has(e)||this.nt?.has(e)||(i?(o.add(e),this.st.add(e)):(o.remove(e),this.st.delete(e)))}return Se}}),ot="important",it=" !"+ot,st=Xe(class extends Je{constructor(e){if(super(e),e.type!==We||"style"!==e.name||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(e){return Object.keys(e).reduce(((t,o)=>{const i=e[o];return null==i?t:t+`${o=o.includes("-")?o:o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(e,[t]){const{style:o}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(t)),this.render(t);for(const e of this.ft)null==t[e]&&(this.ft.delete(e),e.includes("-")?o.removeProperty(e):o[e]=null);for(const e in t){const i=t[e];if(null!=i){this.ft.add(e);const t="string"==typeof i&&i.endsWith(it);e.includes("-")||t?o.setProperty(e,t?i.slice(0,-11):i,t?ot:""):o[e]=i}}return Se}}),{I:nt}=Ge,rt=(e,t)=>void 0===t?void 0!==e?._$litType$:e?._$litType$===t,at=e=>void 0===e.strings,lt=()=>document.createComment(""),ct=(e,t,o)=>{const i=e._$AA.parentNode,s=void 0===t?e._$AB:t._$AA;if(void 0===o){const t=i.insertBefore(lt(),s),n=i.insertBefore(lt(),s);o=new nt(t,n,e,e.options)}else{const t=o._$AB.nextSibling,n=o._$AM,r=n!==e;if(r){let t;o._$AQ?.(e),o._$AM=e,void 0!==o._$AP&&(t=e._$AU)!==n._$AU&&o._$AP(t)}if(t!==s||r){let e=o._$AA;
2for(;e!==t;){const t=e.nextSibling;i.insertBefore(e,s),e=t}}}return o},ht=(e,t,o=e)=>(e._$AI(t,o),e),dt={},mt=(e,t=dt)=>e._$AH=t,ut=e=>e._$AH,pt=e=>{e._$AR(),e._$AA.remove()},gt=Xe(class extends Je{constructor(e){if(super(e),e.type!==Ye&&e.type!==We&&e.type!==Qe)throw Error("The `live` directive is not allowed on child or event bindings");if(!at(e))throw Error("`live` bindings can only contain a single expression")}render(e){return e}update(e,[t]){if(t===Se||t===Ce)return t;const o=e.element,i=e.name;if(e.type===Ye){if(t===o[i])return Se}else if(e.type===Qe){if(!!t===o.hasAttribute(i))return Se}else if(e.type===We&&o.getAttribute(i)===t+"")return Se;return mt(e),t}}),ft=e=>e??Ce;let bt=class extends et{};bt.directiveName="unsafeSVG",bt.resultType=2;const vt=Xe(bt),kt=e=>(e=>null!=e?._$litType$?.h)(e)?e._$litType$.h:e.strings,yt=(Xe(class extends Je{constructor(e){super(e),this.et=new WeakMap}render(e){return[e]}update(e,[t]){const o=rt(this.it)?kt(this.it):null,i=rt(t)?kt(t):null;if(null!==o&&(null===i||o!==i)){const t=ut(e).pop();let i=this.et.get(o);if(void 0===i){const e=document.createDocumentFragment();i=Ve(Ce,e),i.setConnected(!1),this.et.set(o,i)}mt(i,[t]),ct(i,void 0,t)}if(null!==i){if(null===o||o!==i){const t=this.et.get(i);if(void 0!==t){const o=ut(t).pop();(e=>{e._$AR()})(e),ct(e,void 0,o),mt(e,[o])}}this.it=t}else this.it=void 0;return this.render(t)}}),(e,t)=>{const o=e._$AN;if(void 0===o)return!1;for(const e of o)e._$AO?.(t,!1),yt(e,t);return!0}),wt=e=>{let t,o;do{if(void 0===(t=e._$AM))break;o=t._$AN,o.delete(e),e=t}while(0===o?.size)},xt=e=>{for(let t;t=e._$AM;e=t){let o=t._$AN;if(void 0===o)t._$AN=o=new Set;else if(o.has(e))break;o.add(e),zt(t)}};function _t(e){void 0!==this._$AN?(wt(this),this._$AM=e,xt(this)):this._$AM=e}function $t(e,t=!1,o=0){const i=this._$AH,s=this._$AN;if(void 0!==s&&0!==s.size)if(t)if(Array.isArray(i))for(let e=o;e<i.length;e++)yt(i[e],!1),wt(i[e]);else null!=i&&(yt(i,!1),wt(i));else yt(this,e)}const zt=e=>{e.type==Ke&&(e._$AP??=$t,e._$AQ??=_t)};let St=class extends Je{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,o){super._$AT(e,t,o),xt(this),this.isConnected=e._$AU}_$AO(e,t=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),t&&(yt(this,e),wt(this))}setValue(e){if(at(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};const Ct=new WeakMap;function Et(e){return t=>{if(function(e,t){let o=t;for(;o;){if(Ct.get(o)===e)return!0;o=Object.getPrototypeOf(o)}return!1}(e,t))return t;const o=e(t);return Ct.set(o,e),o}}const At="3.0.0",Bt=window.scopedElementsVersions||(window.scopedElementsVersions=[]);Bt.includes(At)||Bt.push(At);const Tt=Et((e=>class extends e{static scopedElements;static get scopedElementsVersion(){return At}static __registry;get registry(){return this.constructor.__registry}set registry(e){this.constructor.__registry=e}attachShadow(e){const{scopedElements:t}=this.constructor;if(!this.registry){this.registry=new CustomElementRegistry;for(const[e,o]of Object.entries(t??{}))this.registry.define(e,o)}return super.attachShadow({...e,customElements:this.registry,registry:this.registry})}})),Mt=Et((e=>class extends(Tt(e)){createRenderRoot(){const{shadowRootOptions:e,elementStyles:t}=this.constructor,o=this.attachShadow(e);return this.renderOptions.creationScope=o,P(o,t),this.renderOptions.renderBefore??=o.firstChild,o}})),Lt=Symbol.for(""),qt=e=>{if(e?.r===Lt)return e?._$litStatic$},Rt=(e,...t)=>({_$litStatic$:t.reduce(((t,o,i)=>t+(e=>{if(void 0!==e._$litStatic$)return e._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${e}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(o)+e[i+1]),e[0]),r:Lt}),Dt=new Map,It=e=>(t,...o)=>{const i=o.length;let s,n;const r=[],a=[];let l,c=0,h=!1;for(;c<i;){for(l=t[c];c<i&&void 0!==(n=o[c],s=qt(n));)l+=s+t[++c],h=!0;c!==i&&a.push(n),r.push(l),c++}if(c===i&&r.push(t[i]),h){const e=r.join("$$lit$$");void 0===(t=Dt.get(e))&&(r.raw=r,Dt.set(e,t=r)),o=a}return e(t,...o)},Ot=It(_e);It($e),It(ze);let Pt=class{constructor(e){this.G=e}disconnect(){this.G=void 0}reconnect(e){this.G=e}deref(){return this.G}},Ht=class{constructor(){this.Y=void 0,this.Z=void 0}get(){return this.Y}pause(){this.Y??=new Promise((e=>this.Z=e))}resume(){this.Z?.(),this.Y=this.Z=void 0}};const Gt=e=>!(e=>null===e||"object"!=typeof e&&"function"!=typeof e)(e)&&"function"==typeof e.then,Nt=1073741823;const Vt=Xe(class extends St{constructor(){super(...arguments),this._$Cwt=Nt,this._$Cbt=[],this._$CK=new Pt(this),this._$CX=new Ht}render(...e){return e.find((e=>!Gt(e)))??Se}update(e,t){const o=this._$Cbt;let i=o.length;this._$Cbt=t;const s=this._$CK,n=this._$CX;this.isConnected||this.disconnected();for(let e=0;e<t.length&&!(e>this._$Cwt);e++){const r=t[e];if(!Gt(r))return this._$Cwt=e,r;e<i&&r===o[e]||(this._$Cwt=Nt,i=0,Promise.resolve(r).then((async e=>{for(;n.get();)await n.get();const t=s.deref();if(void 0!==t){const o=t._$Cbt.indexOf(r);o>-1&&o<t._$Cwt&&(t._$Cwt=o,t.setValue(e))}})))}return Se}disconnected(){this._$CK.disconnect(),this._$CX.pause()}reconnected(){this._$CK.reconnect(this),this._$CX.resume()}}),Ft=(e,t,o)=>{const i=new Map;for(let s=t;s<=o;s++)i.set(e[s],s);return i},jt=Xe(class extends Je{constructor(e){if(super(e),e.type!==Ke)throw Error("repeat() can only be used in text expressions")}
2dt(e,t,o){let i;void 0===o?o=t:void 0!==t&&(i=t);const s=[],n=[];let r=0;for(const t of e)s[r]=i?i(t,r):r,n[r]=o(t,r),r++;return{values:n,keys:s}}render(e,t,o){return this.dt(e,t,o).values}update(e,[t,o,i]){const s=ut(e),{values:n,keys:r}=this.dt(t,o,i);if(!Array.isArray(s))return this.ut=r,n;const a=this.ut??=[],l=[];let c,h,d=0,m=s.length-1,u=0,p=n.length-1;for(;d<=m&&u<=p;)if(null===s[d])d++;else if(null===s[m])m--;else if(a[d]===r[u])l[u]=ht(s[d],n[u]),d++,u++;else if(a[m]===r[p])l[p]=ht(s[m],n[p]),m--,p--;else if(a[d]===r[p])l[p]=ht(s[d],n[p]),ct(e,l[p+1],s[d]),d++,p--;else if(a[m]===r[u])l[u]=ht(s[m],n[u]),ct(e,s[d],s[m]),m--,u++;else if(void 0===c&&(c=Ft(r,u,p),h=Ft(a,d,m)),c.has(a[d]))if(c.has(a[m])){const t=h.get(r[u]),o=void 0!==t?s[t]:null;if(null===o){const t=ct(e,s[d]);ht(t,n[u]),l[u]=t}else l[u]=ht(o,n[u]),ct(e,s[d],o),s[t]=null;u++}else pt(s[m]),m--;else pt(s[d]),d++;for(;u<=p;){const t=ct(e,l[p+1]);ht(t,n[u]),l[u++]=t}for(;d<=m;){const e=s[d++];null!==e&&pt(e)}return this.ut=r,mt(e,l),Se}}),Ut=(Wt=je,class extends Wt{static get properties(){return{type:{type:String}}}constructor(){super(),this.type="standard"}performUpdate(){super.performUpdate(),this.__addLightDOM()}__addLightDOM(){this.updateComplete.then((()=>{const e=this.slottedStyles;if(!e)return;const t=(e,t=0)=>{if("string"!=typeof e||!e)return;const o=this.nodeName.toLowerCase(),i=this.getRootNode(),s=i.nodeName,n=t>0?`${o}-styles-${t}`:`${o}-styles`;if("#document-fragment"===s){let t;if(e=e.replace(/light-dom/g,o),q){const o=new CSSStyleSheet;o.replaceSync(e),t=[...i.adoptedStyleSheets,o]}else t=[e];P(i,t)}else if("#document"===s){e=e.replace(/light-dom/g,`:root ${o}`);const t=i.styleSheets;if(!Array.from(((e,t)=>[].slice.call(e).filter((e=>e?.ownerNode?.dataset?.styleName===t)))(t,n)).length>0){const t=document.createElement("style");t.textContent=e,t.dataset.styleName=n,document.head.appendChild(t)}}};return Array.isArray(e)?e.forEach(((e,o)=>{t(e,o)})):t(e),!0}))}render(){return this[`${this.type}Template`]?_e`${this[`${this.type}Template`]}`:_e`${this.standardTemplate}`||_e``}});var Wt;const Kt=document.createElement("style");Kt.innerHTML='*,:after,:before{box-sizing:border-box}body{font-family:British Gas Body,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}body,figure{margin:0}@font-face{font-display:fallback;font-family:British Gas Body;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Body.woff2) format("woff2");unicode-range:u+0020-22,u+0025-003b,u+003f-005a,u+005f-007a,u+007c,u+00a0,u+00a3,u+00a9,u+2013-201d,u+fb00-fb04}@font-face{font-display:fallback;font-family:British Gas Body;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Body-extended.woff2) format("woff2");unicode-range:u+0023-0024,u+003c-003e,u+005b-005e,u+007b,u+00a1-a2,u+00a4-a8,u+00aa-2012,u+201e-faff}@font-face{font-display:fallback;font-family:British Gas Medium;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Medium.woff2) format("woff2");unicode-range:u+0020-22,u+0025-003b,u+003f-005a,u+005f-007a,u+007c,u+00a0,u+00a3,u+00a9,u+2013-201d,u+fb00-fb04}@font-face{font-display:fallback;font-family:British Gas Medium;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Medium-extended.woff2) format("woff2");unicode-range:u+0023-0024,u+003c-003e,u+005b-005e,u+007b,u+00a1-a2,u+00a4-a8,u+00aa-2012,u+201e-faff}@font-face{font-display:fallback;font-family:British Gas Subhead;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Subhead.woff2) format("woff2");unicode-range:u+0020-22,u+0025-003b,u+003f-005a,u+005f-007a,u+007c,u+00a0,u+00a3,u+00a9,u+2013-201d,u+fb00-fb04}@font-face{font-display:fallback;font-family:British Gas Subhead;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Subhead-extended.woff2) format("woff2");unicode-range:u+0023-0024,u+003c-003e,u+005b-005e,u+007b,u+00a1-a2,u+00a4-a8,u+00aa-2012,u+201e-faff}html .visually-hidden:not(:focus):not(:active){height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%)}html{color:#111518;font-size:16px;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
2.ndsn .visually-hidden:not(:focus):not(:active){height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%)}.ndsn h1,.ndsn h2,.ndsn h3,.ndsn h4,.ndsn h5,.ndsn h6,.ndsn p{font-weight:400;margin-block-start:0;max-width:50ch}.ndsn b,.ndsn strong{font-weight:400}.ndsn b,.ndsn em,.ndsn i,.ndsn strong{font-family:British Gas Medium,sans-serif}.ndsn em,.ndsn i{font-style:normal}.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6){font-family:British Gas Body,sans-serif}.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6) .embolden,.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6) b,.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6) em,.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6) i,.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6) strong{font-family:British Gas Medium,sans-serif}.ndsn p{font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn p{font-size:1.067rem}}@media (min-width:1620px){.ndsn p{font-size:1.067rem}}@media (min-width:720px){.ndsn p{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn p{margin-block-end:1rem}}.ndsn .h1,.ndsn h1{font-family:British Gas Medium,sans-serif;font-size:1.8rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h1,.ndsn h1{font-size:2.563rem}}@media (min-width:1620px){.ndsn .h1,.ndsn h1{font-size:3.583rem}}@media (min-width:720px){.ndsn .h1,.ndsn h1{margin-block-end:1.5rem}}@media (min-width:1620px){.ndsn .h1,.ndsn h1{margin-block-end:2rem}}.ndsn .h2,.ndsn h2{font-family:British Gas Medium,sans-serif;font-size:1.683rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h2,.ndsn h2{font-size:2.281rem}}@media (min-width:1620px){.ndsn .h2,.ndsn h2{font-size:2.488rem}}@media (min-width:720px){.ndsn .h2,.ndsn h2{margin-block-end:1.5rem}}@media (min-width:1620px){.ndsn .h2,.ndsn h2{margin-block-end:2rem}}.ndsn .h3,.ndsn h3{font-family:British Gas Medium,sans-serif;font-size:1.383rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h3,.ndsn h3{font-size:1.602rem}}@media (min-width:1620px){.ndsn .h3,.ndsn h3{font-size:1.728rem}}@media (min-width:720px){.ndsn .h3,.ndsn h3{margin-block-end:1.25rem}}@media (min-width:1620px){.ndsn .h3,.ndsn h3{margin-block-end:1.5rem}}.ndsn .h4,.ndsn h4{font-family:British Gas Medium,sans-serif;font-size:1.296rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h4,.ndsn h4{font-size:1.424rem}}@media (min-width:1620px){.ndsn .h4,.ndsn h4{font-size:1.44rem}}@media (min-width:720px){.ndsn .h4,.ndsn h4{margin-block-end:1.25rem}}@media (min-width:1620px){.ndsn .h4,.ndsn h4{margin-block-end:1.5rem}}.ndsn .h5,.ndsn h5{font-family:British Gas Medium,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h5,.ndsn h5{font-size:1.266rem}}@media (min-width:1620px){.ndsn .h5,.ndsn h5{font-size:1.266rem}}@media (min-width:720px){.ndsn .h5,.ndsn h5{margin-block-end:1.25rem}}@media (min-width:1620px){.ndsn .h5,.ndsn h5{margin-block-end:1.5rem}}.ndsn .h6,.ndsn h6{font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h6,.ndsn h6{font-size:1.266rem}}@media (min-width:1620px){.ndsn .h6,.ndsn h6{font-size:1.266rem}}@media (min-width:720px){.ndsn .h6,.ndsn h6{margin-block-end:1.25rem}}@media (min-width:1620px){.ndsn .h6,.ndsn h6{margin-block-end:1.5rem}}.ndsn .p-feature{font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn .p-feature{font-size:1.424rem}}@media (min-width:1620px){.ndsn .p-feature{font-size:1.424rem}}@media (min-width:720px){.ndsn .p-feature{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn .p-feature{margin-block-end:1rem}}.ndsn .p-large{font-family:British Gas Body,sans-serif;font-size:1.476rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn .p-large{font-size:1.602rem}}@media (min-width:1620px){.ndsn .p-large{font-size:1.602rem}}@media (min-width:720px){.ndsn .p-large{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn .p-large{margin-block-end:1rem}}.ndsn .p-normal{font-family:British Gas Body,sans-serif;font-size:1.067rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn .p-normal{font-size:1.125rem}}@media (min-width:1620px){.ndsn .p-normal{font-size:1.125rem}}@media (min-width:720px){.ndsn .p-normal{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn .p-normal{margin-block-end:1rem}}.ndsn .p-small{font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn .p-small{font-size:1.067rem}}@media (min-width:1620px){.ndsn .p-small{font-size:1.067rem}}@media (min-width:720px){.ndsn .p-small{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn .p-small{margin-block-end:1rem}}.ndsn .p-caption{font-family:British Gas Body,sans-serif;font-size:.889rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn .p-caption{font-size:.889rem}}@media (min-width:1620px){.ndsn .p-caption{font-size:.889rem}}@media (min-width:720px){.ndsn .p-caption{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn .p-caption{margin-block-end:1rem}}.ndsn h1#marketing{font-family:British Gas Subhead,sans-serif;font-size:2.056rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){.ndsn h1#marketing{font-size:2.884rem}}@media (min-width:1620px){.ndsn h1#marketing{font-size:4.3rem}}.ndsn :is(button,input,optgroup,select,textarea):not(.ember-view){background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}.ndsn [type=button],.ndsn [type=reset],.ndsn [type=submit],.ndsn button{-webkit-appearance:button;-webkit-border-radius:0}.ndsn fieldset{border:0;margin:0;padding:0}.ndsn legend{padding:0}.ndsn a{color:var(--scheme-action-foreground-color);font-family:British Gas Medium,sans-serif;font-weight:400}.ndsn a:hover{color:var(--scheme-action-hover-foreground-color)}.ndsn a:focus-visible{outline-color:var(--scheme-focus-outline-color)}.ndsn a{border-radius:.25rem;text-underline-offset:.125em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em}.ndsn a :focus:not(:focus-visible){outline-style:none}.ndsn a:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}.ndsn a:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}.ndsn a:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}.ndsn a:has(>[href=""]){-webkit-text-decoration:none;text-decoration:none}.ndsn [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}.ndsn [href="#caveat"]{display:inline-block;font-family:monospace;font-size:1rem;line-height:1.2;padding-inline:.25rem;position:relative;vertical-align:top}.ndsn [href="#caveat"]:after{bottom:-.5rem;content:"";left:-.5rem;position:absolute;right:-.5rem;top:-.5rem}.ndsn dl,.ndsn ol,.ndsn ul{font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn dl,.ndsn ol,.ndsn ul{font-size:1.067rem}}@media (min-width:1620px){.ndsn dl,.ndsn ol,.ndsn ul{font-size:1.067rem}}@media (min-width:720px){.ndsn dl,.ndsn ol,.ndsn ul{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn dl,.ndsn ol,.ndsn ul{margin-block-end:1rem}}.ndsn ol,.ndsn ul{list-style-type:none;max-width:50ch;padding-inline-start:1.5em}.ndsn ol li,.ndsn ul li{margin-block-end:.25em;margin-block-start:.25em;position:relative}.ndsn ol li:first-child,.ndsn ul li:first-child{margin-block-start:0}.ndsn ol li:last-child,.ndsn ul li:last-child{margin-block-end:0}.ndsn ol ol,.ndsn ol ul,.ndsn ul ol,.ndsn ul ul{margin-block-end:.5em;margin-block-start:.5em;padding-inline-start:1.5em}.ndsn dl{margin-block-start:0}.ndsn dl dd,.ndsn dl dt{max-width:50ch}.ndsn dl dd p,.ndsn dl dt p{margin-block-end:.25em!important}.ndsn dl dd :last-child,.ndsn dl dt :last-child{margin-block-end:0!important}.ndsn dl dt{font-family:British Gas Medium,sans-serif;margin-block-end:.25em}.ndsn dl dt+dt{margin-block-start:2em}.ndsn dl dd{margin-block-end:.25em;margin-inline-start:0}.ndsn dl dd+dt,.ndsn dl div:not(:first-child){margin-block-start:2em}.ndsn .ol-numbered li:before{color:currentcolor;content:" " counter(list-item) " ";font-family:British Gas Medium,sans-serif;position:absolute;transform:translate(-100%,.0125em);white-space:pre}.ndsn .ol-numbered ol{padding-inline-start:1.75em}.ndsn .ol-numbered ol li:before{content:" " counters(list-item,".") " "}.ndsn .ol-numbered ol ol{padding-inline-start:2.5em}.ndsn .ul-bullet li:after,.ndsn .ul-bullet li:before,.ndsn .ul-crossed li:after,.ndsn .ul-crossed li:before,.ndsn .ul-ticked li:after,.ndsn .ul-ticked li:before{content:"";left:-.7em;position:absolute;top:.8em;transform:translate(-50%,-50%)}.ndsn .ul-bullet li:before{border:.25em solid;border-radius:50%;box-shadow:inset 0 0 0 .25em currentcolor;height:.5em;width:.5em}.ndsn .ul-bullet li li:before{border:.125em solid;box-shadow:none;height:.5em;width:.5em}.ndsn .ul-ticked li:before{border-block-end-style:solid;border-color:currentcolor;border-inline-start-style:solid;border-width:.15em;height:.45em;transform:translate(-55%,-75%) rotate(-45deg);width:.75em}.ndsn .ul-crossed li:after,.ndsn .ul-crossed li:before{border-block-start-style:solid;border-color:currentcolor;border-width:.125em;height:0;width:.85em}.ndsn .ul-crossed li:before{transform:translate(-50%,-50%) rotate(-45deg)}.ndsn .ul-crossed li:after{transform:translate(-50%,-50%) rotate(45deg)}.ndsn .dl-row{max-width:75ch}.ndsn .dl-row div{border-block-start-style:solid;border-color:var(--scheme-highlight-color);border-width:.125rem;padding-block-end:.5em;padding-block-start:.5em}.ndsn .dl-row div:first-child{border-width:0}.ndsn .dl-row div:not(:first-child){margin-block-start:0}@media (min-width:720px){.ndsn .dl-row div{display:grid;grid-template-columns:1fr 2fr;grid-column-gap:1em}.ndsn .dl-row div:not(:first-child){margin-block-start:0}.ndsn .dl-row div:first-child{padding-block-start:0}.ndsn .dl-row div:last-child{padding-block-end:0}.ndsn .dl-row div dt{grid-row-end:span 999}.ndsn .dl-row div dd{grid-column-start:2}.ndsn .dl-row div dd:last-child{margin-block-end:0}}
2.ndsn .download-list{margin-block-end:0;padding-inline-start:0}.overlay-locked{pointer-events:none}@media (max-width:1079.98px){.overlay-locked{overflow:hidden;position:fixed;width:100%}}',document.head.appendChild(Kt);const Yt="error",Qt="success",Zt="warning",Xt="loading",Jt=[16,32,48,64,72],eo=["1 / 1","4 / 3","16 / 9"],to="warning",oo="1080px",io=["chevron","chevron-left","chevron-right","chevron-up","chevron-down","plus","minus","cross","search"],so="plus",no=["property","house"],ro=["cyan","lime","navy","membership","slate","orange","red","yellow"],ao=["green-light","green-dark","forest","blue","blue-dark","red-dark"],lo=["lime","lime","lime","navy","navy","red"],co=["white","cyan-light","lime-light","navy","blue","yellow","slate"],ho=["cyan","lime","navy","blue","forest","membership","slate","orange","red","yellow"],mo=Et((e=>class extends e{static get properties(){return{ratio:{type:String,converter:e=>(e?.includes("x")&&(e=e.split("x").join(" / ")),eo.includes(e)?e:"")}}}constructor(){super(),this.ratio=""}})),uo=Et((e=>class extends e{static get properties(){return{image:{type:String},alt:{type:String},background:{type:Boolean}}}})),po=Et((e=>class extends e{get _addHeader(){return _e`<div class="header"><slot name="header"></slot></div>`}get _addContent(){return _e`<div class="content"><slot></slot></div>`}get _addFooter(){return _e`<div class="footer"><slot name="footer"></slot></div>`}})),go=Et((e=>class extends(po(e)){get _addHeader(){return _e`<div class="header"><slot name="heading"></slot></div>`}get _addContent(){return _e`<div class="content"><slot name="paragraph"></slot></div>`}get _addFooter(){let e="";if(this.querySelector('[slot="cta"]')?e="cta":this.querySelector('[slot="action"]')&&(e="action"),e)return _e`<div class="footer"><slot name="${e}"></slot></div>`}}));const fo=Xe(class extends St{constructor(e){super(e),this.name="",this.category="",this.path=""}url(e=this.path){return e.replace("(name)",this.name).replace("(category)",this.category)}async fetchSVG(){const e=this.url();let t,o,i=!1;try{i="caches"in self,o=i&&await(caches?.open("bg-ns-04"));const s=i&&await(o?.match(e));t=o&&s?s:void 0,i||console.info("cache not available")}catch(e){console.info(e)}return t||(t=await window.fetch(e,{cache:"no-store"}),o&&t.body&&o.put(e,t.clone()).catch((e=>{console.error(e)}))),await t.text().then((e=>200===t.status?_e`${vt(e)}`:_e``))}observer(e,t){return new Promise((o=>{const i=e.parentNode,s=new IntersectionObserver((e=>e.forEach((e=>{if(e.intersectionRatio>0)return s.unobserve(i),o(this.render(t))}))),{threshold:.01,rootMargin:"150px"});s.observe(i)}))}update(e,t){return _e`${Vt(this.observer(e,t),void 0)}`}render([{name:e,category:t,path:o}]){this.path=o,this.name=e,this.category=t,Promise.resolve(this.fetchSVG()).then((e=>{dispatchEvent(new CustomEvent("svg-loaded")),this.setValue(e)}))}}),bo=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:inline-block;min-height:10px;min-width:10px}:host,:host .icon,:host svg{height:100%;height:var(--icon-size,100%);width:100%;width:var(--icon-size,100%)}:host svg{fill:currentColor;display:block}@media (-ms-high-contrast:active),(forced-colors:active){:host svg{fill:canvastext;forced-color-adjust:none}}`;let vo=class extends Ut{static get properties(){return{name:{type:String,attribute:!0},describe:{type:String},size:{type:Number},category:{type:String},_url:{type:String,state:!0},_allSizes:{type:Array,state:!0}}}static get styles(){return bo}constructor(){super(),this.type="standard",this.name="arrow",this.category="",this._allSizes=Jt,this._url="https://www.britishgas.co.uk/nucleus/assets/british-gas/icons/(name).svg",this.describe=""}get classes(){return{icon:!0,[this.name]:!0}}get inlineStyles(){return{"--icon-size":this.iconSize}}get sizes(){const e=this.size-1;return this._allSizes[e]||"100%"}get iconSize(){const e=this.sizes;return"100%"===e?e:`${e}px`}get standardTemplate(){const e=0===this.describe?.length?"true":void 0,t=e?void 0:"img";return _e`<div aria-hidden="${ft(e)}" role="${ft(t)}" aria-label="${ft(t&&this.describe)}" class="${tt(this.classes)}
2" style="${st(this.inlineStyles)}">${fo({name:this.name,category:this.category,path:this._url})}</div>`}render(){if(!(!this.name?.length>0))return super.render()}};const ko=O`:host{display:inline-block;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}:host .icon.loading{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:spinner;animation-timing-function:linear}@keyframes spinner{to{transform:rotate(1turn)}}`,yo=e=>e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()));class wo extends vo{static get properties(){return{...super.properties,name:{converter:yo}}}static get styles(){return[super.styles,ko]}willUpdate(e){super.willUpdate(e),e.has("type")&&void 0!==this.type&&"standard"!==this.type&&(this.name=yo(this.type),this.type="standard")}}class xo extends wo{}const _o={fromAttribute:e=>"string"==typeof e?"true"===e||""===e:e,toAttribute:e=>("string"==typeof e&&(e="false"!==e),e?"":void 0)},$o=O`:host{display:inline-block}:host .inactive svg{filter:grayscale(1)}`;let zo=class extends Event{constructor(e,t,o){super("context-request",{bubbles:!0,composed:!0}),this.context=e,this.callback=t,this.subscribe=o??!1}};let So=class{constructor(e,t,o,i){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(e,t)=>{this.unsubscribe&&(this.unsubscribe!==t&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=e,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(e,t)),this.unsubscribe=t},this.host=e,void 0!==t.context){const e=t;this.context=e.context,this.callback=e.callback,this.subscribe=e.subscribe??!1}else this.context=t,this.callback=o,this.subscribe=i??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new zo(this.context,this.t,this.subscribe))}};class Co{get value(){return this.o}set value(e){this.setValue(e)}setValue(e,t=!1){const o=t||!Object.is(e,this.o);this.o=e,o&&this.updateObservers()}constructor(e){this.subscriptions=new Map,this.updateObservers=()=>{for(const[e,{disposer:t}]of this.subscriptions)e(this.o,t)},void 0!==e&&(this.value=e)}addCallback(e,t,o){if(!o)return void e(this.value);this.subscriptions.has(e)||this.subscriptions.set(e,{disposer:()=>{this.subscriptions.delete(e)},consumerHost:t});const{disposer:i}=this.subscriptions.get(e);e(this.value,i)}clearCallbacks(){this.subscriptions.clear()}}let Eo=class extends Event{constructor(e){super("context-provider",{bubbles:!0,composed:!0}),this.context=e}},Ao=class extends Co{constructor(e,t,o){super(void 0!==t.context?t.initialValue:o),this.onContextRequest=e=>{const t=e.composedPath()[0];e.context===this.context&&t!==this.host&&(e.stopPropagation(),this.addCallback(e.callback,t,e.subscribe))},this.onProviderRequest=e=>{const t=e.composedPath()[0];if(e.context!==this.context||t===this.host)return;const o=new Set;for(const[e,{consumerHost:t}]of this.subscriptions)o.has(e)||(o.add(e),t.dispatchEvent(new zo(this.context,e,!0)));e.stopPropagation()},this.host=e,void 0!==t.context?this.context=t.context:this.context=t,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new Eo(this.context))}};const Bo="form-state",To="inactive-state",Mo="scheme",Lo="scroller",qo=Et((e=>class extends e{static get properties(){return{_inactive:{type:Object,state:!0}}}})),Ro=Et((e=>class extends(qo(e)){connectedCallback(){super.connectedCallback(),this._inactive=new Ao(this,{context:To,initialValue:{inactive:!1}})}set _inactiveValue(e){this._inactive.setValue({inactive:e})}})),Do=Et((e=>class extends(qo(e)){connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._inactive=new So(this,{context:To,subscribe:!0})}))}get _inactiveValue(){return this._inactive?.value?.inactive}}));class Io extends(Do(wo)){static get properties(){return{...super.properties,inactive:{type:Boolean,converter:_o}}}constructor(){super(),this._url="https://www.britishgas.co.uk/nucleus/assets/british-gas/illustrations/(name).svg",this._allSizes=[64,96,128,144,256],this.name="gas",this.inactive=!1}static get styles(){return[super.styles,$o]}get classes(){return{...super.classes,inactive:this.inactive||!!this._inactiveValue}}willUpdate(e){super.willUpdate(e),e.has("inactive")&&(this.inactive=_o.fromAttribute(this.inactive))}}class Oo extends St{constructor(e){super(e),this.src="",this.alt="",this.placeholder="",this.loading="",this.image=void 0}async fetchImage(){return new Promise(((e,t)=>{this.image=new Image,this.image.src=this.src,this.image.alt=this.alt,this.image.classList.add("blur-out","image-lazy"),this.image.onload=()=>e(this.image),this.image.onerror=()=>t()}
2))}observer(e,t){return new Promise((o=>{const i=new IntersectionObserver((e=>e.forEach((e=>{if(!this.image&&e.intersectionRatio>0)return o(this.render(t[0]))}))),{threshold:.01,rootMargin:"150px"}),s=e.parentNode;i.observe(s)}))}update(e,t){return"lazy"===t?.[0]?.loading?_e`${Vt(this.observer(e,t),void 0)}`:this.render(t[0])}}const Po=Xe(class extends Oo{render({src:e,alt:t,placeholder:o,loading:i="lazy"}){const s=window.chrome?i:void 0;this.src=e,this.alt=t,this.placeholder=o,this.loading=i,this.placeholder&&this.setValue(_e`<img class="image-lazy blur" loading="${ft(s)}" src="${this.placeholder}" alt="">`),Promise.resolve(this.fetchImage()).then((e=>{e&&(dispatchEvent(new CustomEvent("image-loaded",{bubbles:!0})),this.setValue(e))})).catch((()=>{dispatchEvent(new CustomEvent("image-failed",{bubbles:!0})),console.error(`Image (${this.src}) failed to load`)}))}}),Ho=Xe(class extends Oo{render({src:e,alt:t,placeholder:o,loading:i="lazy"}){this.src=e,this.alt=t,this.placeholder=o,this.loading=i;const s={"--background-image":`url("${this.placeholder}")`};this.placeholder&&this.setValue(_e`<div style="${st(s)}" class="image-holder blur"></div>`),Promise.resolve(this.fetchImage()).then((e=>{if(e){const e={"--background-image":`url("${this.src}")`};dispatchEvent(new CustomEvent("image-loaded")),this.setValue(_e`<div style="${st(e)}" class="image-holder blur-out"></div>`)}})).catch((()=>{dispatchEvent(new CustomEvent("image-failed",{bubbles:!0})),console.error(`Image (${this.src}) failed to load`)}))}}),Go=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host,:host .image .image-holder,:host .image .image-lazy{box-sizing:border-box;display:block;min-height:1px;min-width:1px;overflow:hidden;width:100%}:host .image{aspect-ratio:var(--image-ratio);position:relative}@supports not (aspect-ratio:1/1){:host .image{padding-top:var(--image-padding)}}:host .image .blur{filter:blur(.7em);transform:scale(1.03);transition-timing-function:ease-out}:host .image .blur-out{animation:blur-out .5s ease-out}:host .image .image-holder,:host .image .image-lazy{bottom:0;left:0;position:absolute;right:0;top:0}:host .image.is-background .image-holder{background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:var(--background-size)}:host .image.no-ratio{padding:0}:host .image.no-ratio .image-lazy{position:static}@keyframes blur-out{0%{filter:blur(.7em)}to{filter:blur(0)}}`;let No=class extends Ut{static get properties(){return{background:{type:Boolean},backgroundSize:{type:String,attribute:"background-size"},src:{type:String},alt:{type:String},ratio:{type:String},placeholder:{type:String},loading:{type:String},_ratios:{type:Array,state:!0}}}static get styles(){return Go}constructor(){super(),this.type="standard",this.background=!1,this.backgroundSize="cover",this.alt="",this.ratio="",this.placeholder="",this.loading="lazy",this._ratios=eo}get classes(){return{image:!0,"no-ratio":!this.ratio||this.ratio?.length<1,"is-background":this.background}}get inlineStyles(){const[e,t]=this.ratio.split(" / ");return{"--image-ratio":CSS?.supports("aspect-ratio","1 / 1")&&this.ratio?this.ratio:void 0,"--image-padding":CSS?.supports("aspect-ratio","1 / 1")||!e&&!t?void 0:t/e*100+"%","--background-size":this.background?this.backgroundSize:void 0}}get placeholderImage(){return this.placeholder.replace("(src)",this.src)}get standardTemplate(){const e=this.background;if(e&&(this.ratio=this.ratio?.length>0?this.ratio:"16 / 9"),this._ratios.includes(this.ratio)||(this.ratio=""),this.src&&this.src.length>0){const t={src:this.src,alt:this.alt,placeholder:this.placeholderImage,loading:this.loading};return _e`<div class="${tt(this.classes)}" style="${st(this.inlineStyles)}">${e?Ho(t):Po(t)}</div>`}return _e`<div class="image"></div>`}};const Vo=O`:host .inactive{filter:grayscale(1)}`;class Fo extends(Do(mo(No))){static get styles(){return[super.styles,Vo]}static get observedAttributes(){return[...super.observedAttributes,"backgroundsize"]}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"backgroundsize"===e&&(this.backgroundSize=o)}get classes(){return{...super.classes,inactive:!!this._inactiveValue}}}const jo=O`:host{display:grid}:host .card{--card-padding:1rem;--card-footer-margin:1rem;--card-decoration-size:3.5rem;--card-decoration-margin:0.25rem}
2:host .card .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host .card{background-color:var(--scheme-background-color)}:host .card{color:var(--scheme-foreground-color)}:host .card :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .card a{color:var(--scheme-action-foreground-color)}:host .card a:hover{color:var(--scheme-action-hover-foreground-color)}:host .card a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .card [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .card ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .card ::slotted(a){color:var(--scheme-action-foreground-color)}:host .card ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .card ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .card:not(.flat){display:grid;grid-template-rows:max-content 1fr}:host .card.standard{border:.125rem solid transparent;border-end-end-radius:.5rem;border-end-start-radius:.5rem;border-start-end-radius:.5rem;border-start-start-radius:.5rem;padding-block-end:calc(var(--card-padding) - .125rem);padding-block-start:calc(var(--card-padding) - .125rem);padding-inline-end:calc(var(--card-padding) - .125rem);padding-inline-start:calc(var(--card-padding) - .125rem)}:host .card.standard.grey-light-decoration{--scheme-heading-color:#002f87}:host .card.standard.grey-light-decoration{--scheme-foreground-color:#111518}:host .card.standard.grey-light-decoration{--scheme-background-color:#f3f5f7}:host .card.standard.grey-light-decoration{--scheme-highlight-color:#c3ced5}:host .card.standard.grey-light-decoration{--scheme-lowlight-color:#fff}:host .card.standard.grey-light-decoration{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .card.standard.grey-light-decoration{--scheme-focus-outline-color:#002f87}:host .card.standard.grey-light-decoration{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .card.standard:not(.grey-light-decoration){--scheme-heading-color:#002f87}:host .card.standard:not(.grey-light-decoration){--scheme-foreground-color:#111518}:host .card.standard:not(.grey-light-decoration){--scheme-background-color:#fff}:host .card.standard:not(.grey-light-decoration){--scheme-highlight-color:#c3ced5}:host .card.standard:not(.grey-light-decoration){--scheme-lowlight-color:#f3f5f7}:host .card.standard:not(.grey-light-decoration){--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .card.standard:not(.grey-light-decoration){--scheme-focus-outline-color:#002f87}:host .card.standard:not(.grey-light-decoration){--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .card.standard .header ::slotted(*){color:var(--scheme-heading-color)}:host .card.standard.inactive [name=heading]::slotted(*){color:#767676!important}:host .card.standard.inactive [name=paragraph]::slotted(*){color:#435460!important}:host .card.standard .media{border-start-end-radius:.5rem;border-start-start-radius:.5rem;margin-block-end:calc(var(--card-padding) - .125rem);margin-block-start:calc((var(--card-padding) - .125rem)*-1);margin-inline-end:calc((var(--card-padding) - .125rem)*-1);margin-inline-start:calc((var(--card-padding) - .125rem)*-1);overflow:hidden}:host .card.support .body.grey-light-decoration,:host .card.support .media.grey-light-decoration{--scheme-heading-color:#002f87}:host .card.support .body.grey-light-decoration,:host .card.support .media.grey-light-decoration{--scheme-foreground-color:#111518}:host .card.support .body.grey-light-decoration,:host .card.support .media.grey-light-decoration{--scheme-background-color:#f3f5f7}:host .card.support .body.grey-light-decoration,:host .card.support .media.grey-light-decoration{--scheme-highlight-color:#c3ced5}:host .card.support .body.grey-light-decoration,:host .card.support .media.grey-light-decoration{--scheme-lowlight-color:#fff}:host .card.support .body.grey-light-decoration,:host .card.support .media.grey-light-decoration{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .card.support .body.grey-light-decoration,:host .card.support .media.grey-light-decoration{--scheme-focus-outline-color:#002f87}:host .card.support .body.grey-light-decoration,:host .card.support .media.grey-light-decoration{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .card.support .body:not(.grey-light-decoration),:host .card.support .media:not(.grey-light-decoration){--scheme-heading-color:#002f87}:host .card.support .body:not(.grey-light-decoration),:host .card.support .media:not(.grey-light-decoration){--scheme-foreground-color:#111518}:host .card.support .body:not(.grey-light-decoration),:host .card.support .media:not(.grey-light-decoration){--scheme-background-color:#fff}:host .card.support .body:not(.grey-light-decoration),:host .card.support .media:not(.grey-light-decoration){--scheme-highlight-color:#c3ced5}:host .card.support .body:not(.grey-light-decoration),:host .card.support .media:not(.grey-light-decoration){--scheme-lowlight-color:#f3f5f7}:host .card.support .body:not(.grey-light-decoration),:host .card.support .media:not(.grey-light-decoration){--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .card.support .body:not(.grey-light-decoration),:host .card.support .media:not(.grey-light-decoration){--scheme-focus-outline-color:#002f87}:host .card.support .body:not(.grey-light-decoration),:host .card.support .media:not(.grey-light-decoration){--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .card.support .body .header ::slotted(*),:host .card.support .media .header ::slotted(*){color:var(--scheme-heading-color)}:host .card.support .body,:host .card.support .media{border-color:transparent;border-inline-end-style:solid;border-inline-start-style:solid;border-width:.125rem}:host .card.support .media{border-block-start-style:solid;border-start-end-radius:.5rem;border-start-start-radius:.5rem;overflow:hidden}:host .card.support .body{border-block-end-style:solid;border-end-end-radius:.5rem;border-end-start-radius:.5rem;display:grid;grid-template-rows:max-content max-content auto;padding-block-end:calc(var(--card-padding) - .125rem);padding-block-start:calc(var(--card-padding) - .125rem);padding-inline-end:calc(var(--card-padding) - .125rem);padding-inline-start:calc(var(--card-padding) - .125rem)}:host .card.support.grey-light-decoration .body,:host .card.support.grey-light-decoration .media{--scheme-heading-color:#002f87}:host .card.support.grey-light-decoration .body,:host .card.support.grey-light-decoration .media{--scheme-foreground-color:#111518}:host .card.support.grey-light-decoration .body,:host .card.support.grey-light-decoration .media{--scheme-background-color:#f3f5f7}:host .card.support.grey-light-decoration .body,:host .card.support.grey-light-decoration .media{--scheme-highlight-color:#c3ced5}:host .card.support.grey-light-decoration .body,:host .card.support.grey-light-decoration .media{--scheme-lowlight-color:#fff}:host .card.support.grey-light-decoration .body,:host .card.support.grey-light-decoration .media{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .card.support.grey-light-decoration .body,:host .card.support.grey-light-decoration .media{--scheme-focus-outline-color:#002f87}:host .card.support.grey-light-decoration .body,:host .card.support.grey-light-decoration .media{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .card.support.grey-light-decoration .body,:host .card.support.grey-light-decoration .media{background-color:var(--scheme-background-color)}:host .card.support:not(.grey-light-decoration) .body,:host .card.support:not(.grey-light-decoration) .media{background-color:#fff}:host .card .footer{margin-block-start:var(--card-footer-margin)}:host .card:not(:host .card.flat) .footer{align-self:end}:host .card .decoration{float:right;height:var(--card-decoration-size);margin-block-start:calc(var(--card-decoration-margin)*-1);margin-inline-end:calc(var(--card-decoration-margin)*-1);width:var(--card-decoration-size)}:host .card .body{background-color:var(--scheme-background-color)}:host .card .body{color:var(--scheme-foreground-color)}:host .card .body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .card .body a{color:var(--scheme-action-foreground-color)}:host .card .body a:hover{color:var(--scheme-action-hover-foreground-color)}:host .card .body a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .card .body [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .card .body ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .card .body ::slotted(a){color:var(--scheme-action-foreground-color)}:host .card .body ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .card .body ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}@media (min-width:720px) and (max-width:1079.98px){:host .card.support.has-image{display:grid;grid-template-columns:50% 1fr}:host .card.support.has-image .body,:host .card.support.has-image .media{border-inline-end-style:unset;border-inline-start-style:unset}:host .card.support.has-image .media{align-self:start;border-block-end-style:solid;border-end-start-radius:.5rem;border-inline-start-style:solid;border-start-end-radius:unset;padding-inline-end:var(--card-padding)}:host .card.support.has-image .body{border-block-end-style:unset;border-start-end-radius:.5rem;grid-template-rows:max-content max-content 1fr;margin-inline-start:calc(var(--card-padding)*-1)}:host .card.support.has-image.grey-light-decoration .body,:host .card.support.has-image.grey-light-decoration card-image{--scheme-background-color:#f3f5f7}:host .card.support.has-image.grey-light-decoration .body,:host .card.support.has-image.grey-light-decoration card-image{background-color:var(--scheme-background-color)}:host .card.support.has-image:not(.grey-light-decoration) .body,:host .card.support.has-image:not(.grey-light-decoration) card-image{background-color:#fff}}@media (min-width:720px){:host .card{--card-padding:1.25rem;--card-footer-margin:1.5rem;--card-decoration-size:4rem;--card-decoration-margin:0.5rem}}@media (min-width:1620px){:host .card{--card-padding:1.5rem}}`;const Uo=Et((e=>class extends e{static get properties(){return{_contextProvider:{type:Object,state:!0}}}connectedCallback(){super.connectedCallback(),this._contextProvider=new Ao(this,{context:Mo,intialValue:{scheme:void 0}})}_setSchemeValue(e){this._contextProvider.setValue({scheme:e})}})),Wo=Et((e=>class extends e{static get properties(){return{_contextConsumer:{type:Object,state:!0}}}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._contextConsumer=new So(this,{context:Mo,subscribe:!0})}
2))}get _schemeValue(){return this._contextConsumer?.value?.scheme}})),Ko=Et((e=>class extends(Wo(Uo(e))){}));class Yo extends(Mt(Ro(Ko(uo(go(Ut)))))){static get scopedElements(){return{"card-illustration":Io,"card-image":Fo}}static get properties(){return{type:{type:String,reflect:!0},decoration:{type:String},isPillOverImage:{type:Boolean,reflect:!0,attribute:"pill-over-image"},_scheme:{type:String},inactive:{type:Boolean},inactiveMessage:{type:String,attribute:"inactive-message"}}}static get styles(){return jo}get slottedStyles(){return'light-dom [slot=paragraph]{font-family:British Gas Body,sans-serif;font-size:1.067rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){light-dom [slot=paragraph]{font-size:1.125rem}}@media (min-width:1620px){light-dom [slot=paragraph]{font-size:1.125rem}}@media (min-width:720px){light-dom [slot=paragraph]{margin-block-end:.75rem}}@media (min-width:1620px){light-dom [slot=paragraph]{margin-block-end:1rem}}light-dom [slot=paragraph] :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not([href="#caveat"]){font-size:inherit}light-dom [slot=paragraph] :last-child,light-dom [slot=paragraph]:last-of-type{margin-block-end:0}light-dom ns-pill{margin-block-end:1rem}light-dom:is(:not([type]),[type=""],[type=support],[type=standard],[type=flat])>[slot=heading]:not(:empty){margin-block-end:1rem;margin-block-start:0}light-dom:is(:not([type]),[type=""],[type=support],[type=standard],[type=flat])>[slot=heading]:not(:empty){font-family:British Gas Medium,sans-serif;font-size:1.383rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){light-dom:is(:not([type]),[type=""],[type=support],[type=standard],[type=flat])>[slot=heading]:not(:empty){font-size:1.602rem}}@media (min-width:1620px){light-dom:is(:not([type]),[type=""],[type=support],[type=standard],[type=flat])>[slot=heading]:not(:empty){font-size:1.728rem}}@media (min-width:720px){light-dom:is(:not([type]),[type=""],[type=support],[type=standard],[type=flat])>[slot=heading]:not(:empty){margin-block-end:1.25rem}}@media (min-width:1620px){light-dom:is(:not([type]),[type=""],[type=support],[type=standard],[type=flat])>[slot=heading]:not(:empty){margin-block-end:1.5rem}}light-dom[pill-over-image]:not([type]),light-dom[type=standard][pill-over-image],light-dom[type=support][pill-over-image]{position:relative}light-dom[pill-over-image]:not([type]) ns-pill,light-dom[type=standard][pill-over-image] ns-pill,light-dom[type=support][pill-over-image] ns-pill{display:grid;left:.5rem;position:absolute;top:.5rem}light-dom[type=nav] [slot=paragraph]{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5;list-style-type:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}@media (min-width:720px){light-dom[type=nav] [slot=paragraph]{font-size:1.067rem}}@media (min-width:1620px){light-dom[type=nav] [slot=paragraph]{font-size:1.067rem}}light-dom[type=nav] [slot=paragraph] li{margin-block-end:.75rem}light-dom[type=nav] [slot=paragraph] li:last-child{margin-block-end:0}light-dom[type=nav] [slot=paragraph] li a{color:var(--scheme-action-foreground-color);font-family:British Gas Body,sans-serif;-webkit-text-decoration:none;text-decoration:none}light-dom[type=nav] [slot=paragraph] li a:hover{color:var(--scheme-action-hover-foreground-color)}light-dom[type=nav] [slot=paragraph] li a:focus-visible{outline-color:var(--scheme-focus-outline-color)}light-dom[type=nav] [slot=paragraph] li a:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:auto}'}static get observedAttributes(){return[...super.observedAttributes,"pilloverimage"]}constructor(){super(),this.type="standard",this.alt="",this.isPillOverImage=!1,this.inactive=!1,this.inactiveMessage="This item is inactive."}get _isActive(){return this.inactive&&"standard"===this.type}connectedCallback(){if(super.connectedCallback(),this._isActive){this.querySelector('[slot="heading"]').setAttribute("aria-disabled","true")}this._inactiveValue=this._isActive}willUpdate(e){super.willUpdate(e),e.has("type")&&("section"===this.type||"support"===this.type&&!this.image)&&(this.t
2ype="standard")}get _scheme(){let e;return["standard","support"].includes(this.type)?(this._schemeValue&&"white"!==this._schemeValue||(e="grey-light"),this._setSchemeValue(e)):["flat","nav"].includes(this.type)&&this._setSchemeValue(this._schemeValue??void 0),e}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"pilloverimage"===e&&(this.isPillOverImage=null!==o)}get _illustration(){if("standard"===this.type&&this.decoration&&!this.image)return _e`<div class="decoration"><card-illustration name="${this.decoration}"></card-illustration></div>`}get _image(){if(this._isImageSupported)return _e`<div class="media"><card-image src="${this.image}" alt="${this.alt}" ratio="16 / 9"></card-image></div>`}get _isImageSupported(){return["standard","support"].includes(this.type)&&this.image}get _inactiveMessageTemplate(){return this.inactive&&"standard"===this.type?_e`<div class="visually-hidden">${this.inactiveMessage}</div>`:""}get classes(){return{card:!0,[this.type]:!0,"has-image":this._isImageSupported,"has-decoration":!!this._illustration,"pill-over-image":this.isPillOverImage&&this._isImageSupported,[`${this._scheme}-decoration`]:!!this._scheme,inactive:this.inactive&&"standard"===this.type}}get standardTemplate(){return _e`<div class="${tt(this.classes)}">${this._image}<div class="body">${this._illustration} ${this._addHeader} ${this._inactiveMessageTemplate} ${this._addContent}</div>${this._addFooter}</div>`}get supportTemplate(){return _e`<div class="${tt(this.classes)}">${this._image}<div class="body">${this._addHeader} ${this._addContent} ${this._addFooter}</div></div>`}get flatTemplate(){return this.standardTemplate}get navTemplate(){return this.standardTemplate}}const Qo=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:inline-block;font-family:British Gas Medium,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host a:link{-webkit-text-decoration:none;text-decoration:none}:host button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}:host .cta{align-items:center;background-color:#004ecc;border:.125rem solid #004ecc;border-radius:.25rem;color:#fff;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;padding-block-end:.75rem;padding-block-start:.75rem;padding-inline-end:1.25rem;padding-inline-start:1.25rem}:host .cta:hover{background-color:#002f87;border-color:#002f87;-webkit-text-decoration:underline;text-decoration:underline}:host .cta :focus:not(:focus-visible){outline-style:none}:host .cta:focus-visible{outline-color:#ffc72c;outline-offset:0;outline-style:solid;outline-width:3px;-webkit-text-decoration:underline;text-decoration:underline}:host .cta:active{background-color:#002f87;border-color:#002f87}:host .cta.disabled,:host .cta[disabled]{background-color:#b0b0b0;border-color:#b0b0b0;pointer-events:none}:host .cta.loading{background-color:#002f87;border-color:#002f87;pointer-events:none}:host .cta .label-holder{max-inline-size:50ch;min-inline-size:9ch}:host .cta .icon{flex-shrink:0;height:1.25rem;width:1.25rem}:host([disabled=""]),:host([loading=""]){cursor:auto;pointer-events:none}`;class Zo extends(Mt(Ut)){static get scopedElements(){return{"cta-icon":xo}}static get properties(){return{loading:{type:Boolean,reflect:!0},loadingMessage:{type:String,attribute:"loading-message"},disabled:{type:Boolean,reflect:!0},icon:{type:String},href:{type:String},_iconPosition:{type:String,state:!0},_isButton:{type:Boolean,state:!0}}}static get styles(){return Qo}constructor(){super(),this.type="standard",this.loading=!1,this.loadingMessage="Loading...",this.disabled=!1,this._iconPosition="end",this.icon="arrow-right"}get classes(){const e=this.parentElement,t=e?.getAttribute("disabled")||this.disabled;return{cta:!0,[this.type]:!0,loading:this.loading,disabled:t}}get inlineStyles(){return{}}get _addIcon(){let e=this.loading?Xt:this.icon;if(e)return this.loading&&(e=Xt),_e` 3 <cta-icon class="icon" name="${e}"></cta-icon> 4 `}_wrapperElement(e){const t=this.parentElement,o=t?.nodeName,i="A"===o,s="BUTTON"===o,n="FORM"===o,r=t?.getAttribute("disabled")||this.disabled;let a=this.href?.length>0?"a":"div";"a"===a||n||i||s||r||this.loading||this._isButton||(this.getAttribute("role")||this.setAttribute("role","button"),this.setAttribute("tabindex","0")),r||this.loading?(this.getAttribute("aria-disabled")||this.setAttribute("aria-disabled","true"),this.setAttribute("tabindex","-1")):(this.removeAttribute("aria-disabled"),"-1"===this.getAttribute("tabindex")&&(this._isButton||s||n||i||"a"===a)&&this.removeAttribute("tabindex")),(n||this._isButton)&&(a="button"),(n||this._isButton||s)&&(this.removeAttribute("role"),this.removeAttribute("tabindex"));
4const l="button"===a?Rt`button`:"a"===a?Rt`a`:Rt`div`;return Ot` 5 <${l} .href=${"a"===a&&this.href} ?disabled=${"button"===a&&(this.loading||this.disabled)} aria-label="${this.textContent}" class=${tt(this.classes)} style=${st(this.inlineStyles)}> 6 ${e} 7 </${l}> 8 `}get standardTemplate(){const e=this.loading,t=this._addIcon,o="start"===this._iconPosition,i="end"===this._iconPosition,s=_e` 9 ${o?t:void 0} 10 <span class="label-holder"> 11 ${e?this.loadingMessage:_e`<slot></slot>`} 12 </span> 13 ${i?t:void 0} 14 `;return _e` 15 ${e?_e`<span role="alert" aria-live="assertive" class="visually-hidden">${this.loadingMessage}</span>`:""} 16 ${this._wrapperElement(s)} 17 `}get submitTemplate(){return this.setAttribute("type","submit"),this.standardTemplate}get resetTemplate(){return this.setAttribute("type","reset"),this.standardTemplate}}const Xo=Et((e=>class extends e{static get properties(){return{href:{type:String},_focused:{type:Boolean,state:!0},_tabbed:{type:Boolean,state:!0}}}constructor(){super(),this._focused=!1,this._tabbed=!1}connectedCallback(){super.connectedCallback(),this.href||(this.parentElement?.addEventListener("focus",this.__toggleFocus.bind(this)),this.parentElement?.addEventListener("blur",this.__toggleFocus.bind(this)),this.parentElement?.addEventListener("mousedown",this.__toggleTab.bind(this)),this.parentElement?.addEventListener("mouseup",this.__toggleTab.bind(this)))}disconnectedCallback(){super.disconnectedCallback(),this.href||(this.parentElement?.removeEventListener("focus",this.__toggleFocus.bind(this)),this.parentElement?.removeEventListener("blur",this.__toggleFocus.bind(this)),this.parentElement?.removeEventListener("mousedown",this.__toggleTab.bind(this)),this.parentElement?.removeEventListener("mouseup",this.__toggleTab.bind(this)))}__toggleTab(e){"mousedown"===e.type?this._tabbed=!0:"mouseup"===e.type&&(this._tabbed=!1)}__toggleFocus(e){this._focused=!this._tabbed&&"focus"===e.type,this.requestUpdate()}get classes(){return{...super.classes,focused:this._focused}}})),Jo=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:inline-block;font-family:British Gas Medium,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host a:link{-webkit-text-decoration:none;text-decoration:none}:host button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}:host .cta{align-items:center;background-color:#004ecc;border:.125rem solid #004ecc;border-radius:.25rem;color:#fff;-moz-column-gap:.5rem;column-gap:.5rem;display:flex;padding-block-end:.75rem;padding-block-start:.75rem;padding-inline-end:1.25rem;padding-inline-start:1.25rem}:host .cta:hover{background-color:#002f87;border-color:#002f87;-webkit-text-decoration:underline;text-decoration:underline}:host .cta :focus:not(:focus-visible){outline-style:none}:host .cta:focus-visible{outline-color:#ffc72c;outline-width:3px;-webkit-text-decoration:underline;text-decoration:underline}:host .cta:active{background-color:#002f87;border-color:#002f87}:host .cta.disabled,:host .cta[disabled]{background-color:#b0b0b0;border-color:#b0b0b0;pointer-events:none}:host .cta.loading{background-color:#002f87;border-color:#002f87;pointer-events:none}:host .cta .label-holder{max-inline-size:50ch;min-inline-size:9ch}:host .cta .icon{flex-shrink:0;height:1.25rem;width:1.25rem}:host([disabled=""]),:host([loading=""]){cursor:auto;pointer-events:none}:host .cta{--cta-font-size:1rem;--cta-direct-icon-size:1.5rem;--cta-text-icon-size:1rem;cursor:pointer;font-family:British Gas Medium,sans-serif;font-size:1rem;font-size:var(--cta-font-size);justify-content:space-between;max-inline-size:50ch;padding-block-end:.625rem;padding-block-start:.625rem;padding-inline-end:1.125rem;padding-inline-start:1.125rem;text-align:left}:host .cta.cyan-scheme{--scheme-focus-outline-color:#002f87}:host .cta.cyan-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.lime-scheme{--scheme-focus-outline-color:#002f87}:host .cta.lime-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.navy-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta.navy-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.blue-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta.forest-scheme{--scheme-focus-outline-color:#002f87}:host .cta.forest-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.membership-scheme{--scheme-focus-outline-color:#002f87}:host .cta.slate-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta.orange-scheme{--scheme-focus-outline-color:#002f87}:host .cta.orange-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.red-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta.yellow-scheme{--scheme-focus-outline-color:#002f87}:host .cta.yellow-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.white-scheme{--scheme-focus-outline-color:#002f87}:host .cta.grey-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.navigation-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.navigation-dark-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta.ai-labs-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.ai-labs-dark-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta:not([class*=-scheme]){--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta:not([class*=-scheme]){--scheme-focus-outline-color:#002f87}:host .cta:not([class*=-scheme]){--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta:hover{-webkit-text-decoration:none;text-decoration:none}:host .cta:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .cta:focus-visible{background-color:#002f87;border-color:#fff;outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .cta.focused{background-color:#002f87;border-color:#fff}:host .cta.blue-scheme,:host .cta.navigation-dark-scheme,:host .cta.navy-scheme,:host .cta.red-scheme,:host .cta.slate-scheme{border-color:#fff}:host .cta .icon{align-self:end;height:var(--cta-direct-icon-size);width:var(--cta-direct-icon-size)}:host .cta.text{background-color:transparent;border:0;-moz-column-gap:.25rem;column-gap:.25rem;display:inline-flex;padding:0;padding-inline-end:.25rem}:host .cta.text:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .cta.text{color:var(--scheme-action-foreground-color)}:host .cta.text:hover{color:var(--scheme-action-hover-foreground-color)}:host .cta.text:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .cta.text.cyan-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .cta.text.cyan-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.cyan-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.cyan-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta.text.cyan-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.cyan-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.lime-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .cta.text.lime-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.lime-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.lime-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta.text.lime-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.lime-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.navy-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .cta.text.navy-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta.text.navy-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.navy-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta.text.navy-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.navy-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.blue-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .cta.text.blue-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta.text.blue-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.forest-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .cta.text.forest-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.forest-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.forest-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta.text.forest-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.forest-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.membership-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .cta.text.membership-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.membership-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.slate-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .cta.text.slate-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta.text.slate-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.orange-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .cta.text.orange-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.orange-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.orange-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta.text.orange-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.orange-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.red-scheme{--scheme-action-foreground-color:#d6efff;--scheme-action-hover-foreground-color:#fff}:host .cta.text.red-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta.text.red-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.yellow-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta.text.yellow-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.yellow-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.yellow-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta.text.yellow-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.yellow-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.white-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta.text.white-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.white-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.grey-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta.text.grey-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.grey-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.navigation-light-scheme{--scheme-action-foreground-color:#002f87;--scheme-action-hover-foreground-color:#001f52}:host .cta.text.navigation-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.navigation-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.navigation-dark-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .cta.text.navigation-dark-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta.text.navigation-dark-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.ai-labs-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta.text.ai-labs-light-scheme{--scheme-focus-outline-color:#002f87}:host .cta.text.ai-labs-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text.ai-labs-dark-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .cta.text.ai-labs-dark-scheme{--scheme-focus-outline-color:#ffc72c}:host .cta.text.ai-labs-dark-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text:not([class*=-scheme]){--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .cta.text:not([class*=-scheme]){--scheme-focus-outline-color:#002f87}:host .cta.text:not([class*=-scheme]){--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .cta.text .label-holder{min-inline-size:unset}:host .cta.text .icon{align-self:start;height:var(--cta-text-icon-size);margin-block-start:.25em;width:var(--cta-text-icon-size)}@media (min-width:480px){:host{width:-moz-fit-content;width:fit-content}}@media (min-width:720px){:host .cta{--cta-font-size:1.067rem;--cta-direct-icon-size:1.75rem;--cta-text-icon-size:1.125rem}}@media (min-width:1620px){:host .cta{--cta-font-size:1.067rem;--cta-direct-icon-size:2rem;--cta-text-icon-size:1.25rem}:host .cta .label-holder{min-inline-size:13ch}}@media (max-width:479.98px){:host(:not([type=text])){inline-size:100%}}@media (max-width:479.98px){:host([type=text]){width:-moz-fit-content;width:fit-content}}:host(:focus-visible) .cta.direct,:host(:focus-visible) .cta.reset,:host(:focus-visible) .cta.submit{background-color:#002f87;border-color:#fff}:host([tabindex="0"]:focus-visible) .cta{outline-color:var(--scheme-focus-outline-color)}:host([tabindex="0"]:focus-visible) .cta.cyan-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.cyan-light-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.lime-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.lime-light-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.navy-scheme{--scheme-focus-outline-color:#ffc72c}:host([tabindex="0"]:focus-visible) .cta.navy-light-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.blue-scheme{--scheme-focus-outline-color:#ffc72c}:host([tabindex="0"]:focus-visible) .cta.forest-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.forest-light-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.membership-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.slate-scheme{--scheme-focus-outline-color:#ffc72c}:host([tabindex="0"]:focus-visible) .cta.orange-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.orange-light-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.red-scheme{--scheme-focus-outline-color:#ffc72c}:host([tabindex="0"]:focus-visible) .cta.yellow-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.yellow-light-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.white-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.grey-light-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.navigation-light-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.navigation-dark-scheme{--scheme-focus-outline-color:#ffc72c}
17:host([tabindex="0"]:focus-visible) .cta.ai-labs-light-scheme{--scheme-focus-outline-color:#002f87}:host([tabindex="0"]:focus-visible) .cta.ai-labs-dark-scheme{--scheme-focus-outline-color:#ffc72c}:host([tabindex="0"]:focus-visible) .cta:not([class*=-scheme]){--scheme-focus-outline-color:#002f87}:host([disabled=false]),:host([loading=false]){cursor:default;pointer-events:all!important}:host([disabled=""]){pointer-events:inherit}`;class ei extends(Wo(Xo(Zo))){static get properties(){return{disabled:{attribute:!1},loading:{type:Boolean,converter:_o,reflect:!0}}}static get styles(){return Jo}get slottedStyles(){return'light-dom[tabindex="0"]{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}light-dom[tabindex="0"] :focus:not(:focus-visible){outline-style:none}light-dom[tabindex="0"]:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}light-dom[tabindex="0"]:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}light-dom[tabindex="0"]:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}'}constructor(){super(),this.type="direct"}willUpdate(e){super.willUpdate(e),e.has("loading")&&(this.loading=_o.fromAttribute(this.loading)),e.has("icon")&&"download"===this.icon&&(this.icon=void 0)}static get observedAttributes(){return[...super.observedAttributes,"loadingmessage"]}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"loadingmessage"===e&&(this.loadingMessage=o)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._registerKeyboardEvents.bind(this))}_registerKeyboardEvents(e){this.loading||this.href?.length>0||"Enter"!==e.code&&"Space"!==e.code||(e.preventDefault(),this.click())}click(){this.loading||super.click()}get classes(){return{...super.classes,[`${this._schemeValue}-scheme`]:!!this._schemeValue}}get directTemplate(){return this.standardTemplate}get textTemplate(){return this._iconPosition="start",this.standardTemplate}}var ti=e=>{const t=e+"=",o=document.cookie.split(";");let i="";for(let e=0;e<o.length;e+=1){const s=o[e].trimStart();if(-1!==s.indexOf(t)){i=decodeURIComponent(s.substring(t.length,s.length));break}}return i};const oi=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block;overflow:hidden}:host .video{aspect-ratio:var(--video-ratio);display:grid}:host .video .loading{background-color:#000}:host .video .consent-message,:host .video .picture,:host .video .play{grid-column-start:1;grid-row-start:1}:host .video .picture{position:relative}:host .video .picture .facade{aspect-ratio:var(--video-ratio);display:block;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:101%}:host .video .play{align-content:center;cursor:pointer;display:grid;justify-content:center;place-content:center;z-index:1}:host .video .play button{cursor:pointer;height:3rem}:host .video .play button{background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host .video .play button{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host .video .play button :focus:not(:focus-visible){outline-style:none}:host .video .play button:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .video .play button:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .video .play button:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host .video .play button:focus-visible{outline-color:#002f87}:host .video .play .play-background{fill:#212121;fill-opacity:.8;transition-duration:.1s;transition-property:fill,fill-opacity;transition-timing-function:cubic-bezier(.4,0,1,1)}
17:host .video .play:hover .play-background{fill:red;fill-opacity:1;transition-duration:.1s;transition-property:fill,fill-opacity;transition-timing-function:cubic-bezier(0,0,.2,1)}:host .video .consent-message{background-color:rgba(0,0,0,.25);display:grid;padding:1rem;z-index:1}:host .video .consent-message video-card{align-self:center;justify-self:center;max-width:480px;place-self:center;width:100%}:host .video:has(.consent-message) .picture .facade{filter:grayscale(1)}:host iframe{aspect-ratio:var(--video-ratio)}`;class ii extends(Mt(mo(Ut))){static get scopedElements(){return{"video-card":Yo,"video-cta":ei}}static get properties(){return{id:{type:String},title:{type:String},start:{type:Number},end:{type:Number},_loading:{type:Boolean,state:!0},_play:{type:Boolean,state:!0},_consentGiven:{type:Boolean,state:!0}}}static get styles(){return oi}constructor(){super(),this.id="",this.ratio="16 / 9",this.title="YouTube video",this._loading=!1,this._play=!1,this.start=0,this.states={"-1":"unstarted",0:"ended",1:"playing",2:"paused",5:"cued"}}willUpdate(e){if(e.has("ratio")){["16 / 9","4 / 3","1 / 1"].includes(this.ratio)||(this.ratio="16 / 9"),(!this.start||this.start<0)&&(this.start=0),(!this.end||this.end<this.start)&&(this.end=void 0)}const t={};ti("OptanonConsent").split("&").forEach((e=>{const o=e.split("=");if("groups"===o[0]){o[1].split(",").forEach((e=>{const o=e.split(":");t[o[0]]=o[1]}))}})),this._consentGiven="1"===t.C0004}__loadYoutube(){if(this._loading=!0,this._consentGiven){this._play=!0;const e="https://www.youtube.com/iframe_api",t=document.createElement("script");t.onload=this.__onLoad.bind(this),t.src=e,document.getElementsByTagName("head")[0].appendChild(t)}}__onLoad(){const e=this.shadowRoot.getElementById("player"),t=this.id;let o;const i=e=>{const o=new CustomEvent("statechange",{detail:{id:t,title:this.title,state:e}});this.dispatchEvent(o)},s=e=>{e.target.mute(),e.target.playVideo(),i("started"),this._loading=!1},n=e=>{Object.keys(this.states).includes(e.data.toString())&&i(this.states[e.data])};window.YT.ready((()=>{const i={autoplay:1,playsinline:1,rel:0,showinfo:0,ecver:2};this.start&&(i.start=this.start),this.end&&(i.end=this.end),o=new window.YT.Player(e,{width:"100%",height:"100%",videoId:t,title:this.title,playerVars:i,events:{onReady:s,onStateChange:n},host:"https://www.youtube-nocookie.com"})}))}_loadOneTrust(){window.OneTrust?.ToggleInfoDisplay()}get standardTemplate(){const e={loading:this._loading},t={"--video-ratio":this.ratio},o=()=>_e`<picture class="picture" aria-hidden="true"><source type="image/webp" srcset="https://i.ytimg.com/vi_webp/${this.id}/hqdefault.webp"><source type="image/jpeg" srcset="https://i.ytimg.com/vi/${this.id}/hqdefault.jpg"><img src="https://i.ytimg.com/vi/${this.id}/hqdefault.jpg" class="facade" alt="" loading="lazy"></picture>`;return _e`<div class="video" style="${st(t)}">${this._loading||this._play?_e`${this._consentGiven?_e`<div id="player" class="${tt(e)}"></div>`:_e`${o()}<div class="consent-message"><video-card inactive decoration="privacy-settings"><h3 slot="heading">Want to watch this video?</h3><div slot="paragraph"><p>We appreciate you haven't accepted cookies for our site, but if you want to watch the video you need to enable 'Targeting Cookies' and then refresh the page. Alternatively, you can watch it on YouTube.</p></div><video-cta slot="cta" type="text" style="display:block" @click="${this._loadOneTrust}">Enable Targeting Cookies</video-cta><a href="https://www.youtube.com/watch?v=${this.id}${this.start&&this.start>0?`&t=${this.start}s`:""}" slot="cta" target="_blank" title="Opens in new tab. Watch ${this.title} on YouTube.com. Opens in new tab."><video-cta type="text" icon="external-link">Watch on YouTube</video-cta></a></video-card></div>`}`:_e`${o()}<div id="play" class="play" @click="${this.__loadYoutube}"><button aria-label="Play"><svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path class="play-background" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#f00"></path><path d="M 45,24 27,14 27,34" fill="#fff"></path></svg></button></div>`}</div>`}}const si=O`:host{display:block}:host .timeline-event{--timeline-event-circle-size-small:2rem;--timeline-event-circle-size-large:2.25rem;display:flow-root;padding-block-end:2rem;padding-inline-start:3.25rem;padding-inline-start:calc(var(--timeline-event-circle-size-large) + 1rem);position:relative}:host .timeline-event{--scheme-background-color:transparent}:host .timeline-event{background-color:var(--scheme-background-color)}:host .timeline-event{color:var(--scheme-foreground-color)}:host .timeline-event :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .timeline-event a{color:var(--scheme-action-foreground-color)}:host .timeline-event a:hover{color:var(--scheme-action-hover-foreground-color)}:host .timeline-event a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .timeline-event [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .timeline-event ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .timeline-event ::slotted(a){color:var(--scheme-action-foreground-color)}:host .timeline-event ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .timeline-event ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .timeline-event .header [name=heading]::slotted(*){margin-block-end:1rem;margin-block-start:0}:host .timeline-event .header [name=heading]::slotted(*){font-family:British Gas Medium,sans-serif;font-size:1.383rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .timeline-event .header [name=heading]::slotted(*){font-size:1.602rem}}@media (min-width:1620px){:host .timeline-event .header [name=heading]::slotted(*){font-size:1.728rem}}@media (min-width:720px){:host .timeline-event .header [name=heading]::slotted(*){margin-block-end:1.25rem}}@media (min-width:1620px){:host .timeline-event .header [name=heading]::slotted(*){margin-block-end:1.5rem}}:host .timeline-event .header .status{margin-block-end:.75rem;margin-block-start:0}:host .timeline-event .header .status{font-family:British Gas Body,sans-serif;font-size:1.067rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .timeline-event .header .status{font-size:1.125rem}}@media (min-width:1620px){:host .timeline-event .header .status{font-size:1.125rem}}@media (min-width:720px){:host .timeline-event .header .status{margin-block-end:.75rem}}@media (min-width:1620px){:host .timeline-event .header .status{margin-block-end:1rem}}:host .timeline-event .decoration{bottom:0;left:0;position:absolute;top:0;width:var(--timeline-event-circle-size-large)}:host .timeline-event .decoration:before{border-inline-style:solid;border-inline-width:.125rem;bottom:.25rem;content:"";left:50%;position:absolute;top:calc(var(--timeline-event-circle-size-large) + .25rem);transform:translateX(-50%)}:host .timeline-event .circle{aspect-ratio:1/1;border:.125rem solid transparent;border-radius:50%;left:50%;position:absolute;transform:translateX(-50%);width:calc(var(--timeline-event-circle-size-large) - .25rem)}:host .timeline-event .dot,:host .timeline-event .icon,:host .timeline-event .index{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}:host .timeline-event .dot,:host .timeline-event .icon{aspect-ratio:1/1;width:calc(var(--timeline-event-circle-size-large)/2)}:host .timeline-event .dot{background-color:#fff;border:.25rem solid transparent;border-radius:50%}:host .timeline-event .index{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:host .timeline-event .index{margin-block-end:0;margin-block-start:0}:host .timeline-event .index{font-family:British Gas Medium,sans-serif;font-size:1.296rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .timeline-event .index{font-size:1.424rem}}@media (min-width:1620px){:host .timeline-event .index{font-size:1.44rem}}:host .timeline-event.cancelled .decoration:before,:host .timeline-event.completed .decoration:before,:host .timeline-event.pending .decoration:before,:host .timeline-event.step .decoration:before{top:calc(var(--timeline-event-circle-size-small) + .25rem)}:host .timeline-event.cancelled .circle,:host .timeline-event.completed .circle,:host .timeline-event.pending .circle,:host .timeline-event.step .circle{width:calc(var(--timeline-event-circle-size-small) - .25rem)}:host .timeline-event.cancelled .dot,:host .timeline-event.cancelled .icon,:host .timeline-event.completed .dot,:host .timeline-event.completed .icon,:host .timeline-event.pending .dot,:host .timeline-event.pending .icon,:host .timeline-event.step .dot,:host .timeline-event.step .icon{width:calc(var(--timeline-event-circle-size-small)/2)}:host .timeline-event.completed .icon,:host .timeline-event.error .icon,:host .timeline-event.inprogress .icon,:host .timeline-event.warning .icon{color:#fff}:host .timeline-event.completed .circle{background-color:#1ba158}:host .timeline-event.completed .decoration:before{border-inline-color:#1ba158}:host .timeline-event.error .circle{background-color:#e60f41}:host .timeline-event.error .decoration:before{border-inline-color:#e60f41}:host .timeline-event.warning .circle{background-color:#e3660e}:host .timeline-event.warning .decoration:before{border-inline-color:#e3660e}:host .timeline-event.actionrequired .circle{background-color:#ffc72c}:host .timeline-event.actionrequired .decoration:before{border-inline-color:#ffc72c}:host .timeline-event.inprogress .circle{background-color:#1192e8}:host .timeline-event.inprogress .decoration:before{border-inline-color:#1192e8}:host .timeline-event.inprogress .index{color:#fff}:host .timeline-event.cancelled [name=heading]::slotted(*),:host .timeline-event.pending [name=heading]::slotted(*),:host .timeline-event.step [name=heading]::slotted(*){color:#767676!important}:host .timeline-event.cancelled .circle,:host .timeline-event.pending .circle,:host .timeline-event.step .circle{background-color:#fff;border-color:#c3ced5}:host .timeline-event.cancelled .decoration:before,:host .timeline-event.pending .decoration:before,:host .timeline-event.step .decoration:before{border-inline-color:#c3ced5}:host .timeline-event.cancelled .dot,:host .timeline-event.pending .dot,:host .timeline-event.step .dot{background-color:#435460}:host .timeline-event.cancelled .index,:host .timeline-event.pending .index,:host .timeline-event.step .index{color:#435460}:host .timeline-event.cancelled .icon,:host .timeline-event.pending .icon,:host .timeline-event.step .icon{color:#111518}@media (min-width:720px){:host .timeline-event{--timeline-event-circle-size-small:2.25rem;--timeline-event-circle-size-large:3rem}}@media (min-width:1620px){:host .timeline-event{--timeline-event-circle-size-small:3rem;--timeline-event-circle-size-large:3.5rem}}:host(:last-of-type) .timeline-event .decoration:before{display:none}`,ni=[Yt,Qt,Zt,"arrow","arrowRight","arrowLeft","chevron","chevronRight","chevronLeft","chevronUp","chevronDown","cross","hide","loading","minus","plus","search","settings","show","tick"];class ri extends(Mt(Ut)){static get scopedElements(){return{"timeline-event-icon":wo}}static get properties(){return{status:{type:String},icon:{type:String},index:{type:Number},updatedAt:{type:String,attribute:"updated-at"},role:{type:String,reflect:!0},ariaCurrent:{type:String,reflect:!0,attribute:"aria-current"},_updatedDate:{type:String,state:!0},_updatedTime:{type:String,state:!0},_displayIcon:{type:String,state:!0},_displayStatus:{type:String,state:!0},_statusOverride:{type:Boolean,state:!0}}}static get styles(){return si}
17static get observedAttributes(){return[...super.observedAttributes,"updatedat"]}constructor(){super(),this.status="pending",this.icon="",this.index=0,this.updatedAt="",this._updatedDate="",this._updatedTime="",this.role="listitem",this._statusOverride=!1}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"updatedat"===e&&(this.updatedAt=o),"status"!==e||o||(this.status="pending")}willUpdate(e){const t=this._lookup(this.status);if(this._displayIcon=t?.decoration,this._displayStatus=t?.displayStatus,!this._statusOverride&&(e.has("status")&&(["inprogress","error","warning","actionrequired"].includes(this.status)&&(this.ariaCurrent="step"),e.get("status")&&e.get("status")!==this.status&&("completed"===this.status?(this.ariaCurrent=void 0,this.updateComplete.then((()=>{this._dispatchEvent("timeline-event-completed")}))):"error"===this.status?this.updateComplete.then((()=>{this._dispatchEvent("timeline-event-error")})):"cancelled"===this.status&&(this.ariaCurrent=void 0))),e.has("updatedAt")&&this.updatedAt)){const e={day:"numeric",month:"long"},t={hour:"numeric",minute:"numeric",hourCycle:"h12"},o=new Date(this.updatedAt);this._updatedDate=o.toLocaleString("en-GB",e),this._updatedTime=this.updatedAt.length>10?o.toLocaleString("en-GB",t):void 0}}_dispatchEvent(e){const t=new CustomEvent(e,{bubbles:!0,composed:!0});this.dispatchEvent(t)}_lookup(e){if(this._statusOverride)return;return{completed:{decoration:Qt,displayStatus:"Completed"},actionrequired:{decoration:"arrowRight",displayStatus:"Action required"},warning:{decoration:Zt,displayStatus:"Warning"},error:{decoration:Yt,displayStatus:"Error"},inprogress:{decoration:this._icon,displayStatus:"In progress"},pending:{decoration:this._icon?`${this._icon}Outline`:"",displayStatus:"Pending"},cancelled:{decoration:this._icon?`${this._icon}Outline`:"",displayStatus:"Cancelled"}}[e]}get _icon(){return ni.includes(this.icon)?void 0:this.icon}get _decoration(){return _e`${this._displayIcon?_e`<timeline-event-icon class="icon" name="${this._displayIcon}"></timeline-event-icon>`:void 0} ${!this._displayIcon&&this.index?_e`<div class="index">${this.index}</div>`:void 0} ${this._displayIcon||this.index?void 0:_e`<div class="dot"></div>`}`}get _displayUpdatedDateTime(){if("completed"===this.status&&this.updatedAt)return _e`<time datetime="${this.updatedAt}">${this._updatedTime?` at ${this._updatedTime}`:void 0} on ${this._updatedDate}</time>`}get classes(){return{"timeline-event":!0,[this.status]:!this._statusOverride,step:this._statusOverride}}get standardTemplate(){return _e`<div class="${tt(this.classes)}"><div class="decoration"><div class="circle">${this._decoration}</div></div><div class="header"><slot name="heading"></slot><p class="status">${this._displayStatus} ${this._displayUpdatedDateTime}</p></div><div class="content"><slot></slot></div></div>`}}const ai=O`:host .timeline{--timeline-content-margin:1rem;max-width:calc(720px - 1rem)}:host .timeline{--scheme-background-color:transparent}:host .timeline{background-color:var(--scheme-background-color)}:host .timeline{color:var(--scheme-foreground-color)}:host .timeline :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .timeline a{color:var(--scheme-action-foreground-color)}:host .timeline a:hover{color:var(--scheme-action-hover-foreground-color)}:host .timeline a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .timeline [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .timeline ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .timeline ::slotted(a){color:var(--scheme-action-foreground-color)}:host .timeline ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .timeline ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .timeline .header [name=heading]::slotted(*){margin-block-end:1rem;margin-block-start:0}:host .timeline .header [name=heading]::slotted(*){font-family:British Gas Medium,sans-serif;font-size:1.683rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .timeline .header [name=heading]::slotted(*){font-size:2.281rem}}@media (min-width:1620px){:host .timeline .header [name=heading]::slotted(*){font-size:2.488rem}}@media (min-width:720px){:host .timeline .header [name=heading]::slotted(*){margin-block-end:1.5rem}}@media (min-width:1620px){:host .timeline .header [name=heading]::slotted(*){margin-block-end:2rem}}:host .timeline .header [name=summary]::slotted(*){margin-block-end:.75rem;margin-block-start:0}:host .timeline .header [name=summary]::slotted(*){font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .timeline .header [name=summary]::slotted(*){font-size:1.424rem}}@media (min-width:1620px){:host .timeline .header [name=summary]::slotted(*){font-size:1.424rem}}@media (min-width:720px){:host .timeline .header [name=summary]::slotted(*){margin-block-end:.75rem}}@media (min-width:1620px){:host .timeline .header [name=summary]::slotted(*){margin-block-end:1rem}}:host .timeline .header .stepcount{margin-block-end:.75rem;margin-block-start:0}:host .timeline .header .stepcount{font-family:British Gas Body,sans-serif;font-size:1.067rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .timeline .header .stepcount{font-size:1.125rem}}@media (min-width:1620px){:host .timeline .header .stepcount{font-size:1.125rem}}@media (min-width:720px){:host .timeline .header .stepcount{margin-block-end:.75rem}}@media (min-width:1620px){:host .timeline .header .stepcount{margin-block-end:1rem}}:host .timeline .content{margin-block-start:var(--timeline-content-margin)}`;class li extends Ut{static get properties(){return{showstepcount:{type:Boolean,attribute:"show-step-count"},_eventCount:{type:Number,state:!0},_completedCount:{type:Number,state:!0}}}static get styles(){return ai}static get observedAttributes(){return[...super.observedAttributes,"showstepcount"]}constructor(){super(),this.type="standard",this.showstepcount=!1,this._eventCount=0,this._completedCount=0}get slottedStyles(){return"light-dom>[slot=heading]{font-family:British Gas Medium,sans-serif;font-size:1.683rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){light-dom>[slot=heading]{font-size:2.281rem}}@media (min-width:1620px){light-dom>[slot=heading]{font-size:2.488rem}}@media (min-width:720px){light-dom>[slot=heading]{margin-block-end:1.5rem}}@media (min-width:1620px){light-dom>[slot=heading]{margin-block-end:2rem}}"}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"showstepcount"===e&&(this.showstepcount=_o.fromAttribute(o))}willUpdate(){const e=this.querySelectorAll('[slot="event"]');"step"===this.type?(this.showstepcount=!1,e.forEach(((e,t)=>{e._statusOverride=!0,e.index=t+1}))):"standard"===this.type&&(this._eventCount=e?.length,this._completedCount=Array.from(e).filter((e=>"completed"===e.status)).length,e.forEach((e=>{e.removeEventListener("timeline-event-completed",this.completeEventHandler.bind(this)),e.addEventListener("timeline-event-completed",this.completeEventHandler.bind(this)),e.removeEventListener("timeline-event-error",this.errorEventHandler.bind(this)),e.addEventListener("timeline-event-error",this.errorEventHandler.bind(this))})))}completeEventHandler(){this.requestUpdate()}errorEventHandler(){this.querySelectorAll('[slot="event"]').forEach((e=>{["inprogress","pending"].includes(e.status)&&(e.status="cancelled")}))}get _summary(){if("step"===this.type)return;return this.querySelector('[slot="summary"]')?_e`<slot name="summary"></slot>`:void 0}get _stepCount(){return this.showstepcount?_e`<p class="stepcount">${this._completedCount} of ${this._eventCount} steps completed</p>`:void 0}get _events(){return _e`<div class="content" role="list"><slot name="event"></slot></div>`}get standardTemplate(){return _e`<div class="timeline ${this.type}"><div class="header"><slot name="heading"></slot>${this._summary} ${this._stepCount}</div>${this._events}</div>`}get stepTemplate(){return this.standardTemplate}}const ci=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:grid}:host figure{display:grid;grid-template-rows:1fr min-content;margin:0;max-width:calc(720px - 1rem);position:relative}:host .decoration{fill:#fff;background-color:#0093f5;border-radius:50%;height:3rem;left:-.75rem;position:absolute;top:-.75rem;width:3rem;z-index:1}:host .decoration .icon{height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}:host blockquote{border:.125rem solid #c3ced5;border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;margin:0;margin-block-end:1.5rem;padding-block-end:1.5rem;padding-block-start:2.5rem;padding-inline-end:1.25rem;padding-inline-start:1.25rem;position:relative}:host blockquote{--scheme-heading-color:#002f87}:host blockquote{--scheme-foreground-color:#111518}:host blockquote{--scheme-background-color:#fff}:host blockquote{--scheme-highlight-color:#c3ced5}:host blockquote{--scheme-lowlight-color:#f3f5f7}:host blockquote{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host blockquote{--scheme-focus-outline-color:#002f87}:host blockquote{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host blockquote{background-color:var(--scheme-background-color)}:host blockquote{color:var(--scheme-foreground-color)}:host blockquote :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host blockquote a{color:var(--scheme-action-foreground-color)}:host blockquote a:hover{color:var(--scheme-action-hover-foreground-color)}:host blockquote a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host blockquote [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host blockquote ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host blockquote ::slotted(a){color:var(--scheme-action-foreground-color)}:host blockquote ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host blockquote ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host blockquote:after,:host blockquote:before{border-bottom-color:transparent;border-right-color:transparent;border-style:solid;content:"";display:block;position:absolute}:host blockquote:before{border-left-color:#c3ced5;border-top-color:#c3ced5;border-width:.75rem;bottom:-1.5rem;left:-.125rem}:host blockquote:after{border-left-color:#fff;border-top-color:#fff;border-width:.75rem;bottom:calc(-1.5rem + 5px);left:0}:host figcaption{font-weight:700}:host figcaption cite{font-style:normal}`;class hi extends Ut{static get properties(){return{type:{type:String},citeUrl:{type:String,attribute:"cite-url"},author:{type:String},medium:{type:String}}}static get styles(){return ci}static get observedAttributes(){return[...super.observedAttributes,"citeurl"]}constructor(){super(),this.citeUrl=void 0,this.author="",this.medium=""}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"citeurl"===e&&(this.citeUrl=o)}get figcaptionHtml(){if(!this.author&&!this.medium)return"";const e=this.author&&this.medium?", ":"",t=this.author,o=this.medium?_e`<cite>${this.medium}</cite>`:"";return _e`<figcaption>${t}${e}${o}</figcaption>`}get standardTemplate(){return _e`<figure class="testimonial ${this.type}"><div class="decoration"><svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M2,30l12,0l0,-12l-6,0c-0.133,-4.58 1.978,-7.849 6,-10l0,-6c-7.422,2.574 -11.832,7.577 -12,16l0,12Z"/><path d="M18,30l12,0l0,-12l-6,0c-0.133,-4.58 1.978,-7.849 6,-10l0,-6c-7.422,2.574 -11.832,7.577 -12,16l0,12Z"/></svg></div><blockquote cite="${ft(this.citeUrl)}"><slot name="quote"></slot></blockquote>${this.figcaptionHtml}</figure>`}}const di=O`:host{display:block}:host .layout{-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:5% 1fr 5%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}:host .layout:not(.in-frame){--tabs-layout-margin-block:2rem;margin-block-start:2rem;margin-block-start:var(--tabs-layout-margin-block)}:host .layout .tabs{grid-column-end:-2;grid-column-start:2;isolation:isolate;margin-inline:auto;max-width:1440px;position:relative;width:100%}:host .layout .tabs:before{border-block-end-style:solid;border-color:#c3ced5;border-width:.125rem;bottom:0;content:"";left:0;position:absolute;right:0;z-index:-1}@media (min-width:720px){:host .layout:not(.in-frame){--tabs-layout-margin-block:3rem}}@media (min-width:1620px){:host .layout:not(.in-frame){--tabs-layout-margin-block:4rem}}`,mi=()=>`nsid-${Math.random().toString(36).substring(2,15)}`;class ui extends Ut{static get properties(){return{open:{type:Number},_tabCount:{type:Number,state:!0}}}static get styles(){return di}constructor(){super(),this.open=0,this._tabCount=0,this.addController(new pi(this))}get _slottedPanels(){return Array.from(this.querySelectorAll('[slot="panel"]'))}get _slottedTabs(){return Array.from(this.querySelectorAll('[slot="tab"]'))}_openTab(){this.updateComplete.then((()=>{this._slottedTabs[this.open].focus();const e=new CustomEvent("tabchange",{bubbles:!0,composed:!0});this._slottedTabs[this.open].dispatchEvent(e)}))}_handleClick(e){const t=this._slottedTabs.indexOf(e.target);t>-1&&(this.open=t,this._openTab())}_handleKeydown(e){let t=0;switch(e.key){case"Home":t=-this.open;break;case"End":t=this._tabCount-1-this.open;break;case"ArrowRight":case"ArrowDown":t=1;break;case"ArrowLeft":case"ArrowUp":t=-1;break;default:return}const o=this.open+t;this.open=(o%this._tabCount+this._tabCount)%this._tabCount,this._openTab()}willUpdate(e){this._tabCount=this._slottedTabs.length;const t=this._slottedTabs,o=this._slottedPanels;for(let i=0;i<this._tabCount;i++){const s=t[i],n=o[i];e.has("open")&&(s.selected=this.open===i&&!s.selected,this.open===i?n.removeAttribute("hidden"):n.setAttribute("hidden",""))}}get standardTemplate(){const e={layout:!0,"in-frame":!!this.closest("ns-frame")};return _e`<div class="${tt(e)}"><div role="tablist" class="tabs"><slot name="tab"></slot></div></div><slot name="panel"></slot>`}}class pi{constructor(e){this.host=e}hostConnected(){const e=this.host._slottedTabs,t=this.host._slottedPanels;for(let o=0;o<e.length;o++){const i=e[o],s=t[o];s.getAttribute("role")||s.setAttribute("role","tabpanel"),i.id=i.id||mi(),s.id=s.id||mi(),i.hasAttribute("aria-controls")||i.setAttribute("aria-controls",s.id),s.hasAttribute("aria-labelledby")||s.setAttribute("aria-labelledby",i.id)}this.host.addEventListener("keydown",this.host._handleKeydown.bind(this.host)),this.host.addEventListener("click",this.host._handleClick.bind(this.host))}hostDisconnected(){this.host.removeEventListener("keydown",this.host._handleKeydown.bind(this.host)),this.host.removeEventListener("click",this.host._handleClick.bind(this.host))}}let gi=class{constructor(e,{target:t,config:o,callback:i,skipInitial:s}){this.t=new Set,this.o=!1,this.i=!1,this.h=e,null!==t&&this.t.add(t??e),this.l=o,this.o=s??this.o,this.callback=i,window.ResizeObserver?(this.u=new ResizeObserver((e=>{this.handleChanges(e),this.h.requestUpdate()})),e.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(e){this.value=this.callback?.(e,this.u)}hostConnected(){for(const e of this.t)this.observe(e)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(e){this.t.add(e),this.u.observe(e,this.l),this.i=!0,this.h.requestUpdate()}unobserve(e){this.t.delete(e),this.u.unobserve(e)}disconnect(){this.u.disconnect()}};const fi=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host .table{--table-font-size:1rem;display:grid}:host .table{background-color:var(--scheme-background-color)}:host .table{color:var(--scheme-foreground-color)}:host .table :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .table a{color:var(--scheme-action-foreground-color)}:host .table a:hover{color:var(--scheme-action-hover-foreground-color)}:host .table a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .table [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .table ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .table ::slotted(a){color:var(--scheme-action-foreground-color)}:host .table ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .table ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .table .caption{margin-block-end:1rem;margin-block-start:0}:host .table .caption{font-family:British Gas Medium,sans-serif;font-size:1.383rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .table .caption{font-size:1.602rem}}@media (min-width:1620px){:host .table .caption{font-size:1.728rem}}@media (min-width:720px){:host .table .caption{margin-block-end:1.25rem}}@media (min-width:1620px){:host .table .caption{margin-block-end:1.5rem}}:host .table .caption{color:var(--scheme-heading-color)}:host .table .helper{margin-block-end:.75rem;margin-block-start:0}:host .table .helper{font-family:British Gas Body,sans-serif;font-size:.889rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .table .helper{font-size:.889rem}}@media (min-width:1620px){:host .table .helper{font-size:.889rem}}@media (min-width:720px){:host .table .helper{margin-block-end:.75rem}}@media (min-width:1620px){:host .table .helper{margin-block-end:1rem}}:host .table .content{overflow-x:auto;scrollbar-color:var(--scheme-highlight-color) var(--scheme-lowlight-color)}:host .table .content ::slotted(table){font-size:var(--table-font-size)}:host .table .content.has-scroll{background-image:linear-gradient(to right,var(--scheme-highlight-color),var(--scheme-background-color) .5rem,transparent),linear-gradient(to left,var(--scheme-highlight-color),var(--scheme-background-color) .5rem,transparent)}@media (min-width:720px){:host .table{--table-font-size:1.067rem}}@media (min-width:1620px){:host .table{--table-font-size:1.067rem}}`;class bi extends Ut{static get properties(){return{labelID:{type:String,attribute:"label-id"},_hasScroll:{type:Boolean,state:!0},_resizeController:{type:Object,state:!0},_tableController:{type:Object,state:!0}}}static get styles(){return fi}static get observedAttributes(){return[...super.observedAttributes,"labelid"]}constructor(){super(),this._hasScroll=!1,this._resizeController=new gi(this,{callback:()=>(this._hasScroll=this._tableContainer.scrollWidth>this._tableContainer.clientWidth,this._hasScroll)}),this._tableController=new vi(this)}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"labelid"===e&&(this.labelID=o)}get slottedStyles(){return'light-dom{color:var(--scheme-foreground-color)}light-dom :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}light-dom a{color:var(--scheme-action-foreground-color)}light-dom a:hover{color:var(--scheme-action-hover-foreground-color)}light-dom a:focus-visible{outline-color:var(--scheme-focus-outline-color)}light-dom [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}light-dom table{border-collapse:collapse;width:100%}light-dom table tbody tr,light-dom table thead tr{border-block-end-style:solid;border-color:var(--scheme-highlight-color);border-width:.125rem}light-dom table td,light-dom table th{-webkit-text-size-adjust:none;font-weight:400;padding-block-end:.5rem;padding-block-start:.5rem;padding-inline-end:1rem;padding-inline-start:1rem;text-align:left;vertical-align:top;white-space:nowrap}light-dom table th{font-family:British Gas Medium,sans-serif}light-dom table [scope=row]:first-child{background-image:linear-gradient(to left,transparent,var(--scheme-highlight-color) .5rem,var(--scheme-highlight-color),var(--scheme-background-color) .5rem);border-block-end-style:solid;border-color:var(--scheme-highlight-color);border-width:.125rem;left:0;position:sticky;z-index:1}'}get _tableContainer(){return this.shadowRoot.querySelector(".content")}get _slottedCaption(){return this.querySelector("caption")}get _caption(){return this._slottedCaption&&!this.labelID?_e`<div id="caption" class="caption">${this._slottedCaption.textContent}</div>`:void 0}get standardTemplate(){const e=this._hasScroll,t={content:!0,"has-scroll":e};return _e`<div class="table"><div class="header">${this._caption}<div class="helper" ?hidden="${!e}">(scroll for more information)</div></div><div class="${tt(t)}" tabindex="${ft(e?"0":void 0)}" role="${ft(e?"group":void 0)}" aria-labelledby="${ft(e?"caption":void 0)}"><slot></slot></div></div>`}}class vi{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){const e=this.host.querySelector("table"),t=this.host.querySelector("thead"),o=this.host.querySelector("tbody"),i=this.host.querySelector("caption");this.host.labelID&&e?.setAttribute("aria-labelledby",this.host.labelID),i?.setAttribute("hidden","");const s=o?.querySelectorAll("th"),n=s?.length>0;
17s&&Array.from(s).forEach((e=>e.setAttribute("scope","row")));const r=t?.querySelectorAll("th");r&&Array.from(r).forEach(((e,t)=>e.setAttribute("scope",0===t&&n?"row":"col")))}}const ki=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:inline-block}:host .tab{--tab-font-size:1rem;--tab-icon-size:1.5rem;--tab-spacer:1rem;background-color:transparent;border-block-end-style:solid;border-color:#c3ced5;border-width:.125rem;cursor:pointer;font-family:British Gas Medium,sans-serif;font-size:1rem;font-size:var(--tab-font-size);outline:medium none currentcolor;outline:initial;padding-block-end:.875rem;padding-block-start:1rem;padding-inline-end:1rem;padding-inline-end:var(--tab-spacer);padding-inline-start:1rem;padding-inline-start:var(--tab-spacer)}:host .tab:focus,:host .tab[selected]{background-color:#fff;border-block-end-style:none;border-block-start-style:solid;border-inline-end-style:solid;border-inline-start-style:solid;border-start-end-radius:.25rem;border-start-start-radius:.25rem;color:#002f87;padding-block-end:1rem}:host .tab[selected]{border-color:#c3ced5;border-width:.125rem;padding-block-start:.875rem;padding-inline-end:calc(var(--tab-spacer) - .125rem);padding-inline-start:calc(var(--tab-spacer) - .125rem)}:host .tab:focus{border-color:#002f87;border-width:.25rem;padding-block-start:.75rem;padding-inline-end:calc(var(--tab-spacer) - .25rem);padding-inline-start:calc(var(--tab-spacer) - .25rem)}:host .tab:hover .label{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:#002f87}:host .tab.has-icon .label{padding-inline-start:calc(.25rem + var(--tab-icon-size));position:relative}:host .tab.has-icon .label .media{height:var(--tab-icon-size);left:-.25rem;position:absolute;top:50%;transform:translateY(-50%);width:var(--tab-icon-size)}:host .tab.has-icon .label .media tab-icon{display:block}@media (min-width:720px){:host .tab{--tab-font-size:1.067rem;--tab-icon-size:1.75rem;--tab-spacer:1.25rem}}@media (min-width:1620px){:host .tab{--tab-font-size:1.067rem;--tab-icon-size:2rem;--tab-spacer:1.5rem}}`;class yi extends(Mt(Ut)){static get scopedElements(){return{"tab-icon":wo}}static get properties(){return{selected:{type:Boolean},icon:{type:String},role:{type:String,reflect:!0},ariaSelected:{type:String,reflect:!0,attribute:"aria-selected"},tabIndex:{type:Number,reflect:!0,attribute:"tabindex"}}}static get styles(){return ki}static get shadowRootOptions(){return{...Ut.shadowRootOptions,delegatesFocus:!0}}constructor(){super(),this.selected=!1,this.icon="",this.ariaSelected=!1,this.role="tab",this.tabIndex=0}willUpdate(e){e.has("selected")&&e.get("selected")!==this.selected&&(this.ariaSelected=this.selected,this.selected&&this.updateComplete.then((()=>this._dispatchEvent())))}_dispatchEvent(){const e=new CustomEvent("tabselected",{bubbles:!0,composed:!0});this.dispatchEvent(e)}get _icon(){return this.icon?_e`<span class="media"><tab-icon name="${this.icon}" aria-hidden="true"></tab-icon></span>`:void 0}get standardTemplate(){const e={tab:!0,"has-icon":!!this.icon};return _e`<div ?selected="${this.selected}" class="${tt(e)}" tabindex="${this.selected?0:-1}"><span class="label">${this._icon}<slot></slot></span></div>`}}const wi=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host .standout{--standout-padding:1rem;--standout-border-width:0.25rem;border-radius:.5rem;border-style:solid;border-width:.25rem;border-width:var(--standout-border-width);max-width:calc(720px - 1rem);padding:.75rem;padding:calc(var(--standout-padding) - var(--standout-border-width))}:host .standout.emphasis-subtle.cyan-scheme{--scheme-primary-color:#0093f5}:host .standout.emphasis-subtle.cyan-light-scheme{--scheme-primary-color:#ebf7ff}:host .standout.emphasis-subtle.lime-scheme{--scheme-primary-color:#7fcc00}:host .standout.emphasis-subtle.lime-light-scheme{--scheme-primary-color:#f7ffeb}:host .standout.emphasis-subtle.navy-scheme{--scheme-primary-color:#002f87}:host .standout.emphasis-subtle.navy-light-scheme{--scheme-primary-color:#ebf3ff}:host .standout.emphasis-subtle.blue-scheme{--scheme-primary-color:#004ecc}:host .standout.emphasis-subtle.forest-scheme{--scheme-primary-color:#00a33e}:host .standout.emphasis-subtle.forest-light-scheme{--scheme-primary-color:#ebfff3}:host .standout.emphasis-subtle.membership-scheme{--scheme-primary-color:#00f55d}:host .standout.emphasis-subtle.slate-scheme{--scheme-primary-color:#111518}:host .standout.emphasis-subtle.orange-scheme{--scheme-primary-color:#ff5900}:host .standout.emphasis-subtle.orange-light-scheme{--scheme-primary-color:#fff5eb}:host .standout.emphasis-subtle.red-scheme{--scheme-primary-color:#d50032}:host .standout.emphasis-subtle.yellow-scheme{--scheme-primary-color:#ffc72c}:host .standout.emphasis-subtle.yellow-light-scheme{--scheme-primary-color:#fff9ea}:host .standout.emphasis-subtle.white-scheme{--scheme-primary-color:#fff}:host .standout.emphasis-subtle.grey-light-scheme{--scheme-primary-color:#f3f5f7}:host .standout.emphasis-subtle{border-color:var(--scheme-primary-color)}:host .standout.emphasis-strong{background-color:var(--scheme-background-color)}:host .standout.emphasis-strong{color:var(--scheme-foreground-color)}:host .standout.emphasis-strong :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .standout.emphasis-strong a{color:var(--scheme-action-foreground-color)}:host .standout.emphasis-strong a:hover{color:var(--scheme-action-hover-foreground-color)}:host .standout.emphasis-strong a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .standout.emphasis-strong ::slotted(a){color:var(--scheme-action-foreground-color)}:host .standout.emphasis-strong ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .standout.emphasis-strong ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.cyan-scheme{--scheme-heading-color:#001f52}:host .standout.emphasis-strong.cyan-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.cyan-scheme{--scheme-background-color:#0093f5}:host .standout.emphasis-strong.cyan-scheme{--scheme-highlight-color:#99d6ff}:host .standout.emphasis-strong.cyan-scheme{--scheme-lowlight-color:#47b6ff}:host .standout.emphasis-strong.cyan-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .standout.emphasis-strong.cyan-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.cyan-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.cyan-light-scheme{--scheme-heading-color:#002f87}:host .standout.emphasis-strong.cyan-light-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.cyan-light-scheme{--scheme-background-color:#ebf7ff}:host .standout.emphasis-strong.cyan-light-scheme{--scheme-highlight-color:#0093f5}:host .standout.emphasis-strong.cyan-light-scheme{--scheme-lowlight-color:#99d6ff}:host .standout.emphasis-strong.cyan-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .standout.emphasis-strong.cyan-light-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.cyan-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.lime-scheme{--scheme-heading-color:#001f52}:host .standout.emphasis-strong.lime-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.lime-scheme{--scheme-background-color:#7fcc00}:host .standout.emphasis-strong.lime-scheme{--scheme-highlight-color:#c9ff70}:host .standout.emphasis-strong.lime-scheme{--scheme-lowlight-color:#aaff1f}:host .standout.emphasis-strong.lime-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .standout.emphasis-strong.lime-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.lime-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.lime-light-scheme{--scheme-heading-color:#002f87}:host .standout.emphasis-strong.lime-light-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.lime-light-scheme{--scheme-background-color:#f7ffeb}:host .standout.emphasis-strong.lime-light-scheme{--scheme-highlight-color:#7fcc00}:host .standout.emphasis-strong.lime-light-scheme{--scheme-lowlight-color:#c9ff70}:host .standout.emphasis-strong.lime-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .standout.emphasis-strong.lime-light-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.lime-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.navy-scheme{--scheme-heading-color:#fff}:host .standout.emphasis-strong.navy-scheme{--scheme-foreground-color:#fff}:host .standout.emphasis-strong.navy-scheme{--scheme-background-color:#002f87}:host .standout.emphasis-strong.navy-scheme{--scheme-highlight-color:#004ecc}:host .standout.emphasis-strong.navy-scheme{--scheme-lowlight-color:#001f52}:host .standout.emphasis-strong.navy-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .standout.emphasis-strong.navy-scheme{--scheme-focus-outline-color:#ffc72c}:host .standout.emphasis-strong.navy-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.navy-light-scheme{--scheme-heading-color:#002f87}:host .standout.emphasis-strong.navy-light-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.navy-light-scheme{--scheme-background-color:#ebf3ff}:host .standout.emphasis-strong.navy-light-scheme{--scheme-highlight-color:#004ecc}:host .standout.emphasis-strong.navy-light-scheme{--scheme-lowlight-color:#99c0ff}:host .standout.emphasis-strong.navy-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .standout.emphasis-strong.navy-light-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.navy-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.blue-scheme{--scheme-heading-color:#fff}:host .standout.emphasis-strong.blue-scheme{--scheme-foreground-color:#fff}:host .standout.emphasis-strong.blue-scheme{--scheme-background-color:#004ecc}:host .standout.emphasis-strong.blue-scheme{--scheme-highlight-color:#1f74ff}:host .standout.emphasis-strong.blue-scheme{--scheme-lowlight-color:#002f87}:host .standout.emphasis-strong.blue-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .standout.emphasis-strong.blue-scheme{--scheme-focus-outline-color:#ffc72c}:host .standout.emphasis-strong.blue-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.forest-scheme{--scheme-heading-color:#001f52}:host .standout.emphasis-strong.forest-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.forest-scheme{--scheme-background-color:#00a33e}:host .standout.emphasis-strong.forest-scheme{--scheme-highlight-color:#70ffa6}:host .standout.emphasis-strong.forest-scheme{--scheme-lowlight-color:#00f55d}:host .standout.emphasis-strong.forest-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .standout.emphasis-strong.forest-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.forest-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.forest-light-scheme{--scheme-heading-color:#002f87}:host .standout.emphasis-strong.forest-light-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.forest-light-scheme{--scheme-background-color:#ebfff3}:host .standout.emphasis-strong.forest-light-scheme{--scheme-highlight-color:#00a33e}:host .standout.emphasis-strong.forest-light-scheme{--scheme-lowlight-color:#70ffa6}:host .standout.emphasis-strong.forest-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .standout.emphasis-strong.forest-light-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.forest-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.membership-scheme{--scheme-heading-color:#001f52}:host .standout.emphasis-strong.membership-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.membership-scheme{--scheme-background-color:#00f55d}:host .standout.emphasis-strong.membership-scheme{--scheme-highlight-color:#00a33e}:host .standout.emphasis-strong.membership-scheme{--scheme-lowlight-color:#70ffa6}:host .standout.emphasis-strong.membership-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .standout.emphasis-strong.membership-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.membership-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.slate-scheme{--scheme-heading-color:#fff}:host .standout.emphasis-strong.slate-scheme{--scheme-foreground-color:#fff}:host .standout.emphasis-strong.slate-scheme{--scheme-background-color:#111518}:host .standout.emphasis-strong.slate-scheme{--scheme-highlight-color:#435460}:host .standout.emphasis-strong.slate-scheme{--scheme-lowlight-color:#2a353d}:host .standout.emphasis-strong.slate-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .standout.emphasis-strong.slate-scheme{--scheme-focus-outline-color:#ffc72c}:host .standout.emphasis-strong.slate-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.orange-scheme{--scheme-heading-color:#001f52}:host .standout.emphasis-strong.orange-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.orange-scheme{--scheme-background-color:#ff5900}:host .standout.emphasis-strong.orange-scheme{--scheme-highlight-color:#ffca99}:host .standout.emphasis-strong.orange-scheme{--scheme-lowlight-color:#ff9f47}:host .standout.emphasis-strong.orange-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .standout.emphasis-strong.orange-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.orange-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.orange-light-scheme{--scheme-heading-color:#002f87}:host .standout.emphasis-strong.orange-light-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.orange-light-scheme{--scheme-background-color:#fff5eb}:host .standout.emphasis-strong.orange-light-scheme{--scheme-highlight-color:#ff5900}:host .standout.emphasis-strong.orange-light-scheme{--scheme-lowlight-color:#ffca99}:host .standout.emphasis-strong.orange-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .standout.emphasis-strong.orange-light-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.orange-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.red-scheme{--scheme-heading-color:#fff}:host .standout.emphasis-strong.red-scheme{--scheme-foreground-color:#fff}:host .standout.emphasis-strong.red-scheme{--scheme-background-color:#d50032}:host .standout.emphasis-stro
17ng.red-scheme{--scheme-highlight-color:#ff99b1}:host .standout.emphasis-strong.red-scheme{--scheme-lowlight-color:#e60f41}:host .standout.emphasis-strong.red-scheme{--scheme-action-foreground-color:#d6efff;--scheme-action-hover-foreground-color:#fff}:host .standout.emphasis-strong.red-scheme{--scheme-focus-outline-color:#ffc72c}:host .standout.emphasis-strong.red-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.yellow-scheme{--scheme-heading-color:#002f87}:host .standout.emphasis-strong.yellow-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.yellow-scheme{--scheme-background-color:#ffc72c}:host .standout.emphasis-strong.yellow-scheme{--scheme-highlight-color:#cc9f23}:host .standout.emphasis-strong.yellow-scheme{--scheme-lowlight-color:#ffe395}:host .standout.emphasis-strong.yellow-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .standout.emphasis-strong.yellow-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.yellow-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.yellow-light-scheme{--scheme-heading-color:#002f87}:host .standout.emphasis-strong.yellow-light-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.yellow-light-scheme{--scheme-background-color:#fff9ea}:host .standout.emphasis-strong.yellow-light-scheme{--scheme-highlight-color:#ffc72c}:host .standout.emphasis-strong.yellow-light-scheme{--scheme-lowlight-color:#ffeec0}:host .standout.emphasis-strong.yellow-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .standout.emphasis-strong.yellow-light-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.yellow-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.white-scheme{--scheme-heading-color:#002f87}:host .standout.emphasis-strong.white-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.white-scheme{--scheme-background-color:#fff}:host .standout.emphasis-strong.white-scheme{--scheme-highlight-color:#c3ced5}:host .standout.emphasis-strong.white-scheme{--scheme-lowlight-color:#f3f5f7}:host .standout.emphasis-strong.white-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .standout.emphasis-strong.white-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.white-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong.grey-light-scheme{--scheme-heading-color:#002f87}:host .standout.emphasis-strong.grey-light-scheme{--scheme-foreground-color:#111518}:host .standout.emphasis-strong.grey-light-scheme{--scheme-background-color:#f3f5f7}:host .standout.emphasis-strong.grey-light-scheme{--scheme-highlight-color:#c3ced5}:host .standout.emphasis-strong.grey-light-scheme{--scheme-lowlight-color:#fff}:host .standout.emphasis-strong.grey-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .standout.emphasis-strong.grey-light-scheme{--scheme-focus-outline-color:#002f87}:host .standout.emphasis-strong.grey-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .standout.emphasis-strong{border-color:var(--scheme-highlight-color)}@media (min-width:720px){:host .standout{--standout-padding:1.25rem}}`;class xi extends(Ko(Ut)){static get styles(){return wi}static get properties(){return{decoration:{type:String,converter:e=>ho.includes(e)?e:"cyan"},type:{converter:e=>("standard"===e&&(e="subtle"),["subtle","strong"].includes(e)?e:"subtle")}}}constructor(){super(),this.type="subtle",this.decoration="cyan"}willUpdate(e){super.willUpdate(e),this._setSchemeValue("strong"===this.type?this.decoration:this._schemeValue)}get standardTemplate(){const e={standout:!0,[`emphasis-${this.type}`]:!0,[`${this.decoration}-scheme`]:!0};return _e`<div class="${tt(e)}"><div class="content-holder"><slot></slot></div></div>`}get subtleTemplate(){return this.standardTemplate}get strongTemplate(){return this.standardTemplate}}const _i="skyline",$i=Et((e=>class extends e{static get properties(){return{_skyline:{type:Object,state:!0}}}})),zi=Et((e=>class extends($i(e)){connectedCallback(){super.connectedCallback(),this._skyline=new Ao(this,{context:_i,initialValue:{skyline:!1}})}set _skylineValue(e){this._skyline.setValue({skyline:e})}})),Si=Et((e=>class extends($i(e)){connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._skyline=new So(this,{context:_i,subscribe:!0})}
17))}get _skylineValue(){return this._skyline?.value?.skyline}})),Ci=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host .skyline{--layout-panel-spacer-block:2rem;--layout-panel-gap:1.5rem}@media (min-width:720px){:host .skyline{--layout-panel-spacer-block:3rem;--layout-panel-gap:2rem}}@media (min-width:1620px){:host .skyline{--layout-panel-spacer-block:4rem;--layout-panel-gap:2.25rem}}:host .skyline{display:grid;grid-template-columns:5% 1fr 5%;grid-template-columns:var(--layout-gutter,5%) 1fr var(--layout-gutter,5%);padding-block-end:var(--layout-panel-spacer-block);padding-block-start:var(--layout-panel-spacer-block)}:host .skyline>:not(:first-child){margin-block-start:var(--layout-panel-gap)}:host .skyline>*{grid-column-end:-2;grid-column-start:2;justify-self:center;max-width:1440px;width:100%}:host .skyline{--scheme-heading-color:#fff}:host .skyline{--scheme-foreground-color:#fff}:host .skyline{--scheme-background-color:#002f87}:host .skyline{--scheme-highlight-color:#004ecc}:host .skyline{--scheme-lowlight-color:#001f52}:host .skyline{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .skyline{--scheme-focus-outline-color:#ffc72c}:host .skyline{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .skyline{background-color:var(--scheme-background-color)}:host .skyline{color:var(--scheme-foreground-color)}:host .skyline :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .skyline a{color:var(--scheme-action-foreground-color)}:host .skyline a:hover{color:var(--scheme-action-hover-foreground-color)}:host .skyline a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .skyline [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .skyline ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .skyline ::slotted(a){color:var(--scheme-action-foreground-color)}:host .skyline ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .skyline ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .skyline{--layout-panel-spacer-block:unset}`;class Ei extends(Mt(zi(Uo(Ut)))){static get styles(){return Ci}get standardTemplate(){return _e`<div class="${tt({skyline:!0})}"><div><slot></slot></div></div>`}connectedCallback(){super.connectedCallback(),this._setSchemeValue("navy"),this._skylineValue=!0}}const Ai=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host .skeleton{cursor:progress}:host .skeleton div{background-color:#c3ced5;border-radius:.25rem;max-width:50ch;min-height:1em;min-width:8ch;overflow:hidden;position:relative}:host .skeleton div:after{background-image:linear-gradient(90deg,transparent 20%,#f3f5f7 45%,#f3f5f7 55%,transparent 80%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@media (prefers-reduced-motion:no-preference){:host .skeleton div:after{animation-delay:0;animation-direction:normal;animation-duration:2.5s;animation-iteration-count:2.5;animation-name:shimmer;animation-timing-function:cubic-bezier(.5,.85,.5,.15);will-change:transform}}:host .skeleton div+div{margin-block-start:.25rem}:host .skeleton div+div:last-of-type{max-width:40ch;min-width:6ch;width:80%}:host .skeleton.heading div{width:66%}:host .skeleton.subheading div{width:20%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}`;class Bi extends Ut{static get properties(){return{type:{type:String},_ariaHidden:{type:String,attribute:"aria-hidden",reflect:!0},_loadingDiv:{state:!0},_parent:{state:!0},_label:{state:!0}}}static get styles(){return Ai}constructor(){super(),this.type="text",this._label="loading",this._loadingDiv=document.createElement("div"),this._parent=this.parentElement,this._ariaHidden="true"}disconnectedCallback(){super.disconnectedCallback(),setTimeout((()=>{this._loadingDiv&&this._parent?.contains(this._loadingDiv)&&this._parent?.removeChild(this._loadingDiv)}),0)}connectedCallback(){super.connectedCallback(),this._parent=this.parentElement;const e=["heading","subheading","paragraph"];if(this._parent){const t=this._parent.getAttribute("slot");t&&e.includes(t)?this.type=t:this._parent.classList.contains("h5")?this.type="subheading":this._parent.classList.contains("h1")||this._parent.classList.contains("h2")?this.type="heading":["text","paragraph","heading","subheading"].includes(this.type)||(this.t
17ype="text")}this._parent.querySelector(":scope > [data-ns-loading]")?this._loadingDiv=void 0:(this._loadingDiv.textContent=this._label,this._loadingDiv.classList.add("visually-hidden"),this._loadingDiv.setAttribute("data-ns-loading","true"),this._parent.appendChild(this._loadingDiv))}__wrapperElement(e){const t={skeleton:!0,[this.type]:!0};return _e`<div class="${tt(t)}">${e}</div>`}get textTemplate(){return this.standardTemplate}get paragraphTemplate(){return this.standardTemplate}get headingTemplate(){return this.standardTemplate}get subheadingTemplate(){return this.standardTemplate}get standardTemplate(){const e=_e`<div></div>${"paragraph"===this.type?_e`<div></div><div></div>`:void 0}`;return _e`${this.__wrapperElement(e)}`}}const Ti=Et((e=>class extends e{static get properties(){return{_contextProvider:{type:Object,state:!0}}}connectedCallback(){super.connectedCallback(),this._contextProvider=new Ao(this,{context:Lo,initialValue:{scroller:!1}})}_setScrollerValue(e){this._contextProvider.setValue({scroller:e})}})),Mi=Et((e=>class extends e{static get properties(){return{_contextConsumer:{type:Object,state:!0}}}connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._contextConsumer=new So(this,{context:Lo,subscribe:!0})}))}get _scrollerValue(){return this._contextConsumer?.value?.scroller}})),Li=(Et((e=>class extends(Mi(Ti(e))){})),O`*,:after,:before{box-sizing:border-box}body{font-family:British Gas Body,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}body,figure{margin:0}:host{display:grid}:host .selector{--selector-label-font-size:1rem;--selector-padding:1rem;--selector-decoration-size:3.5rem;--selector-decoration-margin:0.25rem;border:.125rem solid #c3ced5;border-radius:.5rem;max-width:calc(720px - 1rem)}:host .selector{--scheme-heading-color:#002f87}:host .selector{--scheme-foreground-color:#111518}:host .selector{--scheme-background-color:#fff}:host .selector{--scheme-highlight-color:#c3ced5}:host .selector{--scheme-lowlight-color:#f3f5f7}:host .selector{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .selector{--scheme-focus-outline-color:#002f87}:host .selector{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector{background-color:var(--scheme-background-color)}:host .selector{color:var(--scheme-foreground-color)}:host .selector :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .selector a{color:var(--scheme-action-foreground-color)}:host .selector a:hover{color:var(--scheme-action-hover-foreground-color)}:host .selector a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .selector [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .selector ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .selector ::slotted(a){color:var(--scheme-action-foreground-color)}:host .selector ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .selector ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .selector.keyline-cyan{--scheme-keyline-color:#0093f5}:host .selector.keyline-green-light,:host .selector.keyline-lime{--scheme-keyline-color:#7fcc00}:host .selector.keyline-blue-dark,:host .selector.keyline-navy{--scheme-keyline-color:#002f87}:host .selector.keyline-blue{--scheme-keyline-color:#004ecc}:host .selector.keyline-forest,:host .selector.keyline-green-dark{--scheme-keyline-color:#00a33e}:host .selector.keyline-slate{--scheme-keyline-color:#111518}:host .selector.keyline-orange{--scheme-keyline-color:#ff5900}:host .selector.keyline-red,:host .selector.keyline-red-dark{--scheme-keyline-color:#d50032}:host .selector.keyline-yellow{--scheme-keyline-color:#ffc72c}:host .selector[class*=keyline]:before{background-color:var(--scheme-keyline-color)}:host .selector.checked{border-color:#002f87;outline-color:#002f87;outline-offset:0;outline-style:solid;outline-width:.125rem}:host .selector.checked[class*=keyline]:before{left:-.25rem;right:-.25rem}:host .selector .media selector-image{border-end-start-radius:unset}:host .selector.pill-over-image .media{position:relative}:host .selector.pill-over-image .pill{left:.375rem;position:absolute;top:.375rem}:host .selector.has-image:not([class*=keyline]){overflow:hidden}:host .selector.has-image.checked{z-index:0}:host .selector.has-image.checked .media{z-index:-1}:host .selector:not(.pill-over-image) .pill{margin-block-end:var(--selector-padding)}:host .selector[class*=keyline]{border-start-end-radius:0;border-start-start-radius:0;position:relative}:host .selector[class*=keyline]:before{content:"";height:.5rem;left:-.125rem;position:absolute;right:-.125rem;top:-.375rem;z-index:1}:host .selector .body{padding-block-end:calc(var(--selector-padding) - .125rem);padding-block-start:calc(var(--selector-padding) - .125rem);padding-inline-end:calc(var(--selector-padding) - .125rem);padding-inline-start:calc(var(--selector-padding) - .125rem)}:host .selector .body .header{margin-block-end:calc(var(--selector-padding) - .125rem)}:host .selector .body .header ::slotted(*){font-family:British Gas Medium,sans-serif}:host .selector .body .header ::slotted(*){font-size:var(--selector-label-font-size)}:host .selector .body .content ::slotted(*){padding-block-start:unset}:host .selector .body .footer{margin-block-start:var(--selector-padding)}:host .selector .body .footer ::slotted(label){font-family:British Gas Medium,sans-serif}:host .selector .body .footer ::slotted(label){font-size:var(--selector-label-font-size)}:host .selector.in-scroller{display:grid;grid-template-rows:max-content 1fr}:host .selector.in-scroller.has-image{position:relative}:host .selector.lockup{--layout-gutter:var(--layout-panel-spacer-block);--selector-foreground-color:var(--scheme-foreground-color);--selector-background-color:var(--scheme-background-color);--selector-highlight-color:var(--scheme-highlight-color);--selector-lowlight-color:var(--scheme-lowlight-color);--selector-focus-outline-color:var(--scheme-focus-outline-color);border-color:var(--scheme-highlight-color);border-radius:1rem;margin-block-end:var(--layout-panel-gap);margin-block-start:var(--layout-panel-gap);max-width:none;outline-offset:-.5rem;outline-width:.25rem}:host .selector.lockup{background-color:var(--scheme-background-color)}:host .selector.lockup{color:var(--scheme-foreground-color)}:host .selector.lockup :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .selector.lockup a{color:var(--scheme-action-foreground-color)}:host .selector.lockup a:hover{color:var(--scheme-action-hover-foreground-color)}:host .selector.lockup a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .selector.lockup ::slotted(a){color:var(--scheme-action-foreground-color)}:host .selector.lockup ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .selector.lockup ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.cyan-scheme{--scheme-heading-color:#001f52}:host .selector.lockup.cyan-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.cyan-scheme{--scheme-background-color:#0093f5}:host .selector.lockup.cyan-scheme{--scheme-highlight-color:#99d6ff}:host .selector.lockup.cyan-scheme{--scheme-lowlight-color:#47b6ff}:host .selector.lockup.cyan-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .selector.lockup.cyan-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.cyan-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.cyan-light-scheme{--scheme-heading-color:#002f87}:host .selector.lockup.cyan-light-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.cyan-light-scheme{--scheme-background-color:#ebf7ff}:host .selector.lockup.cyan-light-scheme{--scheme-highlight-color:#0093f5}:host .selector.lockup.cyan-light-scheme{--scheme-lowlight-color:#99d6ff}:host .selector.lockup.cyan-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .selector.lockup.cyan-light-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.cyan-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.lime-scheme{--scheme-heading-color:#001f52}:host .selector.lockup.lime-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.lime-scheme{--scheme-background-color:#7fcc00}:host .selector.lockup.lime-scheme{--scheme-highlight-color:#c9ff70}:host .selector.lockup.lime-scheme{--scheme-lowlight-color:#aaff1f}:host .selector.lockup.lime-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .selector.lockup.lime-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.lime-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.lime-light-scheme{--scheme-heading-color:#002f87}:host .selector.lockup.lime-light-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.lime-light-scheme{--scheme-background-color:#f7ffeb}:host .selector.lockup.lime-light-scheme{--scheme-highlight-color:#7fcc00}:host .selector.lockup.lime-light-scheme{--scheme-lowlight-color:#c9ff70}:host .selector.lockup.lime-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .selector.lockup.lime-light-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.lime-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.navy-scheme{--scheme-heading-color:#fff}:host .selector.lockup.navy-scheme{--scheme-foreground-color:#fff}:host .selector.lockup.navy-scheme{--scheme-background-color:#002f87}:host .selector.lockup.navy-scheme{--scheme-highlight-color:#004ecc}:host .selector.lockup.navy-scheme{--scheme-lowlight-color:#001f52}:host .selector.lockup.navy-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .selector.lockup.navy-scheme{--scheme-focus-outline-color:#ffc72c}:host .selector.lockup.navy-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.navy-light-scheme{--scheme-heading-color:#002f87}:host .selector.lockup.navy-light-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.navy-light-scheme{--scheme-background-color:#ebf3ff}:host .selector.lockup.navy-light-scheme{--scheme-highlight-color:#004ecc}:host .selector.lockup.navy-light-scheme{--scheme-lowlight-color:#99c0ff}:host .selector.lockup.navy-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .selector.lockup.navy-light-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.navy-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.blue-scheme{--scheme-heading-color:#fff}:host .selector.lockup.blue-scheme{--scheme-foreground-color:#fff}:host .selector.lockup.blue-scheme{--scheme-background-color:#004ecc}:host .selector.lockup.blue-scheme{--scheme-highlight-color:#1f74ff}:host .selector.lockup.blue-scheme{--scheme-lowlight-color:#002f87}:host .selector.lockup.blue-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .selector.lockup.blue-scheme{--scheme-focus-outline-color:#ffc72c}:host .selector.lockup.blue-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.forest-scheme{--scheme-heading-color:#001f52}:host .selector.lockup.forest-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.forest-scheme{--scheme-background-color:#00a33e}:host .selector.lockup.forest-scheme{--scheme-highlight-color:#70ffa6}:host .selector.lockup.forest-scheme{--scheme-lowlight-color:#00f55d}:host .selector.lockup.forest-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .selector.lockup.forest-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.forest-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.forest-light-scheme{--scheme-heading-color:#002f87}:host .selector.lockup.forest-light-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.forest-light-scheme{--scheme-background-color:#ebfff3}:host .selector.lockup.forest-light-scheme{--scheme-highlight-color:#00a33e}:host .selector.lockup.forest-light-scheme{--scheme-lowlight-color:#70ffa6}:host .selector.lockup.forest-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .selector.lockup.forest-light-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.forest-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.membership-scheme{--scheme-heading-color:#001f52}:host .selector.lockup.membership-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.membership-scheme{--scheme-background-color:#00f55d}:host .selector.lockup.membership-scheme{--scheme-highlight-color:#00a33e}:host .selector.lockup.membership-scheme{--scheme-lowlight-color:#70ffa6}:host .selector.lockup.membership-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .selector.lockup.membership-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.membership-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.slate-scheme{--scheme-heading-color:#fff}:host .selector.lockup.slate-scheme{--scheme-foreground-color:#fff}:host .selector.lockup.slate-scheme{--scheme-background-color:#111518}:host .selector.lockup.slate-scheme{--scheme-highlight-color:#435460}:host .selector.lockup.slate-scheme{--scheme-lowlight-color:#2a353d}:host .selector.lockup.slate-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .selector.lockup.slate-scheme{--scheme-focus-outline-color:#ffc72c}:host .selector.lockup.slate-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.orange-scheme{--scheme-heading-color:#001f52}:host .selector.lockup.orange-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.orange-scheme{--scheme-background-color:#ff5900}:host .selector.lockup.orange-scheme{--scheme-highlight-color:#ffca99}:host .selector.lockup.orange-scheme{--scheme-lowlight-color:#ff9f47}:host .selector.lockup.orange-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .selector.lockup.orange-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.orange-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.orange-light-scheme{--scheme-heading-color:#002f87}:host .selector.lockup.orange-light-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.orange-light-scheme{--scheme-background-color:#fff5eb}:host .selector.lockup.orange-light-scheme{--scheme-highlight-color:#ff5900}:host .selector.lockup.orange-light-scheme{--scheme-lowlight-color:#ffca99}:host .selector.lockup.orange-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .selector.lockup.orange-light-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.orange-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.red-scheme{--scheme-heading-color:#fff}:host .selector.lockup.red-scheme{--scheme-foreground-color:#fff}:host .selector.lockup.red-scheme{--scheme-background-color:#d50032}:host .selector.lockup.red-scheme{--scheme-highlight-color:#ff99b1}:host .selector.lockup.red-scheme{--scheme-lowlight-color:#e60f41}:host .selector.lockup.red-scheme{--scheme-action-foreground-color:#d6efff;--scheme-action-hover-foreground-color:#fff}:host .sel
17ector.lockup.red-scheme{--scheme-focus-outline-color:#ffc72c}:host .selector.lockup.red-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.yellow-scheme{--scheme-heading-color:#002f87}:host .selector.lockup.yellow-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.yellow-scheme{--scheme-background-color:#ffc72c}:host .selector.lockup.yellow-scheme{--scheme-highlight-color:#cc9f23}:host .selector.lockup.yellow-scheme{--scheme-lowlight-color:#ffe395}:host .selector.lockup.yellow-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .selector.lockup.yellow-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.yellow-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.yellow-light-scheme{--scheme-heading-color:#002f87}:host .selector.lockup.yellow-light-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.yellow-light-scheme{--scheme-background-color:#fff9ea}:host .selector.lockup.yellow-light-scheme{--scheme-highlight-color:#ffc72c}:host .selector.lockup.yellow-light-scheme{--scheme-lowlight-color:#ffeec0}:host .selector.lockup.yellow-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .selector.lockup.yellow-light-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.yellow-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.white-scheme{--scheme-heading-color:#002f87}:host .selector.lockup.white-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.white-scheme{--scheme-background-color:#fff}:host .selector.lockup.white-scheme{--scheme-highlight-color:#c3ced5}:host .selector.lockup.white-scheme{--scheme-lowlight-color:#f3f5f7}:host .selector.lockup.white-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .selector.lockup.white-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.white-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup.grey-light-scheme{--scheme-heading-color:#002f87}:host .selector.lockup.grey-light-scheme{--scheme-foreground-color:#111518}:host .selector.lockup.grey-light-scheme{--scheme-background-color:#f3f5f7}:host .selector.lockup.grey-light-scheme{--scheme-highlight-color:#c3ced5}:host .selector.lockup.grey-light-scheme{--scheme-lowlight-color:#fff}:host .selector.lockup.grey-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .selector.lockup.grey-light-scheme{--scheme-focus-outline-color:#002f87}:host .selector.lockup.grey-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup{--layout-panel-spacer-block:2rem;--layout-panel-gap:1.5rem}@media (min-width:720px){:host .selector.lockup{--layout-panel-spacer-block:3rem;--layout-panel-gap:2rem}}@media (min-width:1620px){:host .selector.lockup{--layout-panel-spacer-block:4rem;--layout-panel-gap:2.25rem}}:host .selector.lockup{display:grid;grid-template-columns:5% 1fr 5%;grid-template-columns:var(--layout-gutter,5%) 1fr var(--layout-gutter,5%);padding-block-end:var(--layout-panel-spacer-block);padding-block-start:var(--layout-panel-spacer-block)}:host .selector.lockup.checked{border-color:var(--scheme-background-color);outline-color:var(--scheme-focus-outline-color)}:host .selector.lockup .layout{grid-gap:var(--layout-panel-gap);display:grid;gap:var(--layout-panel-gap);grid-column-end:-2;grid-column-start:2;grid-template-columns:1fr 40%;max-width:1440px}:host .selector.lockup .media{order:2;width:auto}:host .selector.lockup .media selector-image{border-radius:.5rem}:host .selector.lockup .body{padding-block-end:unset;padding-block-start:unset;padding-inline-end:unset;padding-inline-start:unset}:host .selector.lockup .body .pill{margin-block-end:var(--selector-padding)}:host .selector.inform .footer{margin-block-start:var(--selector-padding)}:host .selector.inform .footer ::slotted(label){font-family:British Gas Medium,sans-serif}:host .selector.inform .footer ::slotted(label){font-size:var(--selector-label-font-size)}:host .selector .decoration{float:right;height:var(--selector-decoration-size);width:var(--selector-decoration-size)}@media (max-width:479.98px){:host .selector.has-image .media{margin-block-start:calc(var(--selector-padding) - .125rem);margin-inline-end:calc(var(--selector-padding) - .125rem);margin-inline-start:calc(var(--selector-padding) - .125rem);
17width:66.666%}:host .selector.has-image .media selector-image{border-radius:.25rem}:host .selector.in-scroller.has-image .media{margin-block-start:unset;margin-inline-end:unset;margin-inline-start:unset;width:auto}:host .selector.in-scroller.has-image .media selector-image{border-radius:0;border-radius:initial}:host .selector.lockup.has-image .media{margin-block-end:unset;margin-block-start:unset;margin-inline-end:unset;margin-inline-start:unset;width:auto}}@media (min-width:480px) and (max-width:1079.98px){:host .selector .media{width:40%}:host .selector .media selector-image{border-end-start-radius:.25rem}:host .selector .body{width:100%}:host .selector:not(.in-scroller) .media{float:right;margin-inline-start:var(--selector-padding)}:host .selector.in-scroller{display:grid}:host .selector.in-scroller .media{width:auto}:host .selector.in-scroller .media selector-image{border-end-start-radius:unset}:host .selector.in-scroller .body{width:auto}}@media (min-width:720px){:host .selector{--selector-padding:1.25rem;--selector-decoration-size:4rem;--selector-decoration-margin:0.5rem;--selector-label-font-size:1.067rem}:host .selector.lockup .decoration{order:2}}@media (min-width:720px) and (max-width:1079.98px){:host .selector .media{width:50%}:host .selector.in-scroller .media{width:auto}:host .selector.lockup .layout{display:block}:host .selector.lockup .layout .media{float:right;margin-inline-start:var(--layout-panel-gap);order:0;width:50%}:host .selector.lockup .layout .body{display:block}}@media (min-width:1620px){:host .selector{--selector-padding:1.5rem;--selector-label-font-size:1.067rem}}@media (max-width:1079.98px){:host .selector.lockup .layout{grid-template-columns:1fr}}`);class qi extends(Mt(Mi(Ut))){static get scopedElements(){return{"selector-image":No,"selector-illustration":Io}}static get properties(){return{type:{type:String,reflect:!0},decoration:{type:String},image:{type:String},keyline:{type:String},inform:{type:Boolean},pillOverImage:{type:Boolean,attribute:"pill-over-image"},scheme:{type:String,converter:e=>co.includes(e)?e:"blue"},_checked:{type:Boolean,state:!0}}}static get styles(){return Li}constructor(){super(),this.type="standard",this.keyline="",this.inform=!1,this.pillOverImage=!1,this._checked=!1,this.scheme="blue",this.addController(new Ri(this))}get slottedStyles(){return"light-dom [slot=description] :is(h1,h2,h3,h4,h5,h6){color:var(--scheme-heading-color)}light-dom [slot=description] :last-child{margin-block-end:unset}light-dom[type=lockup] input[type=checkbox]+label,light-dom[type=lockup] input[type=radio]+label{color:var(--selector-foreground-color)}light-dom[type=lockup] input[type=checkbox]+label:before,light-dom[type=lockup] input[type=radio]+label:before{background-color:var(--selector-background-color);border-color:var(--selector-foreground-color);outline-color:var(--selector-focus-outline-color)}light-dom[type=lockup] input[type=checkbox]+label:hover,light-dom[type=lockup] input[type=radio]+label:hover{color:var(--selector-foreground-color)}light-dom[type=lockup] input[type=checkbox]+label:hover:before,light-dom[type=lockup] input[type=radio]+label:hover:before{background-color:var(--selector-lowlight-color);border-color:var(--selector-foreground-color)}light-dom[type=lockup] input[type=checkbox]:focus+label:before,light-dom[type=lockup] input[type=checkbox]:focus-visible+label:before,light-dom[type=lockup] input[type=radio]:focus+label:before,light-dom[type=lockup] input[type=radio]:focus-visible+label:before{border-color:var(--selector-foreground-color);outline-color:var(--selector-focus-outline-color)}light-dom[type=lockup] input[type=checkbox]:checked+label:before,light-dom[type=lockup] input[type=radio]:checked+label:before{background-color:var(--selector-background-color);border-color:var(--selector-foreground-color);outline-color:var(--selector-focus-outline-color)}light-dom[type=lockup] input[type=checkbox]:checked+label:after,light-dom[type=lockup] input[type=radio]:checked+label:after{border-color:var(--selector-foreground-color)}"}willUpdate(){this._checked=this._slottedInput?.checked}get _slottedInput(){return this.querySelector("input")}get _slottedDescription(){return this.querySelector('[slot="description"]')}get __isDescriptionRequired(){return!this.image||this.image&&this._slottedDescription?.textContent?.trim()}get _isScrollerAvailable(){return this._scrollerValue}get _image(){if(this.image)return _e`<div class="media"><selector-image src="${this.image}" ratio="16 / 9"></selector-image>${this.pillOverImage?this._pill:void 0}</div>`}get _pill(){if(this.querySelector('[slot="pill"]'))return _e`<div class="pill"><slot name="pill"></slot></div>`}get _illustration(){if(this.decoration&&!this.image)return _e`<div class="decoration"><selector-illustration name="${this.decoration}"></selector-illustration></div>`}get _description(){if(this.__isDescriptionRequired)return _e`<div class="content"><slot name="description"></slot></div>`}get _classes(){return{selector:!0,[this.type]:!0,checkbox:"checkbox"===this._slottedInput?.type,radio:"radio"===this._slottedInput?.type,checked:this._checked,"has-image":this._image,"pill-over-image":this.pillOverImage&&!!this.image&&!!this.querySelector('[slot="pill"]'),inform:"standard"===this.type&&this.inform,[`keyline-${this.keyline}`]:"standard"===this.type&&!!this.keyline,"in-scroller":"standard"===this.type&&this._isScrollerAvailable,[`${this.scheme}-scheme`]:"lockup"===this.type&&!!this.scheme}}get standardTemplate(){return _e`<div class="${tt(this._classes)}">${this._image}<div class="body">${this._illustration} ${this.inform?_e`${this.pillOverImage?void 0:this._pill} ${this._description}<div class="footer"><slot></slot></div>`:_e`<div class="header"><slot></slot></div>${this.pillOverImage?void 0:this._pill} ${this._description}`}</div></div>`}get lockupTemplate(){return _e`<div class="${tt(this._classes)}"><div class="layout">${this._image}<div class="body">${this.pillOverImage?void 0:this._pill} ${this._description}<div class="footer"><slot></slot></div></div></div></div>`}}class Ri{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){if(this.host.__isDescriptionRequired&&this.host._slottedDescription){const e=this.host._slottedDescription,t=e.getAttribute("id")||`selector-${Math.random().toString(36).substring(2,15)}`;e.setAttribute("id",t),this.host._slottedInput?.setAttribute("aria-describedby",t)}this.host.getAttribute("data-selector")||this.host.setAttribute("data-selector",""),this.host._slottedInput?.addEventListener("input",(()=>this.host.requestUpdate()))}}const Di=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:inline-block}:host :is(button,input,optgroup,select,textarea):not(.ember-view){background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host [type=button],:host [type=reset],:host [type=submit],:host button{-webkit-appearance:button;-webkit-border-radius:0}:host fieldset{border:0;margin:0;padding:0}:host legend{padding:0}:host .button{--button-font-size:1rem;--button-circle-size:2.25rem;--button-circle-icon-size:1.5rem;align-items:center;color:#004ecc;cursor:pointer;display:inline-flex;gap:.5rem;outline:none;vertical-align:top}:host .button:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .button{outline-color:var(--scheme-focus-outline-color)}:host .button{color:var(--scheme-action-foreground-color)}:host .button:hover{color:var(--scheme-action-hover-foreground-color)}:host .button:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .button.cyan-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .button.cyan-scheme{--scheme-focus-outline-color:#002f87}:host .button.cyan-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.cyan-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .button.cyan-light-scheme{--scheme-focus-outline-color:#002f87}:host .button.cyan-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.lime-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .button.lime-scheme{--scheme-focus-outline-color:#002f87}:host .button.lime-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.lime-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .button.lime-light-scheme{--scheme-focus-outline-color:#002f87}:host .button.lime-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.navy-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .button.navy-scheme{--scheme-focus-outline-color:#ffc72c}:host .button.navy-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.navy-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .button.navy-light-scheme{--scheme-focus-outline-color:#002f87}:host .button.navy-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.blue-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .button.blue-scheme{--scheme-focus-outline-color:#ffc72c}:host .button.blue-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.forest-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .button.forest-scheme{--scheme-focus-outline-color:#002f87}:host .button.forest-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.forest-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .button.forest-light-scheme{--scheme-focus-outline-color:#002f87}:host .button.forest-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.membership-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .button.membership-scheme{--scheme-focus-outline-color:#002f87}:host .button.membership-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.slate-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .button.slate-scheme{--scheme-focus-outline-color:#ffc72c}:host .button.slate-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.orange-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .button.orange-scheme{--scheme-focus-outline-color:#002f87}:host .button.orange-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.orange-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .button.orange-light-scheme{--scheme-focus-outline-color:#002f87}:host .button.orange-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.red-scheme{--scheme-action-foreground-color:#d6efff;--scheme-action-hover-foreground-color:#fff}:host .button.red-scheme{--scheme-focus-outline-color:#ffc72c}:host .button.red-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.yellow-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .button.yellow-scheme{--scheme-focus-outline-color:#002f87}:host .button.yellow-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.yellow-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .button.yellow-light-scheme{--scheme-focus-outline-color:#002f87}:host .button.yellow-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.white-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .button.white-scheme{--scheme-focus-outline-color:#002f87}:host .button.white-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.grey-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .button.grey-light-scheme{--scheme-focus-outline-color:#002f87}:host .button.grey-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.navigation-light-scheme{--scheme-action-foreground-color:#002f87;--scheme-action-hover-foreground-color:#001f52}:host .button.navigation-light-scheme{--scheme-focus-outline-color:#002f87}:host .button.navigation-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.navigation-dark-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .button.navigation-dark-scheme{--scheme-focus-outline-color:#ffc72c}:host .button.navigation-dark-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.ai-labs-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .button.ai-labs-light-scheme{--scheme-focus-outline-color:#002f87}:host .button.ai-labs-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.ai-labs-dark-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .button.ai-labs-dark-scheme{--scheme-focus-outline-color:#ffc72c}:host .button.ai-labs-dark-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button:not([class*=-scheme]){--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .button:not([class*=-scheme]){--scheme-focus-outline-color:#002f87}:host .button:not([class*=-scheme]){--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .button.text-start{flex-direction:row-reverse}:host .button .circle{border:.125rem solid;border-radius:50%;display:grid;height:var(--button-circle-size);width:var(--button-circle-size)}:host .button .circle button-icon{align-self:center;height:var(--button-circle-icon-size);justify-self:center;place-self:center;width:var(--button-circle-icon-size)}:host .button:hover{-webkit-text-decoration:none;text-decoration:none}:host .button:hover .circle{background-color:var(--scheme-lowlight-color)}:host .button:focus-visible .circle{background-color:var(--scheme-lowlight-color);outline-color:var(--scheme-focus-outline-color);outline-offset:-.125rem;outline-style:solid;outline-width:.25rem}:host .button .label{font-family:British Gas Medium,sans-serif;font-size:var(--button-font-size)}@media (min-width:720px){:host .button{--button-font-size:1.067rem;--button-circle-size:3rem;--button-circle-icon-size:2rem}}@media (min-width:1620px){:host .cta{--button-font-size:1.067rem}}`;class Ii extends(Mt(Wo(Ut))){static get scopedElements(){return{"button-icon":wo}}static get properties(){return{icon:{type:String},textPosition:{type:String,attribute:"text-position"},hideText:{type:Boolean,attribute:"hide-text"},ariaHidden:{type:String,attribute:"aria-hidden"},tabIndex:{type:Number,attribute:"tabindex"}}}static get styles(){return Di}constructor(){super(),this.icon=so,this.textPosition="end",this.hideText=!1}willUpdate(e){super.willUpdate?.(e),e.has("textPosition")&&"start"!==this.textPosition&&"end"!==this.textPosition&&(this.textPosition="end"),e.has("ariaHidden")&&(this.tabIndex=-1)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._controlEvent.bind(this))}firstUpdated(){const e=this.shadowRoot.querySelector("slot");e&&0!==e.assignedNodes({flatten:!0}).length||console.warn(`<${this.nodeName.toLowerCase()}> requires slotted content for users of assistive tech. Please ensure to include text content even if \`hide-text\` is set to true.`)}_controlEvent(e){"Enter"!==e.code&&"Space"!==e.code||(e.preventDefault(),this.dispatchEvent(new CustomEvent("click")))}get _icon(){return io.includes(this.icon)?this.icon:so}get _scheme(){return this._schemeValue}get classes(){return{...super.classes,button:!0,"text-start":"start"===this.textPosition,"text-end":"end"===this.textPosition,[`${this._scheme}-scheme`]:!!this._scheme}}get standardTemplate(){return _e`<button class="${tt(this.classes)}" part="button" @click="${this._controlEvent.bind(this)}" tabindex="${ft(this.tabIndex)}"><div class="circle" part="circle"><button-icon name="${this._icon}" part="icon"></button-icon></div><div class="label ${this.hideText?"visually-hidden":""}" part="label"><slot></slot></div></button>`}}
17const Oi=Et((e=>class extends(Mt(e)){static get properties(){return{_hideStartIndicator:{type:Boolean,state:!0},_hideEndIndicator:{type:Boolean,state:!0},_scrollController:{type:Object,state:!0},hideScrollbar:{type:Boolean,attribute:"hide-scrollbar"},showControl:{type:String,attribute:"show-control"},_role:{type:String,state:!0},_startIcon:{type:String,state:!0},_endIcon:{type:String,state:!0}}}static get scopedElements(){return{"scroller-control":Ii}}constructor(){super(),this.hideScrollbar=!1,this.showControl="always",this._startIcon="chevron-left",this._endIcon="chevron-right",this._role="list",this._scrollController=new Pi(this)}connectedCallback(){super.connectedCallback(),this._assignChildRoles()}_assignChildRoles(){Array.from(this.children).filter((e=>"heading"!==e.getAttribute("slot"))).filter((e=>!e.hasAttribute("role"))).forEach((e=>e.setAttribute("role","listitem")))}get scrollContainer(){return this.shadowRoot.querySelector(".scroller .container")}get scrollContentSize(){const e=this.shadowRoot.querySelector(".scroller .container slot");if(e){const t=e?.assignedElements()?.[0];return{width:t.clientWidth,height:t.clientHeight}}return{}}__scrollHandler(){this.dispatchEvent(new CustomEvent("scroll"))}__moveContent(e){this.dispatchEvent(new CustomEvent("move-scroller",{detail:{direction:e},bubbles:!0,composed:!0}))}get __isMobileView(){return window.innerWidth<oo.replace("px","")}get _indicators(){if("none"===this.showControl)return;if(this.__isMobileView&&"desktop"===this.showControl||!this.__isMobileView&&"mobile"===this.showControl)return;const e={indicator:!0,"hide-start":this._hideStartIndicator,"hide-end":this._hideEndIndicator};return _e`<div class="${tt(e)}">${this.__scrollIndicator("start")} ${this.__scrollIndicator("end")}</div>`}__scrollIndicator(e){const t="start"===e?this._startIcon:this._endIcon;return _e`<scroller-control hide-text tabindex="-1" @click="${()=>this.__moveContent(e)}" aria-hidden="true" icon="${t}" class="${e}">${t}</scroller-control>`}get standardTemplate(){const e={scroller:!0,"hide-control":"none"===this.showControl,"hide-control-desktop":"mobile"===this.showControl,"hide-control-mobile":"desktop"===this.showControl};return _e`<div class="${tt(e)}"><div class="heading"><slot name="heading"></slot></div><div role="${this._role}" class="container ${this.hideScrollbar?"hide-scroll-bar":""}" @scroll="${()=>this.__scrollHandler()}"><slot></slot></div>${this._indicators}</div>`}}));class Pi{constructor(e){this.host=e,this.host.addController(this)}get scroller(){return this.host.scrollContainer}get _isScrollable(){return this.scroller.scrollHeight>this.scroller.clientHeight||this.scroller.scrollWidth>this.scroller.clientWidth}get _isVerticalScroll(){return this.scroller.scrollTop>0||this.scroller.scrollTop+this.scroller.clientHeight<this.scroller.scrollHeight}__scrollContent(e){const t=e.detail.direction,o=this.scroller,i=this.host.scrollContentSize,s=(this._isVerticalScroll?i.height:i.width)??200,n=this._isVerticalScroll?o.scrollTop:o.scrollLeft;let r,a;
17if("start"===t){n-s<=0&&setTimeout((()=>{this.host._hideStartIndicator=!0}),50),r=o.scrollTop-s,a=o.scrollLeft-s}else{(this._isVerticalScroll?n+o.clientHeight+s:n+o.clientWidth+s)>=(this._isVerticalScroll?o.scrollHeight:o.scrollWidth)&&setTimeout((()=>{this.host._hideEndIndicator=!0}),50),r=o.scrollTop+s,a=o.scrollLeft+s}o.scrollTo({top:r,left:a,behavior:"smooth"})}__updateScrollHandler(){const e=this.scroller;if(!this._isScrollable)return this.host._hideStartIndicator=!0,void(this.host._hideEndIndicator=!0);const t=e.scrollTop>0||e.scrollTop+e.clientHeight<e.scrollHeight;this.host._hideStartIndicator=t?e.scrollTop<2:e.scrollLeft<2,this.host._hideEndIndicator=t?e.scrollTop+e.clientHeight+2>=e.scrollHeight:e.scrollLeft+e.clientWidth+2>=e.scrollWidth,this.host.requestUpdate()}hostConnected(){this.host.updateComplete.then((()=>this.__updateScrollHandler())),this.host.addEventListener("scroll",this.__updateScrollHandler.bind(this)),this.host.addEventListener("move-scroller",this.__scrollContent.bind(this)),window.addEventListener("resize",this.__updateScrollHandler.bind(this))}}const Hi=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{container-type:inline-size;overflow:hidden}:host :is(button,input,optgroup,select,textarea):not(.ember-view){background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host [type=button],:host [type=reset],:host [type=submit],:host button{-webkit-appearance:button;-webkit-border-radius:0}:host fieldset{border:0;margin:0;padding:0}:host legend{padding:0}:host .scroller{--scroller-container-padding-block-end:1rem;--scroller-container-margin-block-end:1rem;--scroller-indicator-size:2.25rem;--scroller-indicator-icon-size:1.5rem;--scroller-column-width:100%}:host .scroller .container{grid-column-gap:var(--scroller-layout-gap);display:grid;grid-auto-columns:calc(var(--scroller-column-width) - var(--scroller-layout-gap));grid-auto-flow:column;margin-block-end:var(--scroller-container-margin-block-end);overflow-x:scroll;overscroll-behavior-x:contain;padding-block-end:var(--scroller-container-padding-block-end);padding-inline-end:var(--scroller-layout-gap);scroll-snap-type:x mandatory}:host .scroller .container>::slotted(*){scroll-snap-align:start}:host .scroller .indicator{grid-column-gap:var(--scroller-layout-gap);display:grid;grid-template-columns:1fr 1fr;margin-inline:auto;padding-block-end:.25rem;width:calc(var(--scroller-indicator-size)*2 + var(--scroller-layout-gap))}:host .scroller .indicator.hide-end .end,:host .scroller .indicator.hide-start .start{opacity:0;pointer-events:none}:host .scroller .hide-scroll-bar{--scroller-container-padding-block-end:0}:host .scroller .hide-scroll-bar.container{scrollbar-width:none}:host .scroller.hide-control{--scroller-container-margin-block-end:0}:host .scroller.hide-control .hide-scroll-bar{--scroller-container-padding-block-end:0}:host .scroller:has(.hide-start.hide-end){--scroller-container-padding-block-end:0;--scroller-container-margin-block-end:0}:host .scroller:has(.hide-start.hide-end) .container{scrollbar-width:none}:host .scroller:has(.hide-start.hide-end) .indicator{display:none}@container (width >= calc(720px - (2 * 5vw))){:host .scroller{--scroller-column-width:50%}}@container (width >= calc(1080px - (2 * 5vw))){:host .scroller{--scroller-column-width:33.333%}}@media (max-width:719.98px){:host .scroller{--scroller-layout-gap:1.5rem}}@media (min-width:720px){:host .scroller{--scroller-layout-gap:2rem;--scroller-indicator-size:3rem;--scroller-indicator-icon-size:2rem}}@media (max-width:1079.98px){:host .scroller.hide-control-mobile{--scroller-container-margin-block-end:0}:host .scroller.hide-control-mobile .hide-scroll-bar{--scroller-container-padding-block-end:0}}@media (min-width:1080px){:host .scroller.hide-control-desktop{--scroller-container-margin-block-end:0}:host .scroller.hide-control-desktop .hide-scroll-bar{--scroller-container-padding-block-end:0}}@media (min-width:1620px){:host .scroller{--scroller-layout-gap:2.25rem}}`;class Gi extends(Mt(Ti(Oi(Ut)))){static get styles(){return Hi}get slottedStyles(){return'light-dom{color:var(--scheme-foreground-color)}light-dom :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}light-dom a{color:var(--scheme-action-foreground-color)}light-dom a:hover{color:var(--scheme-action-hover-foreground-color)}light-dom a:focus-visible{outline-color:var(--scheme-focus-outline-color)}light-dom [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}light-dom ns-image,light-dom ns-video{border-radius:.5rem}'}connectedCallback(){super.connectedCallback(),this._setScrollerValue(!0)}}const Ni=Xe(class extends Je{constructor(){super(...arguments),this.key=Ce}render(e,t){return this.key=e,t}update(e,[t,o]){return t!==this.key&&(mt(e),this.key=t),o}}),Vi=new WeakMap;let Fi=0;const ji=new Map,Ui=new WeakSet,Wi=()=>new Promise((e=>requestAnimationFrame(e))),Ki=(e,t)=>{const o=e-t;return 0===o?void 0:o},Yi=(e,t)=>{const o=e/t;return 1===o?void 0:o},Qi={left:(e,t)=>{const o=Ki(e,t);return{value:o,transform:null==o||isNaN(o)?void 0:`translateX(${o}px)`}},top:(e,t)=>{const o=Ki(e,t);return{value:o,transform:null==o||isNaN(o)?void 0:`translateY(${o}px)`}},width:(e,t)=>{let o;0===t&&(t=1,o={width:"1px"});const i=Yi(e,t);return{value:i,overrideFrom:o,transform:null==i||isNaN(i)?void 0:`scaleX(${i})`}},height:(e,t)=>
17{let o;0===t&&(t=1,o={height:"1px"});const i=Yi(e,t);return{value:i,overrideFrom:o,transform:null==i||isNaN(i)?void 0:`scaleY(${i})`}}},Zi={duration:333,easing:"ease-in-out"},Xi=["left","top","width","height","opacity","color","background"],Ji=new WeakMap;const es=Xe(class extends St{constructor(e){if(super(e),this.t=!1,this.i=null,this.o=null,this.h=!0,this.shouldLog=!1,e.type===Ke)throw Error("The `animate` directive must be used in attribute position.");this.createFinished()}createFinished(){this.resolveFinished?.(),this.finished=new Promise((e=>{this.l=e}))}async resolveFinished(){this.l?.(),this.l=void 0}render(e){return Ce}getController(){return Vi.get(this.u)}isDisabled(){return this.options.disabled||this.getController()?.disabled}update(e,[t]){const o=void 0===this.u;return o&&(this.u=e.options?.host,this.u.addController(this),this.u.updateComplete.then((e=>this.t=!0)),this.element=e.element,Ji.set(this.element,this)),this.optionsOrCallback=t,(o||"function"!=typeof t)&&this.p(t),this.render(t)}p(e){e=e??{};const t=this.getController();void 0!==t&&((e={...t.defaultOptions,...e}).keyframeOptions={...t.defaultOptions.keyframeOptions,...e.keyframeOptions}),e.properties??=Xi,this.options=e}m(){const e={},t=this.element.getBoundingClientRect(),o=getComputedStyle(this.element);return this.options.properties.forEach((i=>{const s=t[i]??(Qi[i]?void 0:o[i]),n=Number(s);e[i]=isNaN(n)?s+"":n})),e}v(){let e,t=!0;return this.options.guard&&(e=this.options.guard(),t=((e,t)=>{if(Array.isArray(e)){if(Array.isArray(t)&&t.length===e.length&&e.every(((e,o)=>e===t[o])))return!1}else if(t===e)return!1;return!0})(e,this._)),this.h=this.t&&!this.isDisabled()&&!this.isAnimating()&&t&&this.element.isConnected,this.h&&(this._=Array.isArray(e)?Array.from(e):e),this.h}hostUpdate(){"function"==typeof this.optionsOrCallback&&this.p(this.optionsOrCallback()),this.v()&&(this.A=this.m(),this.i=this.i??this.element.parentNode,this.o=this.element.nextSibling)}async hostUpdated(){if(!this.h||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let e;this.prepare(),await Wi;const t=this.O(),o=this.j(this.options.keyframeOptions,t),i=this.m();if(void 0!==this.A){const{from:o,to:s}=this.N(this.A,i,t);this.log("measured",[this.A,i,o,s]),e=this.calculateKeyframes(o,s)}else{const o=ji.get(this.options.inId);if(o){ji.delete(this.options.inId);const{from:s,to:n}=this.N(o,i,t);e=this.calculateKeyframes(s,n),e=this.options.in?[{...this.options.in[0],...e[0]},...this.options.in.slice(1),e[1]]:e,Fi++,e.forEach((e=>e.zIndex=Fi))}else this.options.in&&(e=[...this.options.in,{}])}this.animate(e,o)}resetStyles(){void 0!==this.P&&(this.element.setAttribute("style",this.P??""),this.P=void 0)}commitStyles(){this.P=this.element.getAttribute("style"),this.webAnimation?.commitStyles(),this.webAnimation?.cancel()}reconnected(){}async disconnected(){if(!this.h)return;if(void 0!==this.options.id&&ji.set(this.options.id,this.A),void 0===this.options.out)return;if(this.prepare(),await Wi(),this.i?.isConnected){const e=this.o&&this.o.parentNode===this.i?this.o:null;if(this.i.insertBefore(this.element,e),this.options.stabilizeOut){const e=this.m();this.log("stabilizing out");const t=this.A.left-e.left,o=this.A.top-e.top;!("static"===getComputedStyle(this.element).position)||0===t&&0===o||(this.element.style.position="relative"),0!==t&&(this.element.style.left=t+"px"),0!==o&&(this.element.style.top=o+"px")}}const e=this.j(this.options.keyframeOptions);await this.animate(this.options.out,e),this.element.remove()}prepare(){this.createFinished()}start(){this.options.onStart?.(this)}didFinish(e){e&&this.options.onComplete?.(this),this.A=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished()}O(){const e=[];for(let t=this.element.parentNode;t;t=t?.parentNode){const o=Ji.get(t);o&&!o.isDisabled()&&o&&e.push(o)}return e}get isHostRendered(){const e=Ui.has(this.u);return e||this.u.updateComplete.then((()=>{Ui.add(this.u)})),e}j(e,t=this.O()){const o={...Zi};return t.forEach((e=>Object.assign(o,e.options.keyframeOptions))),Object.assign(o,e),o}N(e,t,o){e={...e},t={...t};const i=o.map((e=>e.animatingProperties)).filter((e=>void 0!==e));let s=1,n=1;return i.length>0&&(i.forEach((e=>
17{e.width&&(s/=e.width),e.height&&(n/=e.height)})),void 0!==e.left&&void 0!==t.left&&(e.left=s*e.left,t.left=s*t.left),void 0!==e.top&&void 0!==t.top&&(e.top=n*e.top,t.top=n*t.top)),{from:e,to:t}}calculateKeyframes(e,t,o=!1){const i={},s={};let n=!1;const r={};for(const o in t){const a=e[o],l=t[o];if(o in Qi){const e=Qi[o];if(void 0===a||void 0===l)continue;const t=e(a,l);void 0!==t.transform&&(r[o]=t.value,n=!0,i.transform=`${i.transform??""} ${t.transform}`,void 0!==t.overrideFrom&&Object.assign(i,t.overrideFrom))}else a!==l&&void 0!==a&&void 0!==l&&(n=!0,i[o]=a,s[o]=l)}return i.transformOrigin=s.transformOrigin=o?"center center":"top left",this.animatingProperties=r,n?[i,s]:void 0}async animate(e,t=this.options.keyframeOptions){this.start(),this.frames=e;let o=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=e=this.options.onFrames(this),this.log("modified frames",e)),void 0!==e)){this.log("animate",[e,t]),o=!0,this.webAnimation=this.element.animate(e,t);const i=this.getController();i?.add(this);try{await this.webAnimation.finished}catch(e){}i?.remove(this)}return this.didFinish(o),o}isAnimating(){return"running"===this.webAnimation?.playState||this.webAnimation?.pending}log(e,t){this.shouldLog&&!this.isDisabled()&&console.log(e,this.options.id,t)}}),ts=["top","right","bottom","left"];Xe(class extends St{constructor(e){if(super(e),e.type!==Ze)throw Error("The `position` directive must be used in attribute position.")}render(e,t){return Ce}update(e,[t,o]){return void 0===this.u&&(this.u=e.options?.host,this.u.addController(this)),this.S=e.element,this.C=t,this.F=o??["left","top","width","height"],this.render(t,o)}hostUpdated(){this.$()}$(){const e="function"==typeof this.C?this.C():this.C?.value,t=e.offsetParent;if(void 0===e||!t)return;const o=e.getBoundingClientRect(),i=t.getBoundingClientRect();this.F?.forEach((e=>{const t=ts.includes(e)?o[e]-i[e]:o[e];this.S.style[e]=t+"px"}))}});const os=O`:host{display:block}:host .progress{--progress-indicator-size:0.5rem;--progress-indicator-size-half:calc(var(--progress-indicator-size)/2);grid-gap:.5rem;display:grid;gap:.5rem}:host .progress .information{position:relative}:host .progress .information{margin-block-end:0;margin-block-start:0}:host .progress .information{font-family:British Gas Body,sans-serif;font-size:1.067rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .progress .information{font-size:1.125rem}}@media (min-width:1620px){:host .progress .information{font-size:1.125rem}}:host .progress .information .step-count,:host .progress .information .success{font-family:British Gas Medium,sans-serif;margin-inline-end:.25rem}:host .progress .information .success{padding-inline-start:calc(1em + .25rem)}:host .progress .information .success progress-icon{color:#1ba158;height:1em;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1em}:host .progress .indicator{background-color:#c3ced5;border-radius:var(--progress-indicator-size-half);display:flex;height:var(--progress-indicator-size);justify-content:space-evenly;overflow:hidden}:host .progress .indicator .step{flex-grow:1;position:relative}:host .progress .indicator .step:after{border-block-end-color:#fff;border-block-end-style:solid;border-block-end-width:var(--progress-indicator-size);content:"";left:calc(var(--progress-indicator-size)/2*-1);position:absolute;width:var(--progress-indicator-size)}:host .progress .indicator .step:first-child:after{display:none}:host .progress .indicator .step:last-child:before{border-block-end-color:transparent;border-block-end-style:solid;border-block-end-width:var(--progress-indicator-size);content:"";position:absolute;right:calc(var(--progress-indicator-size)/2*-1);width:var(--progress-indicator-size)}:host .progress .indicator .step .marker{border-block-end-color:#1192e8;border-block-end-style:solid;border-block-end-width:var(--progress-indicator-size);left:0;position:absolute;width:1px}:host .progress .indicator .step .marker.in-progress{width:100%}:host .progress .next{margin-block-end:0;margin-block-start:0}:host .progress .next{font-family:British Gas Body,sans-serif;font-size:.889rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .progress .next{font-size:.889rem}}@media (min-width:1620px){:host .progress .next{font-size:.889rem}}:host .progress .next span{font-family:British Gas Medium,sans-serif}:host .progress.complete .indicator .in-progress{border-color:#1ba158}:host .progress.animate{overflow:hidden}:host .progress.animate .information .step-info{animation-direction:alternate;animation-duration:.8s;animation-iteration-count:1;animation-name:opacity-0-1}:host .progress.animate .next{animation-direction:alternate;animation-duration:.8s,.5s;animation-iteration-count:1;
17animation-name:opacity-0-1,top-50-0;position:relative}@keyframes opacity-0-1{0%{opacity:0}to{opacity:1}}@keyframes top-50-0{0%{top:50%}to{top:0}}`;class is extends(Mt(Ut)){static get scopedElements(){return{"progress-icon":wo}}static get styles(){return os}static get properties(){return{steps:{type:Number},complete:{type:Boolean},current:{type:Number},next:{type:String},info:{type:String},_reverseAnimate:{type:Boolean,state:!0},_durationAnimate:{type:Number,state:!0},_stepDifference:{type:Number,state:!0}}}constructor(){super(),this._durationAnimate=800,this._reverseAnimate=!1}willUpdate(e){e.has("complete")&&this.complete&&(this.current=this.steps),e.has("current")&&e.get("current")&&(this._reverseAnimate=e.get("current")>this.current,this._stepDifference=Math.abs(e.get("current")-this.current),this._durationAnimate=this._defaultAnimateOption.keyframeOptions.duration/this._stepDifference)}get _defaultAnimateOption(){return{keyframeOptions:{duration:800,fill:"both"}}}get _current(){return(!this.current||this.current<1)&&(this.current=1),this.current>this.steps?this.steps:this.current}get _info(){if(this.steps>0)return _e`${this.complete?_e`<span class="success"><progress-icon name="success"></progress-icon>Completed</span>`:_e`<span class="step-count">Step ${this._current} of ${this.steps}</span>`} <span class="step-info">${this.info??void 0}</span>`}get _next(){if(!this.complete&&this.next)return _e`<div class="next"><span>Next:</span> ${this.next}</div>`}*stepHtml(){for(let e=1;e<=this.steps;e++){const t={marker:!0,"in-progress":e<=this._current};let o=0;this._stepDifference>1&&(o=this._reverseAnimate?(this._stepDifference-(e-1))*this._durationAnimate:(e-1)*this._durationAnimate);const i={...this._defaultAnimateOption,keyframeOptions:{...this._defaultAnimateOption.keyframeOptions,duration:this._durationAnimate,delay:o}};yield _e`<div class="step"><div class="${tt(t)}" ${es(i)}></div></div>`}}get standardTemplate(){const e={progress:!0,animate:!0,complete:this.complete};return _e`<div class="${tt(e)}" aria-live="assertive"><div class="information">${Ni(this.current,this._info)}</div><div class="indicator" aria-hidden="true">${this.stepHtml()}</div>${Ni(this.current,this._next)}</div>`}}const ss=()=>new ns;class ns{}const rs=new WeakMap,as=Xe(class extends St{render(e){return Ce}update(e,[t]){const o=t!==this.G;return o&&void 0!==this.G&&this.rt(void 0),(o||this.lt!==this.ct)&&(this.G=t,this.ht=e.options?.host,this.rt(this.ct=e.element)),Ce}rt(e){if(this.isConnected||(e=void 0),"function"==typeof this.G){const t=this.ht??globalThis;let o=rs.get(t);void 0===o&&(o=new WeakMap,rs.set(t,o)),void 0!==o.get(this.G)&&this.G.call(this.ht,void 0),o.set(this.G,e),void 0!==e&&this.G.call(this.ht,e)}else this.G.value=e}get lt(){return"function"==typeof this.G?rs.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),ls=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{container-type:inline-size;display:grid}:host .product-card{--product-card-padding:0.875rem;--product-card-decoration-size:3.5rem;--product-card-decoration-margin:0.25rem;border:.125rem solid #c3ced5;border-radius:.5rem;position:relative}:host .product-card{--scheme-heading-color:#002f87}:host .product-card{--scheme-foreground-color:#111518}:host .product-card{--scheme-background-color:#fff}:host .product-card{--scheme-highlight-color:#c3ced5}:host .product-card{--scheme-lowlight-color:#f3f5f7}:host .product-card{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .product-card{--scheme-focus-outline-color:#002f87}:host .product-card{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .product-card{background-color:var(--scheme-background-color)}:host .product-card{color:var(--scheme-foreground-color)}:host .product-card :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .product-card a{color:var(--scheme-action-foreground-color)}:host .product-card a:hover{color:var(--scheme-action-hover-foreground-color)}:host .product-card a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .product-card [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .product-card ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .product-card ::slotted(a){color:var(--scheme-action-foreground-color)}:host .product-card ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .product-card ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .product-card.has-image:not([class*=keyline]){overflow:hidden}:host .product-card[class*=keyline]:before{content:"";position:absolute}:host .product-card.keyline-cyan{--scheme-keyline-color:#0093f5}:host .product-card.keyline-green-light,:host .product-card.keyline-lime{--scheme-keyline-color:#7fcc00}:host .product-card.keyline-blue-dark,:host .product-card.keyline-navy{--scheme-keyline-color:#002f87}:host .product-card.keyline-blue{--scheme-keyline-color:#004ecc}:host .product-card.keyline-forest,:host .product-card.keyline-green-dark{--scheme-keyline-color:#00a33e}:host .product-card.keyline-slate{--scheme-keyline-color:#111518}:host .product-card.keyline-orange{--scheme-keyline-color:#ff5900}:host .product-card.keyline-red,:host .product-card.keyline-red-dark{--scheme-keyline-color:#d50032}:host .product-card.keyline-yellow{--scheme-keyline-color:#ffc72c}:host .product-card[class*=keyline]:before{background-color:var(--scheme-keyline-color)}:host .product-card.standard{height:-moz-fit-content;height:fit-content;max-width:calc(720px - 1rem)}:host .product-card.standard :is(.header-container,.price-container,.description-container,.footer){padding-inline-end:var(--product-card-padding);padding-inline-start:var(--product-card-padding)}:host .product-card.standard .header-container{padding-block-start:var(--product-card-padding)}:host .product-card.standard .price-container{padding-block-end:var(--product-card-padding)}:host .product-card.standard .description-container{border-block-start-style:solid;border-color:#c3ced5;border-width:.125rem;padding-block-end:var(--product-card-padding);padding-block-start:var(--product-card-padding)}:host .product-card.standard .footer{align-self:end;border-block-start-style:solid;border-color:#c3ced5;border-width:.125rem;padding-block-end:var(--product-card-padding);padding-block-start:var(--product-card-padding)}:host .product-card.standard[class*=keyline]{border-start-end-radius:0;border-start-start-radius:0}:host .product-card.standard[class*=keyline]:before{height:.5rem;left:-.125rem;right:-.125rem;top:-.5rem}:host .product-card.horizontal{display:grid;height:100%}:host .product-card.horizontal .media{background-color:#f3f5f7;grid-area:media;padding-block-end:var(--product-card-padding);padding-block-start:var(--product-card-padding);padding-inline-end:var(--product-card-padding);padding-inline-start:var(--product-card-padding)}:host .product-card.horizontal .media .media-container{border-radius:.5rem;margin-inline-end:auto;margin-inline-start:auto;max-width:258px;overflow:hidden}:host .product-card.horizontal .description{grid-area:description}:host .product-card.horizontal .description .decoration{height:var(--product-card-decoration-size);margin-block-start:calc(var(--product-card-decoration-margin)*-1);margin-inline-end:calc(var(--product-card-decoration-margin)*-1);position:absolute;right:var(--product-card-padding);width:var(--product-card-decoration-size)}:host .product-card.horizontal .description ::slotted(ns-pill){margin-block-end:var(--product-card-padding)}:host .product-card.horizontal .price{grid-area:price}:host .product-card.horizontal .more{display:none;grid-area:more}:host .product-card.horizontal .more.open{display:block}:host .product-card.horizontal .action{grid-area:action}:host .product-card.horizontal .action.show-less{padding-block-end:calc(var(--product-card-padding) + .625rem);padding-block-start:calc(var(--product-card-padding) + .75rem)}:host .product-card.horizontal .action,:host .product-card.horizontal .description,:host .product-card.horizontal .price{padding-block-end:var(--product-card-padding);padding-block-start:var(--product-card-padding);padding-inline-end:var(--product-card-padding);padding-inline-start:var(--product-card-padding)}:host .product-card.horizontal .details{padding-inline-end:var(--product-card-padding);padding-inline-start:var(--product-card-padding)}@container (width <= 576px){:host .product-card.horizontal{grid-template-areas:"description" "price" "action";grid-template-rows:auto max-content max-content}:host .product-card.horizontal[class*=keyline]{border-start-end-radius:0;border-start-start-radius:0}:host .product-card.horizontal[class*=keyline]:before{height:.5rem;left:-.125rem;right:-.125rem;top:-.5rem}:host .product-card.horizontal.has-image{grid-template-areas:"media" "description" "price" "action"}:host .product-card.horizontal.has-more{grid-template-areas:"description" "price" "action" "more"}:host .product-card.horizontal.has-image.has-more{grid-template-areas:"media" "description" "price" "action" "more"}:host .product-card.horizontal .description{border-block-end-style:solid;border-color:#c3ced5;border-width:.125rem}:host .product-card.horizontal.has-decoration .description:before{content:"";float:right;height:var(--product-card-decoration-size);margin-block-start:calc(var(--product-card-decoration-margin)*-1);margin-inline-end:calc(var(--product-card-decoration-margin)*-1);width:var(--product-card-decoration-size)}}@container (width > 576px){:host .product-card.horizontal{grid-template-areas:"description price" "description action";grid-template-columns:2fr minmax(258px,1fr)}:host .product-card.horizontal[class*=keyline]{border-end-start-radius:0;border-start-start-radius:0}:host .product-card.horizontal[class*=keyline]:before{bottom:-.125rem;left:-.5rem;top:-.125rem;width:.5rem}:host .product-card.horizontal.has-image{grid-template-areas:"media description price" "media description action";grid-template-columns:1fr 1fr 1fr}:host .product-card.horizontal.has-more{grid-template-areas:"description price" "description action" "more more"}:host .product-card.horizontal.has-image.has-more{grid-template-areas:"media description price" "media description action" "media more more";grid-template-rows:auto auto 0}:host .product-card.horizontal.has-image.has-more.is-open{grid-template-rows:auto auto auto}:host .product-card.horizontal .description{border-color:#c3ced5;border-inline-end-style:solid;border-width:.125rem}:host .product-card.horizontal .details{border-block-start-style:solid;border-color:#c3ced5;border-width:.125rem;padding-block-start:var(--product-card-padding)}:host .product-card.horizontal .action{align-self:end}:host .product-card.horizontal.has-decoration .price:before{content:"";float:right;height:var(--product-card-decoration-size);margin-block-start:calc(var(--product-card-decoration-margin)*-1);margin-inline-end:calc(var(--product-card-decoration-margin)*-1);width:var(--product-card-decoration-size)}}@media (min-width:720px){:host .product-card{--product-card-padding:1.125rem;--product-card-decoration-size:4rem;--product-card-decoration-margin:0.5rem}:host .product-card.standard .header-container .header{min-height:var(--header-min-height)}:host .product-card.standard .price-container .price{min-height:var(--price-min-height)}:host .product-card.standard .description-container .description{min-height:var(--description-min-height)}}@media (min-width:1620px){:host .product-card{--product-card-padding:1.375rem}}`;class cs extends(Mt(Uo(go(Ut)))){static get scopedElements(){return{"product-illustration":Io,"product-cta":ei}}static get properties(){return{keyline:{type:String},decoration:{type:String},showMore:{type:Object,attribute:"show-more"},_openShowMore:{type:Boolean,state:!0},_showMoreToggle:{type:Object,state:!0},_showLessToggle:{type:Object,state:!0},__headerHeight:{type:Number,state:!0},__priceHeight:{type:Number,state:!0},__descriptionHeight:{type:Number,state:!0}}}static get styles(){return ls}get slottedStyles(){return'light-dom>[slot=name]:not(:empty){font-family:British Gas Medium,sans-serif;font-size:1.383rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){light-dom>[slot=name]:not(:empty){font-size:1.602rem}}@media (min-width:1620px){light-dom>[slot=name]:not(:empty){font-size:1.728rem}}@media (min-width:720px){light-dom>[slot=name]:not(:empty){margin-block-end:1.25rem}}@media (min-width:1620px){light-dom>[slot=name]:not(:empty){margin-block-end:1.5rem}}light-dom>[slot=name]:not(:empty){word-break:break-word}light-dom [slot=price-heading]:not(:empty){font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){light-dom [slot=price-heading]:not(:empty){font-size:1.067rem}}@media (min-width:1620px){light-dom [slot=price-heading]:not(:empty){font-size:1.067rem}}@media (min-width:720px){light-dom [slot=price-heading]:not(:empty){margin-block-end:.75rem}}@media (min-width:1620px){light-dom [slot=price-heading]:not(:empty){margin-block-end:1rem}}light-dom [slot=description] :last-child,light-dom [slot=price] :last-child{margin-block-end:0!important}light-dom [slot=price] ns-price{font-family:British Gas Medium,sans-serif;font-size:1.683rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){light-dom [slot=price] ns-price{font-size:2.281rem}}@media (min-width:1620px){light-dom [slot=price] ns-price{font-size:2.488rem}}@media (min-width:720px){light-dom [slot=price] ns-price{margin-block-end:1.5rem}}@media (min-width:1620px){light-dom [slot=price] ns-price{margin-block-end:2rem}}light-dom [slot=price] s{position:relative;-webkit-text-decoration:none;text-decoration:none}light-dom [slot=price] s:before{border-bottom:.125rem solid;content:"";left:0;position:absolute;right:0;top:35%}'}constructor(){super();const e=()=>{this.__updateSizes(this)};let t;this.keyline="",this._openShowMore=!1,this._showMoreToggle=ss(),this._showLessToggle=ss(),this._resizeController=new gi(this,{callback:()=>{this.updateComplete.then((()=>{clearTimeout(t),t=setTimeout(e,100)}))}});new MutationObserver((()=>{this.parentElement.__pcSizes={},this.__updateSizes(this)})).observe(this,{childList:!0,subtree:!0})}get __nextSameSibling(){const e=this.localName,t=this.nextElementSibling;if(t&&t.localName===e)return t}get __previousSameSibling(){const e=this.localName,t=this.previousElementSibling;if(t&&t.localName===e)return t.__headerHeight===this.__headerHeight&&t.__priceHeight===this.__priceHeight&&t.__descriptionHeight===this.__descriptionHeight?t.__previousSameSibling:t}__updateSizes(e){e.__headerHeight=e._sizeChecker?.("header"),e.__descriptionHeight=e._sizeChecker?.("description"),e.__priceHeight=e._sizeChecker?.("price")}__assignedElementsHeight(e){const t=this.shadowRoot.querySelectorAll(`[class*="${e}"] slot`);if(t?.length>0){let e=0;return t.forEach((t=>{const o=t.assignedElements();o.length>0&&o.forEach((t=>{const o=parseInt(getComputedStyle(t).marginTop,10)||0,i=parseInt(getComputedStyle(t).marginBottom,10)||0;e+=t.offsetHeight+o+i}))})),e}return 0}_sizeChecker(e){const t=this.shadowRoot?.querySelector(`[class*="${e}"]`),o=this.parentElement;if(!t||!o)return;const i=o?.__pcSizes?o.__pcSizes:{};if(o.__pcSizes||(o.__pcSizes=i),t){const t=this.__assignedElementsHeight(e),o=this.__previousSameSibling;return(!i[e]||i[e]<t)&&(i[e]=t),o&&this.__updateSizes(o),i[e]}}willUpdate(e){super.willUpdate(e),e.has("showMore")&&(this._openShowMore=this.showMore?.open)}connectedCallback(){super.connectedCallback(),this._setSchemeValue("white");const e=()=>{this.__updateSizes(this)};let t;window.addEventListener("resize",(()=>{if(!this.__nextSameSibling){const o=this.parentElement;o&&(o.__pcSizes={},clearTimeout(t),t=setTimeo
17ut(e,100))}}))}firstUpdated(){if(super.firstUpdated(),!this.__nextSameSibling){this.parentElement.__pcSizes={},this.updateComplete.then((()=>{this.__updateSizes(this)}))}}get _image(){if(this.querySelector('[slot="image"]'))return _e`<div class="media"><div class="media-container"><slot name="image"></slot></div></div>`}get _description(){if(this.querySelectorAll('[slot="description"]').length>0)return"horizontal"===this.type?_e`<slot name="description"></slot>`:_e`<div class="description-container"><div class="description"><slot name="description"></slot></div></div>`}get _pill(){return this.querySelector('[slot="pill"]')?_e`<slot name="pill"></slot>`:void 0}get _decoration(){return"horizontal"===this.type&&this.decoration?_e`<div class="decoration"><product-illustration name="${this.decoration}"></product-illustration></div>`:void 0}get __hasMoreToShow(){return this.querySelector('[slot="details"]')}_showToggleFocus(e){e.stopPropagation()}_toggleShowMore(){this._openShowMore=!this._openShowMore,this.updateComplete.then((()=>{this._openShowMore?this._showLessToggle.value.focus():this._showMoreToggle.value.focus(),this.dispatchEvent(new CustomEvent("product-details-toggle",{bubbles:!0,composed:!0,detail:{open:this._openShowMore}}))}))}get _showMore(){if(this.__hasMoreToShow){const e=this.showMore?.["open-label"]?this.showMore?.["open-label"]:"More details",t=this.showMore?.["close-label"]?this.showMore?.["close-label"]:"Less details";return this._openShowMore?_e`<div class="action show-less"><product-cta type="text" icon="chevron-up" ${as(this._showLessToggle)} @focus="${this._showToggleFocus}" @click="${this._toggleShowMore}">${t}</product-cta></div>`:_e`<div class="action show-more"><product-cta icon="chevron-down" ${as(this._showMoreToggle)} @focus="${this._showToggleFocus}" @click="${this._toggleShowMore}">${e}</product-cta></div>`}}get _action(){return _e`<div class="action"><slot name="cta"></slot></div>`}get _details(){return _e`<div class="more ${this._openShowMore?"open":""}"><div class="details"><slot name="details"></slot></div>${this.__hasMoreToShow?this._action:void 0}</div>${this.__hasMoreToShow?void 0:this._action}`}get classes(){return{"product-card":!0,[this.type]:!0,"has-decoration":!!this._decoration,"has-image":this._image,"has-more":!!this.__hasMoreToShow,"is-open":this._openShowMore,[`keyline-${this.keyline}`]:!!this.keyline}}get standardTemplate(){const e={"--header-min-height":`${this.__headerHeight}px`,"--price-min-height":`${this.__priceHeight}px`,"--description-min-height":`${this.__descriptionHeight}px`};return _e`<article class="${tt(this.classes)}" style="${st(e)}">${this._image}<div class="body"><div class="header-container"><div class="header"><slot name="name"></slot></div></div><div class="content"><div class="price-container"><div class="price"><slot name="price-heading"></slot><slot name="price"></slot></div></div>${this._description}<div class="expander"><slot name="expander"></slot></div></div><div class="footer"><slot name="cta"></slot></div></div></article>`}get horizontalTemplate(){return _e`<article class="${tt(this.classes)}">${this._image}<div class="description">${this._decoration} ${this._pill}<slot name="name"></slot>${this._description}</div><div class="price"><slot name="price-heading"></slot><slot name="price"></slot></div>${this._showMore} ${this._details}</article>`}}class hs extends Ut{static get properties(){return{pence:{type:Number},showDecimal:{type:Boolean,attribute:"show-decimal"},negative:{type:Boolean},unit:{type:String}}}constructor(){super(),this.pence=0,this.showDecimal=!1,this.negative=!1,this.unit="pound"}static get observedAttributes(){return[...super.observedAttributes,"showdecimal"]}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"showdecimal"===e&&(this.showDecimal=null!==o)}get __formatPrice(){const e=this.pence;if(null===e||isNaN(e))return"";const t=Number(e);if("pence"===this.unit){const t=this.getAttribute("pence")??e.toString(),o=(t.split(".")[1]||"").length;let i;if(this.showDecimal){const e=0===o?2:o;i=Number(t).toFixed(e)}else i=`${parseFloat(t)}`;return`${this.negative?`-${i.replace("-","")}`:i.replace("-","")}p`}const o=t/100,i=this.showDecimal||Math.floor(o)!==o?2:0,s=this.negative?-Math.abs(o):o;return new Intl.NumberFormat("en-GB",{style:"currency",currency:"GBP",maximumFractionDigits:i}).format(s)}
17get standardTemplate(){return _e`<span>${this.__formatPrice}</span>`}}const ds=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host .is-inline{display:inline-block}:host .is-block{display:block}:host .pill{border:.125rem solid transparent;border-radius:2rem;font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;padding-block-end:.125rem;padding-block-start:.125rem;padding-inline-end:.875rem;padding-inline-start:.875rem;width:-moz-fit-content;width:fit-content}:host .pill{background-color:var(--scheme-background-color)}:host .pill{color:var(--scheme-foreground-color)}:host .pill :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .pill a{color:var(--scheme-action-foreground-color)}:host .pill a:hover{color:var(--scheme-action-hover-foreground-color)}:host .pill a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .pill [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .pill ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .pill ::slotted(a){color:var(--scheme-action-foreground-color)}:host .pill ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .pill ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .pill.cyan-scheme{--scheme-heading-color:#001f52}:host .pill.cyan-scheme{--scheme-foreground-color:#111518}:host .pill.cyan-scheme{--scheme-background-color:#0093f5}:host .pill.cyan-scheme{--scheme-highlight-color:#99d6ff}:host .pill.cyan-scheme{--scheme-lowlight-color:#47b6ff}:host .pill.cyan-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .pill.cyan-scheme{--scheme-focus-outline-color:#002f87}:host .pill.cyan-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.cyan-light-scheme{--scheme-heading-color:#002f87}:host .pill.cyan-light-scheme{--scheme-foreground-color:#111518}:host .pill.cyan-light-scheme{--scheme-background-color:#ebf7ff}:host .pill.cyan-light-scheme{--scheme-highlight-color:#0093f5}:host .pill.cyan-light-scheme{--scheme-lowlight-color:#99d6ff}:host .pill.cyan-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .pill.cyan-light-scheme{--scheme-focus-outline-color:#002f87}:host .pill.cyan-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.lime-scheme{--scheme-heading-color:#001f52}:host .pill.lime-scheme{--scheme-foreground-color:#111518}:host .pill.lime-scheme{--scheme-background-color:#7fcc00}:host .pill.lime-scheme{--scheme-highlight-color:#c9ff70}:host .pill.lime-scheme{--scheme-lowlight-color:#aaff1f}:host .pill.lime-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .pill.lime-scheme{--scheme-focus-outline-color:#002f87}:host .pill.lime-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.lime-light-scheme{--scheme-heading-color:#002f87}:host .pill.lime-light-scheme{--scheme-foreground-color:#111518}:host .pill.lime-light-scheme{--scheme-background-color:#f7ffeb}:host .pill.lime-light-scheme{--scheme-highlight-color:#7fcc00}:host .pill.lime-light-scheme{--scheme-lowlight-color:#c9ff70}:host .pill.lime-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .pill.lime-light-scheme{--scheme-focus-outline-color:#002f87}:host .pill.lime-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.navy-scheme{--scheme-heading-color:#fff}:host .pill.navy-scheme{--scheme-foreground-color:#fff}:host .pill.navy-scheme{--scheme-background-color:#002f87}:host .pill.navy-scheme{--scheme-highlight-color:#004ecc}:host .pill.navy-scheme{--scheme-lowlight-color:#001f52}:host .pill.navy-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .pill.navy-scheme{--scheme-focus-outline-color:#ffc72c}:host .pill.navy-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.navy-light-scheme{--scheme-heading-color:#002f87}:host .pill.navy-light-scheme{--scheme-foreground-color:#111518}:host .pill.navy-light-scheme{--scheme-background-color:#ebf3ff}:host .pill.navy-light-scheme{--scheme-highlight-color:#004ecc}:host .pill.navy-light-scheme{--scheme-lowlight-color:#99c0ff}:host .pill.navy-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .pill.navy-light-scheme{--scheme-focus-outline-color:#002f87}:host .pill.navy-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.blue-scheme{--scheme-heading-color:#fff}:host .pill.blue-scheme{--scheme-foreground-color:#fff}:host .pill.blue-scheme{--scheme-background-color:#004ecc}:host .pill.blue-scheme{--scheme-highlight-color:#1f74ff}:host .pill.blue-scheme{--scheme-lowlight-color:#002f87}:host .pill.blue-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .pill.blue-scheme{--scheme-focus-outline-color:#ffc72c}:host .pill.blue-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.forest-scheme{--scheme-heading-color:#001f52}:host .pill.forest-scheme{--scheme-foreground-color:#111518}:host .pill.forest-scheme{--scheme-background-color:#00a33e}:host .pill.forest-scheme{--scheme-highlight-color:#70ffa6}:host .pill.forest-scheme{--scheme-lowlight-color:#00f55d}:host .pill.forest-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .pill.forest-scheme{--scheme-focus-outline-color:#002f87}:host .pill.forest-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.forest-light-scheme{--scheme-heading-color:#002f87}:host .pill.forest-light-scheme{--scheme-foreground-color:#111518}:host .pill.forest-light-scheme{--scheme-background-color:#ebfff3}:host .pill.forest-light-scheme{--scheme-highlight-color:#00a33e}:host .pill.forest-light-scheme{--scheme-lowlight-color:#70ffa6}:host .pill.forest-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .pill.forest-light-scheme{--scheme-focus-outline-color:#002f87}:host .pill.forest-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.membership-scheme{--scheme-heading-color:#001f52}:host .pill.membership-scheme{--scheme-foreground-color:#111518}:host .pill.membership-scheme{--scheme-background-color:#00f55d}:host .pill.membership-scheme{--scheme-highlight-color:#00a33e}:host .pill.membership-scheme{--scheme-lowlight-color:#70ffa6}:host .pill.membership-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .pill.membership-scheme{--scheme-focus-outline-color:#002f87}:host .pill.membership-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.slate-scheme{--scheme-heading-color:#fff}:host .pill.slate-scheme{--scheme-foreground-color:#fff}:host .pill.slate-scheme{--scheme-background-color:#111518}:host .pill.slate-scheme{--scheme-highlight-color:#435460}:host .pill.slate-scheme{--scheme-lowlight-color:#2a353d}:host .pill.slate-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .pill.slate-scheme{--scheme-focus-outline-color:#ffc72c}:host .pill.slate-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.orange-scheme{--scheme-heading-color:#001f52}:host .pill.orange-scheme{--scheme-foreground-color:#111518}:host .pill.orange-scheme{--scheme-background-color:#ff5900}:host .pill.orange-scheme{--scheme-highlight-color:#ffca99}:host .pill.orange-scheme{--scheme-lowlight-color:#ff9f47}:host .pill.orange-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .pill.orange-scheme{--scheme-focus-outline-color:#002f87}:host .pill.orange-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.orange-light-scheme{--scheme-heading-color:#002f87}:host .pill.orange-light-scheme{--scheme-foreground-color:#111518}:host .pill.orange-light-scheme{--scheme-background-color:#fff5eb}:host .pill.orange-light-scheme{--scheme-highlight-color:#ff5900}:host .pill.orange-light-scheme{--scheme-lowlight-color:#ffca99}:host .pill.orange-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .pill.orange-light-scheme{--scheme-focus-outline-color:#002f87}:host .pill.orange-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.red-scheme{--scheme-heading-color:#fff}:host .pill.red-scheme{--scheme-foreground-color:#fff}:host .pill.red-scheme{--scheme-background-color:#d50032}:host .pill.red-scheme{--scheme-highlight-color:#ff99b1}:host .pill.red-scheme{--scheme-lowlight-color:#e60f41}:host .pill.red-scheme{--scheme-action-foreground-color:#d6efff;--scheme-action-hover-foreground-color:#fff}:host .pill.red-scheme{--scheme-focus-outline-color:#ffc72c}:host .pill.red-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.yellow-scheme{--scheme-heading-color:#002f87}:host .pill.yellow-scheme{--scheme-foreground-color:#111518}:host .pill.yellow-scheme{--scheme-background-color:#ffc72c}:host .pill.yellow-scheme{--scheme-highlight-color:#cc9f23}:host .pill.yellow-scheme{--scheme-lowlight-color:#ffe395}:host .pill.yellow-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .pill.yellow-scheme{--scheme-focus-outline-color:#002f87}:host .pill.yellow-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.yellow-light-scheme{--scheme-heading-color:#002f87}:host .pill.yellow-light-scheme{--scheme-foreground-color:#111518}:host .pill.yellow-light-scheme{--scheme-background-color:#fff9ea}:host .pill.yellow-light-scheme{--scheme-highlight-color:#ffc72c}:host .pill.yellow-light-scheme{--scheme-lowlight-color:#ffeec0}:host .pill.yellow-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .pill.yellow-light-scheme{--scheme-focus-outline-color:#002f87}:host .pill.yellow-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.white-scheme{--scheme-heading-color:#002f87}:host .pill.white-scheme{--scheme-foreground-color:#111518}:host .pill.white-scheme{--scheme-background-color:#fff}:host .pill.white-scheme{--scheme-highlight-color:#c3ced5}:host .pill.white-scheme{--scheme-lowlight-color:#f3f5f7}:host .pill.white-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .pill.white-scheme{--scheme-focus-outline-color:#002f87}:host .pill.white-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.grey-light-scheme{--scheme-heading-color:#002f87}:host .pill.grey-light-scheme{--scheme-foreground-color:#111518}:host .pill.grey-light-scheme{--scheme-background-color:#f3f5f7}:host .pill.grey-light-scheme{--scheme-highlight-color:#c3ced5}:host .pill.grey-light-scheme{--scheme-lowlight-color:#fff}:host .pill.grey-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .pill.grey-light-scheme{--scheme-focus-outline-color:#002f87}:host .pill.grey-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .pill.cyan-scheme{background-color:#99d6ff}:host .pill.orange-scheme{background-color:#ff9f47}:host .has-icon{padding-inline-start:1.875rem;position:relative}:host .has-icon pill-icon{height:1rem;left:0;margin-inline-start:.5rem;position:absolute;top:50%;transform:translateY(-50%);width:1rem}:host .inactive{filter:grayscale(1)}`;class ms extends(Mt(Do(Ut))){static get scopedElements(){return{"pill-icon":wo}}static get styles(){return ds}static get properties(){return{colour:{type:String,converter:e=>ro.includes(e)?e:ao.includes(e)?lo[ao.indexOf(e)]:"slate"},icon:{type:String}}}constructor(){super(),this.colour="slate",this.icon=""}get standardTemplate(){const e=this.parentNode.nodeName.toLowerCase(),t=!["p","span","li","dt","dd","label"].includes(e);t?this.style.setProperty("display","flex"):this.style.removeProperty("display");const o={pill:!0,[`${this.colour}-scheme`]:!0,"is-inline":!t,"is-block":t,"has-icon":!!this.icon,inactive:!!this._inactiveValue};return _e`<strong class="${tt(o)}">${this.icon?_e`<pill-icon name="${this.icon}"></pill-icon>`:void 0}<slot></slot></strong>`}}!function(e){const t=new WeakMap,o=new WeakMap,i=new WeakMap,s=new WeakMap,n=new WeakMap,r=new WeakMap,a=new WeakMap,l=new WeakMap,c=new WeakMap,h=new WeakMap,d=new WeakMap,m=new WeakMap,u=new WeakMap,p=new WeakMap,g=new WeakMap,f={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"};function b(e){const t=s.get(e),{form:o}=t;M(e,o,t),C(e,t.labels)}const v=(e,t=!1)=>{const o=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>s.has(e)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let i=o.nextNode();const n=!t||e.disabled;for(;i;)i.formDisabledCallback&&n&&$(i,e.disabled),i=o.nextNode()},k={attributes:!0,attributeFilter:["disabled","name"]},y=I()?new MutationObserver((e=>{for(const t of e){const e=t.target;if("disabled"===t.attributeName&&(e.constructor.formAssociated?$(e,e.hasAttribute("disabled")):"fieldset"===e.localName&&v(e)),"name"===t.attributeName&&e.constructor.formAssociated){const t=s.get(e),o=c.get(e);t.setFormValue(o)}}})):{};function w(e){e.forEach((e=>{const{addedNodes:t,removedNodes:o}=e,n=Array.from(t),r=Array.from(o);
17n.forEach((e=>{if(s.has(e)&&e.constructor.formAssociated&&b(e),h.has(e)){const t=h.get(e);Object.keys(f).filter((e=>null!==t[e])).forEach((o=>{e.setAttribute(f[o],t[o])})),h.delete(e)}if(g.has(e)){const t=g.get(e);e.setAttribute("internals-valid",t.validity.valid.toString()),e.setAttribute("internals-invalid",(!t.validity.valid).toString()),e.setAttribute("aria-invalid",(!t.validity.valid).toString()),g.delete(e)}if("form"===e.localName){const t=l.get(e),o=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>!s.has(e)||!e.constructor.formAssociated||t&&t.has(e)?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT});let i=o.nextNode();for(;i;)b(i),i=o.nextNode()}"fieldset"===e.localName&&(y.observe?.(e,k),v(e,!0))})),r.forEach((e=>{const t=s.get(e);if(t&&i.get(t)&&z(t),a.has(e)){a.get(e).disconnect()}}))}))}function x(e){e.forEach((e=>{const{removedNodes:t}=e;t.forEach((t=>{const o=u.get(e.target);s.has(t)&&D(t),o.disconnect()}))}))}!I()||new MutationObserver(w);const _={childList:!0,subtree:!0},$=(e,t)=>{e.toggleAttribute("internals-disabled",t),t?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.formDisabledCallback&&e.formDisabledCallback.apply(e,[t])},z=e=>{i.get(e).forEach((e=>{e.remove()})),i.set(e,[])},S=(e,t)=>{const o=document.createElement("input");return o.type="hidden",o.name=e.getAttribute("name"),e.after(o),i.get(t).push(o),o},C=(e,t)=>{if(t.length){Array.from(t).forEach((t=>t.addEventListener("click",e.click.bind(e))));let o=t[0].id;t[0].id||(o=`${t[0].htmlFor}_Label`,t[0].id=o),e.setAttribute("aria-labelledby",o)}},E=e=>{const t=Array.from(e.elements).filter((e=>!e.tagName.includes("-")&&e.validity)).map((e=>e.validity.valid)),o=l.get(e)||[],i=[...t,...Array.from(o).filter((e=>e.isConnected)).map((e=>s.get(e).validity.valid))].includes(!1);e.toggleAttribute("internals-invalid",i),e.toggleAttribute("internals-valid",!i)},A=e=>{E(L(e.target))},B=e=>{E(L(e.target))},T=e=>{const t=l.get(e.target);t&&t.size&&t.forEach((e=>{e.constructor.formAssociated&&e.formResetCallback&&e.formResetCallback.apply(e)}))},M=(e,t,o)=>{if(t){const i=l.get(t);if(i)i.add(e);else{const o=new Set;o.add(e),l.set(t,o),(e=>{const t=["button[type=submit]","input[type=submit]","button:not([type])"].map((e=>`${e}:not([disabled])`)).map((t=>`${t}:not([form])${e.id?`,${t}[form='${e.id}']`:""}`)).join(",");e.addEventListener("click",(o=>{if(o.target.closest(t)){const t=l.get(e);if(e.noValidate)return;t.size&&Array.from(t).reverse().map((e=>s.get(e).reportValidity())).includes(!1)&&o.preventDefault()}}))})(t),t.addEventListener("reset",T),t.addEventListener("input",A),t.addEventListener("change",B)}r.set(t,{ref:e,internals:o}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout((()=>{e.formAssociatedCallback.apply(e,[t])}),0),E(t)}},L=e=>{let t=e.parentNode;return t&&"FORM"!==t.tagName&&(t=L(t)),t},q=(e,t,o=DOMException)=>{if(!e.constructor.formAssociated)throw new o(t)},R=(e,t,o)=>{const i=l.get(e);return i&&i.size&&i.forEach((e=>{s.get(e)[o]()||(t=!1)})),t},D=e=>{if(e.constructor.formAssociated){const t=s.get(e),{labels:o,form:i}=t;C(e,o),M(e,i,t)}};function I(){return"undefined"!=typeof MutationObserver}class O{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}const P=e=>{let t=!0;for(let o in e)"valid"!==o&&!1!==e[o]&&(t=!1);return t},H=new WeakMap;function G(e,t){e.toggleAttribute(t,!0),e.part&&e.part.add(t)}class N extends Set{static get isPolyfilled(){return!0}constructor(e){if(super(),!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");H.set(this,e)}add(e){if(!/^--/.test(e)||"string"!=typeof e)throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${e} must start with '--'.`);const t=super.add(e),o=H.get(this),i=`state${e}`;return o.isConnected?G(o,i):setTimeout((()=>{G(o,i)})),t}clear(){for(let[e]of this.entries())this.delete(e);super.clear()}delete(e){const t=super.delete(e),o=H.get(this);return o.isConnected?(o.toggleAttribute(`state${e}`,!1),o.part&&o.part.remove(`state${e}`)):setTimeout((()=>{o.toggleAttribute(`state${e}`,!1),o.part&&o.part.remove(`state${e}`)})),t}}
17function V(e,t,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(e):i?i.value:t.get(e)}var F;class j{constructor(e){F.set(this,void 0),function(e,t,o,i,s){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!s:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===i?s.call(e,o):s?s.value=o:t.set(e,o)}(this,F,e,"f");for(let t=0;t<e.length;t++){let o=e[t];this[t]=o,o.hasAttribute("name")&&(this[o.getAttribute("name")]=o)}Object.freeze(this)}get length(){return V(this,F,"f").length}[(F=new WeakMap,Symbol.iterator)](){return V(this,F,"f")[Symbol.iterator]()}item(e){return null==this[e]?null:this[e]}namedItem(e){return null==this[e]?null:this[e]}}class U{static get isPolyfilled(){return!0}constructor(e){if(!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");const n=e.getRootNode(),r=new O;this.states=new N(e),t.set(this,e),o.set(this,r),s.set(e,this),((e,t)=>{for(let o in f){t[o]=null;let i=null;const s=f[o];Object.defineProperty(t,o,{get:()=>i,set(o){i=o,e.isConnected?e.setAttribute(s,o):h.set(e,t)}})}})(e,this),((e,t)=>{i.set(t,[]),y.observe?.(e,k)})(e,this),Object.seal(this),n instanceof DocumentFragment&&(e=>{const t=new MutationObserver(x);window?.ShadyDOM?.inUse&&e.mode&&e.host&&(e=e.host),t.observe?.(e,{childList:!0}),u.set(e,t)})(n)}checkValidity(){const e=t.get(this);if(q(e,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const i=o.get(this);if(!i.valid){const t=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});e.dispatchEvent(t)}return i.valid}get form(){const e=t.get(this);let o;return q(e,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element."),!0===e.constructor.formAssociated&&(o=L(e)),o}get labels(){const e=t.get(this);q(e,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");const o=e.getAttribute("id"),i=e.getRootNode();return i&&o?i.querySelectorAll(`[for="${o}"]`):[]}reportValidity(){const e=t.get(this);if(q(e,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const o=this.checkValidity(),i=m.get(this);if(i&&!e.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!o&&i&&(e.focus(),i.focus()),o}setFormValue(e){const o=t.get(this);if(q(o,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),z(this),null==e||e instanceof FormData)null!=e&&e instanceof FormData&&Array.from(e).reverse().forEach((([e,t])=>{if("string"==typeof t){const i=S(o,this);i.name=e,i.value=t}}));else if(o.getAttribute("name")){S(o,this).value=e}c.set(o,e)}setValidity(e,i,s){const r=t.get(this);if(q(r,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!e)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");m.set(this,s);const a=o.get(this),l={};for(const t in e)l[t]=e[t];var c;0===Object.keys(l).length&&((c=a).badInput=!1,c.customError=!1,c.patternMismatch=!1,c.rangeOverflow=!1,c.rangeUnderflow=!1,c.stepMismatch=!1,c.tooLong=!1,c.tooShort=!1,c.typeMismatch=!1,c.valid=!0,c.valueMissing=!1);const h={...a,...l};delete h.valid;const{valid:d}=((e,t,o)=>(e.valid=P(t),Object.keys(t).forEach((o=>e[o]=t[o])),o&&E(o),e))(a,h,this.form);if(!d&&!i)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");n.set(this,d?"":i),r.isConnected?(r.toggleAttribute("internals-invalid",!d),r.toggleAttribute("internals-valid",d),r.setAttribute("aria-invalid",`${!d}`)):g.set(r,this)}get shadowRoot(){const e=t.get(this),o=d.get(e);return o||null}get validationMessage(){const e=t.get(this);return q(e,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),n.get(this)}get validity(){const e=t.get(this);q(e,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element.");return o.get(this)}get willValidate(){const e=t.get(this);return q(e,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(e.disabled||e.hasAttribute("disabled")||e.hasAttribute("readonly"))}}let W=!1,K=!1;function Y(e){K||(K=!0,window.CustomStateSet=N,e&&(HTMLElement.prototype.attachInternals=function(...t){const o=e.call(this,t);return o.states=new N(this),o}))}function Q(e=!0){if(!W){if(W=!0,"undefined"!=typeof window&&(window.ElementInternals=U),"undefined"!=typeof CustomElementRegistry){const t=CustomElementRegistry.prototype.define;
17CustomElementRegistry.prototype.define=function(e,o,i){if(o.formAssociated){const e=o.prototype.connectedCallback;o.prototype.connectedCallback=function(){p.has(this)||(p.set(this,!0),this.hasAttribute("disabled")&&$(this,!0)),null!=e&&e.apply(this),D(this)}}t.call(this,e,o,i)}}if("undefined"!=typeof HTMLElement&&(HTMLElement.prototype.attachInternals=function(){if(!this.tagName)return{};if(-1===this.tagName.indexOf("-"))throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");if(s.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new U(this)}),"undefined"!=typeof Element){function o(...e){const t=i.apply(this,e);if(d.set(this,t),I()){const e=new MutationObserver(w);window.ShadyDOM?e.observe(this,_):e.observe(t,_),a.set(this,e)}return t}const i=Element.prototype.attachShadow;Element.prototype.attachShadow=o}if(I()&&"undefined"!=typeof document){new MutationObserver(w).observe(document.documentElement,_)}"undefined"!=typeof HTMLFormElement&&function(){const e=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=function(...t){let o=e.apply(this,t);return R(this,o,"checkValidity")};const t=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=function(...e){let o=t.apply(this,e);return R(this,o,"reportValidity")};const{get:o}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...e){const t=o.call(this,...e),i=Array.from(l.get(this)||[]);if(0===i.length)return t;const s=Array.from(t).concat(i).sort(((e,t)=>e.compareDocumentPosition?2&e.compareDocumentPosition(t)?1:-1:0));return new j(s)}})}(),(e||"undefined"!=typeof window&&!window.CustomStateSet)&&Y()}}!!customElements.polyfillWrapFlushCallback||(!function(){if("undefined"==typeof window||!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}const t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);const o=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every((e=>e in o.internals))}()?Q(!1):"undefined"==typeof window||window.CustomStateSet||Y(HTMLElement.prototype.attachInternals)),e.forceCustomStateSetPolyfill=Y,e.forceElementInternalsPolyfill=Q,Object.defineProperty(e,"__esModule",{value:!0})}({});const us=Et((e=>class extends e{static get properties(){return{_internals:{type:Object,state:!0}}}static get formAssociated(){return!0}constructor(){super(),this._internals=this.attachInternals()}updated(e){e.has("value")&&this._internals.setFormValue(this.value)}})),ps=Et((e=>class extends(us(e)){static get properties(){return{_defaultValue:{type:String,state:!0}}}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value}formResetCallback(){this.value=this._defaultValue??""}})),gs=Et((e=>class extends e{static get properties(){return{name:{type:String,reflect:!0},value:{type:String,reflect:!0},heading:{type:String},labelID:{type:String},_inputElement:{type:Boolean,state:!0},_id:{type:String,state:!0},_inputTypes:{type:Object,state:!0}}}constructor(){super(),this._inputTypes={RADIO:"radio",CHECKBOX:"checkbox",SELECT:"select",SEARCH:"search",DATE:"date",SINGLE:"single"},this.value="",this.labelID="",this.heading="",this._inputElement=!0,this._id=`${this._randomId}-input`}static get shadowRootOptions(){return{...Ut.shadowRootOptions,delegatesFocus:!0}}get _randomId(){return`mnid-${Math.random().toString(36).substring(2,15)}`}get _inputType(){const e=this.querySelector("input")?.type;return e&&Object.values(this._inputTypes).indexOf(e)>-1?e:this.querySelector("select")?this._inputTypes.SELECT:this._inputTypes.SINGLE}firstUpdated(){super.firstUpdated(),this.name||(this.name=this._slottedInputs?.[0]?.name??""),this._isMultiple||(this.labelID?.length>
170?this._slottedInputs.forEach((e=>{e.setAttribute("aria-labelledby",this.labelID)})):(this._id=this._slottedInputs[0]?.getAttribute("id")||this._id,this._slottedInputs[0]?.setAttribute("id",this._id),this._slottedLabel?.setAttribute("for",this._id))),this.__syncValue(!0),this._boundChangeEvent=e=>{this._onChange(e)},this._boundBlurEvent=e=>{this._onBlur(e)},this._boundInputEvent=e=>{this._onInput(e)},this._slottedInputs.forEach((e=>{e.addEventListener("change",this._boundChangeEvent),e.addEventListener("blur",this._boundBlurEvent),e.addEventListener("input",this._boundInputEvent)}))}focus(){this.updateComplete.then((()=>{this._slottedInputs[0].focus()}))}reset(){this.value=this._slottedValue}__syncValue(e){if(this._isMultiple){if(!this.value&&this.__checkedInput)this.value=this.__checkedInput;else if(this.value&&!this.__checkedInput){const t=this.value.toString().split(",");this._slottedInputs.filter((e=>t.includes(e.value)&&!e.checked)).forEach((t=>{t.checked=!0,e&&(t.defaultChecked=!0)}))}}else!this.value&&this._slottedInputs?.[0]?.value?this.value=this._processFormChangeValue(this._slottedInputs[0].value):this.value&&!this._slottedInputs[0].value&&(this._slottedInputs[0].value=this.value,e&&(this._slottedInputs[0].defaultValue=this.value))}get _slottedInputs(){const e=this.querySelectorAll("input, textarea, select");return Array.from(e)}get _slottedLabel(){return this.querySelector('label[slot="label"]')}get _slottedValue(){return this._isMultiple?this.__checkedInput:this._slottedInputs[0].value}get _isMultiple(){return this._inputType===this._inputTypes.RADIO||this._inputType===this._inputTypes.CHECKBOX}get _isSingle(){return!(this._isMultiple||this._isSelect)}get _isSelect(){return this._inputType===this._inputTypes.SELECT}_onChange(e){e.stopPropagation(),e.preventDefault(),this.value=this._processFormChangeValue(this._slottedValue),this._fireChangeEvent()}_onBlur(e){e.stopPropagation()}_onInput(e){e.stopPropagation(),e.preventDefault()}_fireChangeEvent(){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))}__removeWhitespace(e){return this._isSingle?e.trim():e}_processFormChangeValue(e){return this.__removeWhitespace(e)}get __checkedInput(){return Array.from(this.querySelectorAll("input")).filter((e=>e.checked)).map((e=>e.value)).toString()}get _addSlottedContent(){return _e`<slot></slot>`}get _addLabel(){return 0===this.labelID.length?_e`<slot name="label"></slot>`:_e``}get _addHeading(){return _e`<span class="input-heading">${this.heading}</span>`}get standardTemplate(){return this._addSlottedContent}})),fs=(e,t)=>!0===t?e.split("/").reverse().join("-"):e.split("-").reverse().join("/"),bs=/^[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i,vs=/^(?=.*\d)(?=.*[a-zA-Z])([\w:!"#$%&'()*+,\-.\/:;<=>?@[\\\]^_`{|}~]{8,20})$/,ks=(e,t)=>t?e.split(t).join(""):e,ys=(e,t,o)=>{const i="822|83|84|85|86|87|88|89",s="1|505|504|404|402|99|98|97|96|95|94|93|91|90|74|71|69|68|67|66|65|64|63|62|61|59|58|57|56|53|52|51|49|47|46|45|44|43|42|41|29|28|27|26|25|24|23|22|21";return e.length>0&&!((e=>{const t=new RegExp(`^0(${s}|${i})`);return(o&&t.test(e)?/^0[0-9]{8,10}$/:/^0[0-9]{9,10}$/).test(e)})(r=e)&&(n=r,t?new RegExp(`^0(70|71|72|73|74|75|7624|77|78|79${o?`|${i}`:""})`).test(n):new RegExp(`^0(1|2|3|5|70|71|72|73|74|75|7624|77|78|79|8${o?`|${s}`:""})`).test(n))&&(e=>{const t=[/^(0113|0114|0115|0116|0117|0118|0121|0131|0141|0151|0161)(4960)[0-9]{3}$/,/^02079460[0-9]{3}$/,/^01914980[0-9]{3}$/,/^02890180[0-9]{3}$/,/^02920180[0-9]{3}$/,/^01632960[0-9]{3}$/,/^07700900[0-9]{3}$/,/^08081570[0-9]{3}$/,/^09098790[0-9]{3}$/,/^03069990[0-9]{3}$/];for(let o=0;o<t.length;o+=1)if(t[o].test(e))return!1;return!0})(r))&&"Your number does not look right";var n,r},ws=function(e){const t=-1!==e.indexOf("/")?e.split("/"):e.split("-");let o,i,s;-1!==e.indexOf("/")?(o=t[0],i=t[1],s=t[2]):(o=t[2],i=t[1],s=t[0]);const n=parseInt(o,10),r=parseInt(i,10)-1,a=parseInt(s,10);return new Date(a,r,n)},xs=(e,t)=>{const o=(e,t,o,i)=>e&&e.length===t&&_s(e)&&o===i,i=-1!==t.indexOf("/")?t.split("/"):t.split("-");let s,n,r;-1!==t.indexOf("/")?(s=i[0],n=i[1],r=i[2]):(s=i[2],n=i[1],r=i[0]);const a=parseInt(s,10),l=parseInt(n,10)-1,c=parseInt(r,10),h="Your date does not look right",d=10===t.length&&_s(s)&&_s(n)&&_s(r);if(t.length>0&&!d)return h;const m=new Date(c,l,a),u=o(s,2,m.getDate(),a),p=o(n,2,m.getMonth(),l),g=o(r,4,m.getFullYear(),c),f=u&&p&&g;return t.length>0&&!f?h:""};function _s(e){return e&&!e.match(/[^0-9]/g)}var $s=Object.freeze({__proto__:null,hasLetters:(e,t)=>t.length>0&&!/[a-zA-Z]/g.test(t)?"Must include at least one letter":"",hasNumbers:(e,t)=>t.length>0&&!/\d/.test(t)?"Must include at least one number":"",isBetween:(e,t,o,i)=>{const s=e.ignoreSeparator?ks(t,e.separator):t;return t.length>0&&(s.length<o||s.length>i)&&`Length must be between ${o} and ${i} characters`},isDate:xs,isDateOfBirth:(e,t)=>{const o=/(\d{4})-(\d{2})-(\d{2})$/.test(t);return t.length>0&&!o&&"Your date of birth does not look right"},isEmail:(e,t)=>{const o=new RegExp(bs,"i");return t.length>0&&!o.test(t)&&"Your email does not look right"},isFirstName:(e,t)=>
17{const o=/^[A-Za-zÀ-ÖØ-öø-ÿ\-\s]{1,24}$/i.test(t);return t.length>0&&!o&&"Your First Name does not look right"},isFullName:(e,t)=>{const o=/^[A-Za-zÀ-ÖØ-öø-ÿ\-\s']{1,60}$/i.test(t);return t.length>0&&!o&&"Your Full Name does not look right"},isInteger:(e,t)=>{const o=e.ignoreSeparator?ks(t,e.separator):t,i=Number(o),s="number"==typeof i&&isFinite(i)&&Math.floor(i)===i;return t.length>0&&!s&&"Needs to be a whole number"},isLastName:(e,t)=>{const o=/^[A-Za-zÀ-ÖØ-öø-ÿ\-\s']{1,32}$/i.test(t);return t.length>0&&!o&&"Your Last Name does not look right"},isMobileNumber:(e,t,o)=>ys(t,!0,o),isNumber:(e,t)=>{const o=e.ignoreSeparator?ks(t,e.separator):t,i=Number(o),s="number"==typeof i&&!isNaN(i);return t.length>0&&!s&&"Needs to be a number"},isPassword:(e,t)=>{const o=vs;return t.length>0&&!o.test(t)&&"Your password should be between 8 and 20 characters and a mix of both letters and numbers"},isPhoneNumber:(e,t,o)=>ys(t,!1,o),isPostcode:(e,t,o)=>t.length>0&&!function(e){const t=["^((([A-PR-UWYZ][0-9])","([A-PR-UWYZ][0-9][0-9])","([A-PR-UWYZ][A-HK-Y][0-9])","([A-PR-UWYZ][A-HK-Y][0-9][0-9])","([A-PR-UWYZ][0-9][A-HJKSTUW])","([A-PR-UWYZ][A-HK-Y][0-9][ABEHMNPRVWXY]))\\s?([0-9][ABD-HJLNP-UW-Z]{2})","(GIR)\\s?(0AA))\\ ?$"];o&&t.push("(?:^[AC-FHKNPRTV-Y][0-9]{2}|D6W)[ -]?[0-9AC-FHKNPRTV-Y]{4}$");return new RegExp(t.join("|"),"i").test(e)}(t)&&"Not a valid postcode",isRequired:(e,t)=>(void 0===t||0===t.length)&&"This field is required",isTitle:(e,t)=>t.length>0&&!["Mr","Mrs","Ms","Miss","Dr","Sir","Reverend","Dame","Lady","Professor","Lord"].includes(t)&&"Your title does not look right",maxDate:(e,t,o)=>{if(""===xs(0,t)){const e=ws(o),i=ws(t),s=fs(o);if(t.length>0&&i>e)return`Date must be on or before ${s}`}return""},maxLength:(e,t,o)=>{const i=e.ignoreSeparator?ks(t,e.separator):t;return t.length>0&&i.length>o&&`Length must be no longer than ${o} characters`},minDate:(e,t,o)=>{if(""===xs(0,t)){const e=ws(o),i=ws(t),s=fs(o);if(t.length>0&&i<e)return`Date must be on or after ${s}`}return""},minLength:(e,t,o)=>{const i=e.ignoreSeparator?ks(t,e.separator):t;return t.length>0&&i.length<o&&`Length must be at least ${o} characters`}});const zs=Et((e=>class extends(gs(e)){static get properties(){return{validation:{type:Array},disableNative:{type:Boolean},showMessage:{type:Boolean},_pristine:{type:Boolean,state:!0},_validationState:{type:Object,state:!0}}}constructor(){super(),this.validation=[],this.disableNative=!1,this.showMessage=!0,this._pristine=!0,this._validationState=[]}get isPristine(){return this._pristine}get isDirty(){return!this._pristine}reportValidity(){return this.validity}get validity(){return this._pristine=!1,this.validate()}reset(){super.reset(),this._pristine=!0,this._validationState=[]}validate(){let e=[];this.__updateAllValidity(""),this.validation?.length>0&&(e=this.validation.map((e=>{const t=this.__parseValidationFunction(e),o=t.functionName,i=[this,this.value].concat(t.params);return{name:o,value:$s[o].apply(this,i)}})));const t=this.__validateNative();return t&&e.push(t),this._validationState=e,this.__updateAllValidity(this.validationMessage),this._slottedInputs[0].validity}__validateNative(){if(this.disableNative)return;let e;return this._slottedInputs.forEach((t=>{t.validity.valid||(e=t.validity.patternMismatch&&t.title?t.title:t.validationMessage)})),e?{name:"native",value:e}:void 0}__parseValidationFunction(e){let t=[];const o=e.split("("),i=o[0],s=o.length>1&&o[1].split(")")[0];return s&&(t=s.split(",").map((e=>{const t=parseInt(e,10),o=e.split("");return o.pop(),o.shift(),isNaN(t)?o.join(""):t}))),{functionName:i,params:t}}__updateAllValidity(e){this.isDirty&&this._slottedInputs.forEach((t=>{t.setCustomValidity&&t.setCustomValidity(e)}))}get _addValidationIcon(){}get validationMessage(){return this._validationState?.filter((e=>e?.value)).map((e=>"."===e.value.charAt(e.value.length-1)?e.value:e.value+".")).join(" ")}get _shouldShowValidation(){return this.showMessage&&this.isDirty&&!!this.validationMessage}get _addValidationMessage(){return this._shouldShowValidation?_e`<div class="validation">${this._addValidationIcon}<div class="message">${this.validationMessage}</div></div>`:_e``}get _addValidationListMessage(){if(this.showMessage&&this.isDirty&&this.validationMessage){const e=this._val
17idationState?.filter((e=>e?.value));if(e)return _e`<div class="validation"><ul>${jt(e,(e=>_e`<li>${this._addValidationState(e.name,e.value)}</li>`))}</ul></div>`}return _e``}_addValidationState(e,t){return _e`<p>${t}.</p>`}})),Ss=Et((e=>class extends(gs(e)){static get properties(){return{mask:{type:String},separator:{type:String},ignoreSeparator:{type:Boolean,attribute:"ignore-separator"}}}constructor(){super(),this.mask="",this.separator="",this.ignoreSeparator=!1}firstUpdated(){super.firstUpdated(),this.mask&&this._slottedInputs.map((e=>{e.setAttribute("maxlength",this.mask.length)}))}_processMaskInputValue(e){if(!this._isSingle)return e;const t=this._slottedInputs[0];return e=ft(this.separator)?this.updateValueAndCursor(t):t.value}_processMaskChangeValue(e){return ft(this.separator)&&(e=this.formatWithMaskAndSeparator(e),this._slottedInputs[0].value=e),e}updateValueAndCursor(e){let t=e.value,o=e.selectionStart;this.value.length-t.length>0&&this.mask.charAt(o)===this.separator&&(t=t.slice(0,o-1)+(o<t.length?t.slice(o):""),o-=1);const i=this.formatWithMaskAndSeparator(t);return e.value=i,this.mask.charAt(o)===this.separator&&(o+=1),this.updateComplete.then((()=>{e.setSelectionRange(o,o)})),i}formatWithMaskAndSeparator(e){const t=this.__formatInputWithoutSeparator(e),o=this.mask.split(this.separator);let i="",s=0,n=0;for(let e=0;e<o.length&&s<t.length;e++){const r=t.length-s,a=r>o[e].length?o[e].length:r;i+=t.substr(s,a),n+=o[e].length,e<o.length-1&&i.length===n&&(i+=this.separator,n+=1),s+=o[e].length}return i}__formatInputWithoutSeparator(e){return e.split(this.separator).join("")}get _addMask(){if(this.mask&&this._isSingle){const e=this.value?this.value.length:0;let t=new Array(e+1).join(" ");return t+=this.mask.slice(e),_e`<div aria-hidden="true" class="input-mask">${t}</div>`}}})),Cs=Et((e=>class extends(Mt(e)){static get properties(){return{open:{type:Boolean,reflect:!0},icon:{type:String},_toggleOpen:{type:String,state:!0},_toggleClose:{type:String,state:!0},_togglePosition:{type:String,state:!0}}}static get scopedElements(){return{"detail-icon":xo}}constructor(){super(),this.open=!1,this._toggleEvent="detail-toggle"}get classes(){return{details:!0,"toggle-start":"start"===this._togglePosition,"toggle-end":"end"===this._togglePosition,"has-icon":!!this.icon}}get inlineStyles(){return{}}_onToggle(e){this.open=!!e.target.open,this.dispatchEvent(new CustomEvent(this._toggleEvent,{bubbles:!0,cancelable:!1,composed:!0,detail:{isOpen:this.open}}))}get standardTemplate(){return _e`<details class="${tt(this.classes)}" style="${st(this.inlineStyles)}" ?open="${this.open}" @toggle="${this._onToggle}">${this._addHeading} ${this._addContent}</details>`}get __addIcon(){if(this.icon)return _e`<detail-icon name="${this.icon}" class="icon"></detail-icon>`}get __addToggle(){const e=this.open?this._toggleClose:this._toggleOpen;return _e`<detail-icon name="${e}" class="toggle"></detail-icon>`}get _addHeading(){const e="start"===this._togglePosition;return _e`<summary class="heading">${e?this.__addToggle:this.__addIcon}<slot name="heading"></slot>${e?this.__addIcon:this.__addToggle}</summary>`}get _addContent(){return _e`<div class="content"><slot></slot></div>`}})),Es=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host ::slotted(label){color:#111518;display:inline-block;margin-block-end:.5rem;margin-block-start:0;max-width:50ch}:host ::slotted(*)::-moz-placeholder{color:#b0b0b0;opacity:1}:host ::slotted(*)::placeholder{color:#b0b0b0;opacity:1}:host ::slotted(:is(input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea)){background-color:#fff;border:2px solid #435460;border-radius:.25rem;color:#111518;font-family:British Gas Body,sans-serif;line-height:inherit;margin:0;padding-block-end:.5rem;padding-block-start:.5rem;padding-inline-end:1rem;padding-inline-start:1rem;width:100%}:host ::slotted(:is(input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea)){font-size:1rem}:host ::slotted(:is(input[type=date]:hover,input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,select:hover,textarea:hover)){border-color:#111518;color:#111518}:host ::slotted(:is(input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus)){border-color:#002f87;color:#111518;outline-color:#002f87;outline-offset:0;outline-style:solid;outline-width:.125rem}:host .has-disabled ::slotted(:is(input[type=date]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,select:disabled,textarea:disabled)){background-color:#e2e2e2;border-color:#b0b0b0;color:#b0b0b0;pointer-events:none}:host .wrapper{max-width:calc(50ch + 2rem + 4px);max-width:calc(var(--inputter-field-max-width, 50ch) + 2rem + 4px);position:relative}:host .checkbox .wrapper,:host .radio .wrapper{grid-row-gap:.5rem;display:grid;grid-template-columns:2em auto;line-height:1.2;row-gap:.5rem}:host .checkbox ::slotted(:is(input[type=checkbox],input[type=radio])),:host .radio ::slotted(:is(input[type=checkbox],input[type=radio])){align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.125em solid #435460;display:grid;font:inherit;height:2em;justify-content:center;margin:0;place-content:center;width:2em}:host .checkbox ::slotted(:is(input[type=checkbox]:hover,input[type=radio]:hover)),:host .radio ::slotted(:is(input[type=checkbox]:hover,input[type=radio]:hover)){background-color:#c3ced5;border-color:#111518}:host .checkbox ::slotted(:is(input[type=checkbox]:focus-visible,input[type=radio]:focus-visible)),:host .radio ::slotted(:is(input[type=checkbox]:focus-visible,input[type=radio]:focus-visible)){border-color:#002f87;outline-color:#002f87;outline-offset:0;outline-style:solid;outline-width:.125rem}:host .checkbox.has-disabled ::slotted(:is(input[type=checkbox]:disabled,input[type=radio]:disabled)),:host .radio.has-disabled ::slotted(:is(input[type=checkbox]:disabled,input[type=radio]:disabled)){pointer-events:none}:host .checkbox ::slotted(input[type=checkbox]),:host .radio ::slotted(input[type=checkbox]){border-radius:.25rem}:host .checkbox ::slotted(input[type=radio]),:host .radio ::slotted(input[type=radio]){border-radius:50%}:host .checkbox ::slotted(input[type=radio]:checked):before,:host .radio ::slotted(input[type=radio]:checked):before{border:.5em solid #004ecc;border-radius:50%;content:"";height:0;width:0}:host .checkbox ::slotted(input[type=checkbox]:checked):before,:host .radio ::slotted(input[type=checkbox]:checked):before{border:.25em solid #004ecc;border-left:initial;border-top:initial;content:"";height:1.125em;transform:translateY(-10%) rotate(45deg);width:.625em}:host .checkbox ::slotted(label),:host .radio ::slotted(label){align-self:center;display:block;margin-block-end:revert;margin-block-start:revert;padding-block-end:.5em;padding-block-start:.5em;padding-inline-end:.5rem;padding-inline-start:.5rem;width:-moz-fit-content;width:fit-content}:host .checkbox ::slotted(label:hover),:host .radio ::slotted(label:hover){color:#111518}:host ::slotted(:is(select,input[type=date])){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:2.5rem}:host ::slotted(input[type=search]){padding-inline-start:2.5rem}:host ::slotted(textarea){display:block}:host .date .wrapper inputter-icon,:host .search .wrapper inputter-icon,:host .select .wrapper inputter-icon{height:1.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.5rem}:host .date .wrapper,:host .select .wrapper{width:-moz-fit-content;width:fit-content}:host .date .wrapper inputter-icon,:host .select .wrapper inputter-icon{color:#004ecc;right:calc(2px + .5rem)}:host .search .wrapper inputter-icon{color:#111518;left:calc(2px + .5rem)}:host .has-mask{position:relative}:host .has-mask .input-mask,:host .has-mask ::slotted(:is(input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text])){font-family:Courier New,Courier,monospace}:host .has-mask .input-mask{border:2px solid transparent;border-radius:.25rem;bottom:0;color:#767676;left:0;line-height:inherit;padding-block-end:.5rem;padding-block-start:.5rem;padding-inline-end:1rem;padding-inline-start:1rem;pointer-events:none;position:absolute;right:0;text-align:start;top:0;white-space:pre}:host .has-mask .wrapper{max-width:calc((var(--maxlength))*1ch + 2rem + 4px)}:host .has-mask ::slotted(input[type=text]){font-weight:700}:host .validation{align-items:center;color:#e3660e;-moz-column-gap:.25rem;column-gap:.25rem;display:flex;font-size:1rem;margin-block-start:.5rem;width:-moz-fit-content;width:fit-content}:host .validation .icon{flex-shrink:0;width:1.5rem}:host .helper{color:#111518;font-size:1rem;margin-block-end:1rem;margin-block-start:0;max-width:50ch}`,As=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host summary::-webkit-details-marker{display:none}:host .details{color:#111518}:host .toggle{flex-shrink:0;height:1.25rem;width:1.25rem}:host .heading{align-items:center;-moz-column-gap:0;column-gap:0;cursor:pointer;display:flex;font-size:1rem;margin-block-end:1rem;margin-block-start:0;max-width:50ch;width:-moz-fit-content;width:fit-content}:host .heading:hover{color:#111518;-webkit-text-decoration:underline;text-decoration:underline}:host .heading :focus:not(:focus-visible){outline-style:none}:host .heading:focus-visible{outline-color:#002f87;outline-offset:0;outline-style:solid;outline-width:.25rem}:host .content{border-inline-start-color:#c3ced5;border-inline-start-style:solid;border-inline-start-width:3px;font-size:.889;margin-block-end:1rem;margin-block-start:0;max-width:50ch;padding-inline-start:.5rem}`;let Bs=class extends(Mt(zs(Ss(Ut)))){static get properties(){return{helper:{type:String},isHelperOpen:{type:Boolean,attribute:"open-helper"},_helperId:{type:String,state:!0}}}static get scopedElements(){return{"inputter-detail":Ts,"inputter-icon":xo}}static get styles(){return Es}get classes(){const e=this._isSingle&&this.querySelector("input")?.type,t=this._isSingle&&this.querySelector("input")?.autocomplete||void 0;return{inputter:!0,select:this._isSelect,"has-mask":this.mask,radio:this._inputType===this._inputTypes.RADIO,checkbox:this._inputType===this._inputTypes.CHECKBOX,search:this._inputType===this._inputTypes.SEARCH,date:this._inputType===this._inputTypes.DATE,"has-disabled":this._hasDisabled,[`type-${e}`]:!!e,[`autocomplete-${t}`]:!!t}}get inlineStyles(){return this.mask?{"--maxlength":this.mask.length}:{}}get slottedStyles(){return'light-dom .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media not all and (min-resolution:0.001dpcm){light-dom input[type=radio]:checked:before{border:.25em solid #435460;border-radius:50%;content:"";display:block;height:0;width:0}light-dom input[type=checkbox]:checked:before{border:.125em solid #435460;border-left:initial;border-top:initial;content:"";display:block;height:.5em;transform:translateY(-10%) rotate(45deg);width:.25em}}light-dom input[type=date]::-webkit-datetime-edit,light-dom input[type=date]::-webkit-datetime-edit-day-field,light-dom input[type=date]::-webkit-datetime-edit-fields-wrapper,light-dom input[type=date]::-webkit-datetime-edit-month-field,light-dom input[type=date]::-webkit-datetime-edit-year-field{padding-block-end:0;padding-block-start:0}light-dom input[type=date]::-webkit-calendar-picker-indicator{bottom:0;height:auto;margin-inline-start:0;opacity:0;position:absolute;right:0;top:0;width:2rem}light-dom label{color:#111518;display:inline-block;margin-block-end:.5rem;margin-block-start:0;max-width:50ch}light-dom ::-moz-placeholder{color:#b0b0b0;opacity:1}light-dom ::placeholder{color:#b0b0b0;opacity:1}light-dom :is(input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea){background-color:#fff;border:2px solid #435460;border-radius:.25rem;color:#111518;font-family:British Gas Body,sans-serif;line-height:inherit;margin:0;padding-block-end:.5rem;padding-block-start:.5rem;padding-inline-end:1rem;padding-inline-start:1rem;width:100%}light-dom :is(input[type=date]:hover,input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,select:hover,textarea:hover){border-color:#111518;color:#111518}light-dom :is(input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus){border-color:#002f87;color:#111518;outline-color:#002f87;outline-offset:0;outline-style:solid;outline-width:.125rem}light-dom :is(input[type=date]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,select:disabled,textarea:disabled){background-color:#e2e2e2;border-color:#b0b0b0;color:#b0b0b0;pointer-events:none}light-dom :is(input[type=checkbox],input[type=radio]){align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.125em solid #435460;display:grid;font:inherit;height:2em;justify-content:center;margin:0;place-content:center;width:2em}light-dom :is(input[type=checkbox]:hover,input[type=radio]:hover){background-color:#c3ced5;border-color:#111518}light-dom :is(input[type=checkbox]:focus-visible,input[type=radio]:focus-visible){border-color:#002f87;outline-color:#002f87;outline-offset:0;outline-style:solid;outline-width:.125rem}light-dom :is(input[type=checkbox]:disabled,input[type=radio]:disabled){pointer-events:none}light-dom input[type=checkbox]{border-radius:.25rem}light-dom input[type=radio]{border-radius:50%}light-dom input[type=radio]:checked:before{border:.5em solid #004ecc;border-radius:50%;content:"";height:0;width:0}light-dom input[type=checkbox]:checked:before{border:.25em solid #004ecc;border-left:initial;border-top:initial;content:"";height:1.125em;transform:translateY(-10%) rotate(45deg);width:.625em}light-dom :is(input[type=checkbox],input[type=radio])+label{align-self:center;display:block;margin-block-end:revert;margin-block-start:revert;padding-block-end:.5em;padding-block-start:.5em;padding-inline-end:.5rem;padding-inline-start:.5rem;width:-moz-fit-content;width:fit-content}light-dom :is(input[type=checkbox],input[type=radio])+label:hover{color:#111518}light-dom :is(select,input[type=date]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:2.5rem}light-dom input[type=search]{padding-inline-start:2.5rem}light-dom textarea{display:block}light-dom[mask]:not([mask=""]) :is(input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text]){font-family:Courier New,Courier,monospace}light-dom[mask]:not([mask=""]) input[type=text]{font-weight:700}'}constructor(){super(),this.type="standard",this.isHelperOpen=!1,this._helperId=`${this._randomId}-helper`}willUpdate(e){super.willUpdate(e);const t=`${this._slottedInputs[0]?.getAttribute("id")||this._id}-validation`;let o=this.querySelector(`[id="${t}"]`);o||(o=document.createElement("div"),o.setAttribute("class","visually-hidden"),o.setAttribute("id",t),this.appendChild(o));const i=this._slottedInputs[0];this._shouldShowValidation?(o.setAttribute("aria-live","polite"),i?.setAttribute("aria-describedby",t),i?.setAttribute("aria-invalid","true"),o.textContent=`${this._isMultiple?this.heading:this._slottedLabel?.textContent} ${this.validationMessage}`):(i?.removeAttribute("aria-describedby"),i?.removeAttribute("aria-invalid"),o.textContent="")}_onChange(e){this._pristine=!1,e.stopPropagation();let t=this._processFormChangeValue(this._slottedValue);ft(this.mask)&&(t=this._processMaskChangeValue(t)),t!==this.value&&(this.value=t,this._fireChangeEvent()),this.validation&&this.validate()}_onBlur(e){this._pristine=!1,super._onBlur(e),this.validation&&this.validate()}_onInput(e){this._pristine=!1,e.stopPropagation();let t=this._slottedValue;ft(this.mask)&&(t=this._processMaskInputValue(t)),(this.mask||this.validation)&&t!==this.value&&(this.value=t,this._fireChangeEvent()),this.validation&&this.validate()}get _addValidationIcon(){return _e`<inputter-icon name="${to}" class="icon"></inputter-icon>`}get __isTipDetailAvailable(){return!!this.querySelector('[slot="tip-details"]')}get _addHelper(){if(this.helper)return this.__isTipDetailAvailable?_e`<inputter-detail ?open="${this.isHelperOpen}" id="${this._helperId}"><div slot="heading">${this.helper}</div><slot name="tip-details"></slot></inputter-detail>`:_e`<div class="helper" id="${this._helperId}">${this.helper}</div>`}get _inputTypeIcon(){return this._isSelect?"chevronDown":this._inputType===this._inputTypes.SEARCH?"search":this._inputType===this._inputTypes.DATE?"calendar":void 0}get _addInputTypeIcon(){const e=this._inputTypeIcon;return e?_e`<inputter-icon name="${e}"></inputter-icon>`:void 0}get _hasDisabled(){for(let e=0;e<this._slottedInputs?.length;e++)if(this._slottedInputs[e].disabled)return!0;return!1}get _multiInputHeading(){return _e`<legend>${this._addHeading}</legend>`}get __wrapperContent(){return _e`${this._isMultiple?this._multiInputHeading:this._addLabel} ${this._addHelper}<div class="wrapper">${super.standardTemplate} ${this._addMask} ${this._addInputTypeIcon}</div>${this._addValidationMessage}`}get standardTemplate(){return _e`<div class="${tt(this.classes)}
17" style="${st(this.inlineStyles)}" aria-describedby="${ft(this.helper&&!this.__isTipDetailAvailable?this._helperId:void 0)}" aria-details="${ft(this.helper&&this.__isTipDetailAvailable?this._helperId:void 0)}">${this._isMultiple?_e`<fieldset>${this.__wrapperContent}</fieldset>`:this.__wrapperContent}</div>`}};class Ts extends(Cs(Ut)){static get styles(){return As}constructor(){super(),this._toggleOpen="chevronDown",this._toggleClose="chevronUp",this._togglePosition="end",this._toggleEvent="helper-toggle"}}const Ms=O`*,:after,:before{box-sizing:border-box}body{font-family:British Gas Body,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}body,figure{margin:0}:host :is(button,input,optgroup,select,textarea):not(.ember-view){background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host [type=button],:host [type=reset],:host [type=submit],:host button{-webkit-appearance:button;-webkit-border-radius:0}:host fieldset{border:0;margin:0;padding:0}:host legend{padding:0}:host .inputter{--inputter-font-size:1rem;--layout-panel-gap:1.5rem}:host .inputter.date .wrapper,:host .inputter.select .wrapper{min-inline-size:15ch}:host .inputter.in-form-group .input-heading{font-family:British Gas Medium,sans-serif}:host .inputter.in-form-group .input-heading{font-size:var(--inputter-font-size)!important}:host .inputter.type-text .wrapper{--inputter-field-max-width:48ch}:host .inputter.type-email .wrapper{--inputter-field-max-width:36ch}:host .inputter.type-tel .wrapper{--inputter-field-max-width:16ch}:host .inputter[class*=password] .wrapper{--inputter-field-max-width:22rem}:host .inputter.type-number .wrapper{--inputter-field-max-width:8ch}:host .inputter.autocomplete-given-name .wrapper{--inputter-field-max-width:12ch}:host .inputter.autocomplete-family-name .wrapper{--inputter-field-max-width:12ch}:host .inputter.autocomplete-postal-code .wrapper{--inputter-field-max-width:8ch}:host .inputter ::slotted(label){font-family:British Gas Medium,sans-serif}:host .inputter ::slotted(label){font-size:var(--inputter-font-size)}:host .inputter ::slotted(:is(input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea)){font-size:var(--inputter-font-size)}:host .inputter ::slotted(input[type=password]){font-family:monospace!important}:host .inputter ::slotted(select){min-width:10ch}:host .inputter ::slotted(textarea){height:8.75em}:host .inputter.has-mask .wrapper{font-family:Courier New,Courier,monospace;font-size:var(--inputter-font-size)}:host .inputter.has-mask ::slotted(input){font-family:Courier New,Courier,monospace;font-size:var(--inputter-font-size)}:host .inputter.checkbox .wrapper,:host .inputter.radio .wrapper{display:block;line-height:inherit}:host .inputter.checkbox legend,:host .inputter.radio legend,:host .inputter.selector legend{overflow:auto}:host .inputter.checkbox .input-heading,:host .inputter.radio .input-heading,:host .inputter.selector .input-heading{margin-block-end:1rem;margin-block-start:0}:host .inputter.checkbox .input-heading,:host .inputter.radio .input-heading,:host .inputter.selector .input-heading{font-family:British Gas Medium,sans-serif;font-size:1.296rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .inputter.checkbox .input-heading,:host .inputter.radio .input-heading,:host .inputter.selector .input-heading{font-size:1.424rem}}@media (min-width:1620px){:host .inputter.checkbox .input-heading,:host .inputter.radio .input-heading,:host .inputter.selector .input-heading{font-size:1.44rem}}@media (min-width:720px){:host .inputter.checkbox .input-heading,:host .inputter.radio .input-heading,:host .inputter.selector .input-heading{margin-block-end:1.25rem}}@media (min-width:1620px){:host .inputter.checkbox .input-heading,:host .inputter.radio .input-heading,:host .inputter.selector .input-heading{margin-block-end:1.5rem}}:host .inputter.checkbox .input-heading,:host .inputter.radio .input-heading,:host .inputter.selector .input-heading{display:block;max-width:50ch}:host .inputter.checkbox ::slotted(input[type=checkbox]),:host .inputter.checkbox ::slotted(input[type=radio]),:host .inputter.radio ::slotted(input[type=checkbox]),:host .inputter.radio ::slotted(input[type=radio]),:host .inputter.selector ::slotted(input[type=checkbox]),:host .inputter.selector ::slotted(input[type=radio]){opacity:0;pointer-events:none;position:absolute}:host .inputter.selector .wrapper{max-width:none}:host .inputter.selector.has-scroller .wrapper{display:grid}:host .inputter.search .wrapper inputter-icon{top:calc(2px + .5rem);transform:none}:host .validation .message{color:#bf5910}@media (min-width:720px){:host .inputter{--inputter-font-size:1.067rem;--layout-panel-gap:2rem}}@media (min-width:1620px){:host .inputter{--inputter-font-size:1.067rem;--layout-panel-gap:2.25rem}}:host(.triple) .inputter .wrapper{grid-column-gap:var(--layout-panel-gap);grid-row-gap:var(--layout-panel-gap);-moz-column-gap:var(--layout-panel-gap);column-gap:var(--layout-panel-gap);display:grid;grid-template-rows:1fr;max-width:none;row-gap:var(--layout-panel-gap)}:host(.triple) .inputter .wrapper ::slotted(*)>:not(style){margin-inline-end:1.5rem;margin-inline-start:1.5rem}@media (min-width:1080px){:host(.triple) .inputter .wrapper{grid-template-columns:repeat(3,1fr)}}:host(.inline) .inputter.checkbox .wrapper,:host(.inline) .inputter.radio .wrapper{max-width:none}:host(.inline) .inputter.checkbox ::slotted(label),:host(.inline) .inputter.radio ::slotted(label){background-color:#fff;border:2px solid #c3ced5;border-radius:.5rem;margin-block-start:.5rem!important;min-width:12ch;padding-block-end:1em!important;padding-block-start:1em!important;padding-inline-end:1em!important;padding-inline-start:calc(3em + .5rem - 2px)!important;width:auto!important}@media (min-width:720px){:host(.inline) .inputter .wrapper{margin-block-start:-1rem;margin-inline-start:-1rem}:host(.inline) .inputter.checkbox ::slotted(label),:host(.inline) .inputter.radio ::slotted(label){display:inline-block!important;margin-block-start:1rem!important;margin-inline-start:1rem}}@media (min-width:1080px){:host(.inline) .inputter .wrapper{display:flow-root}}@media (min-width:1620px){:host(.inline) .inputter .wrapper{margin-inline-start:-1.25rem}:host(.inline) .inputter.checkbox ::slotted(label),:host(.inline) .inputter.radio ::slotted(label){margin-inline-start:1.25rem}}`;class Ls extends Bs{static get styles(){return[Ms,Bs.styles]}get slottedStyles(){return[super.slottedStyles,'light-dom input[type=search]::-webkit-search-decoration{-webkit-appearance:none}light-dom [slot=tip-details]{font-family:British Gas Body,sans-serif;font-size:.889rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){light-dom [slot=tip-details]{font-size:.889rem}}@media (min-width:1620px){light-dom [slot=tip-details]{font-size:.889rem}}@media (min-width:720px){light-dom [slot=tip-details]{margin-block-end:.75rem}}@media (min-width:1620px){light-dom [slot=tip-details]{margin-block-end:1rem}}light-dom [slot=tip-details] p{font-size:inherit}light-dom input[type=password]{font-family:monospace!important}light-dom select{min-width:10ch}light-dom textarea{height:8.75em}
17light-dom input[type=radio]{opacity:0;pointer-events:none;position:absolute}light-dom input[type=radio]+label{cursor:pointer;padding-inline-start:calc(2em + .5rem);position:relative}light-dom input[type=radio]+label:after,light-dom input[type=radio]+label:before{border-style:solid;content:"";left:1em;position:absolute;top:1.25em;transform:translate(-50%,-50%)}light-dom input[type=radio]+label:before{background-color:#fff;border-color:#435460;border-radius:50%;border-width:2px;height:2em;width:2em}light-dom input[type=radio]+label:after{border:.5em solid #004ecc;border-radius:50%;height:0;opacity:0;width:0}light-dom input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}light-dom input[type=checkbox]+label{cursor:pointer;padding-inline-start:calc(2em + .5rem);position:relative}light-dom input[type=checkbox]+label:after,light-dom input[type=checkbox]+label:before{border-style:solid;content:"";left:1em;position:absolute;top:1.25em;transform:translate(-50%,-50%)}light-dom input[type=checkbox]+label:before{background-color:#fff;border-color:#435460;border-radius:.25rem;border-width:2px;height:2em;width:2em}light-dom input[type=checkbox]+label:after{border:.25em solid #004ecc;border-left:initial;border-top:initial;height:1.125em;opacity:0;transform:translate(-50%,-60%) rotate(45deg);width:.625em}light-dom input[type=checkbox]+label+p,light-dom input[type=radio]+label+p{margin-inline-start:calc(2em + .5rem)}light-dom input[type=checkbox]+label:hover:before,light-dom input[type=radio]+label:hover:before{background-color:#c3ced5;border-color:#111518}light-dom input[type=checkbox]:focus+label:before,light-dom input[type=radio]:focus+label:before{border-color:#002f87;outline-color:#002f87;outline-offset:0;outline-style:solid;outline-width:.125rem}light-dom input[type=checkbox]:checked+label:after,light-dom input[type=radio]:checked+label:after{opacity:1}light-dom.inline input[type=checkbox]+label:after,light-dom.inline input[type=checkbox]+label:before,light-dom.inline input[type=radio]+label:after,light-dom.inline input[type=radio]+label:before{left:1.75em;top:1.75em}light-dom input[type=date]::-webkit-date-and-time-value{min-height:1.5rem}']}static get observedAttributes(){return[...super.observedAttributes,"ignoreseparator","ishelperopen"]}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"ignoreseparator"===e?this.ignoreSeparator=!0:"ishelperopen"===e&&(this.isHelperOpen=_o.fromAttribute(o))}get _isSelectorAvailable(){return this._selectors?.length>0}get _selectors(){return this.querySelectorAll("[data-selector]")}willUpdate(e){super.willUpdate(e);const t=this._selectors;t?.length>0&&Array.from(t).forEach((e=>{const t=e.querySelector("input");if(this.value?.length>0){this.value.split(",").includes(t.value)?(t.checked=!0,e._checked=!0):(t.checked=!1,e._checked=!1)}e._checked!==t.checked&&e.requestUpdate()})),setTimeout((()=>{if(!this.name){const e=this._slottedLabel?.textContent??this.querySelector("input select [data-selector]")?.name;e&&(this.name=e.split(" ").join("-").toLowerCase())}}),0)}get classes(){return{...super.classes,selector:this._isSelectorAvailable,"has-scroller":!!this.querySelector("ns-scroller"),radio:this._inputType===this._inputTypes.RADIO&&!this._isSelectorAvailable,checkbox:this._inputType===this._inputTypes.CHECKBOX&&!this._isSelectorAvailable,"in-form-group":this._isMultiple&&["-fieldset","-form-group"].some((e=>this.parentElement?.tagName?.toLowerCase()?.endsWith(e)))}}get _addHeading(){if(this.heading)return super._addHeading}}class qs extends Ls{}const Rs=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}body{font-family:British Gas Body,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}body,figure{margin:0}:host{display:block}:host .password input[type=text]{font-family:monospace}:host .password .show-hide{text-align:end}:host .password .show-hide [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}`,Ds=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host .messages{margin-block-end:2rem;margin-block-start:.5rem}:host .messages p{margin-block-end:.75rem;margin-block-start:0}:host .messages p{font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .messages p{font-size:1.067rem}}@media (min-width:1620px){:host .messages p{font-size:1.067rem}}@media (min-width:720px){:host .messages p{margin-block-end:.75rem}}@media (min-width:1620px){:host .messages p{margin-block-end:1rem}}:host .messages ul{margin-block-end:0;margin-block-start:0;padding-inline-start:0}:host .info{color:#1192e8}:host .info .message{color:#111518}:host .warning{color:#e3660e}:host .warning .message{color:#bf5910}:host .success{color:#1ba158}:host .success .message{color:#111518}`;class Is extends(Mt(ps(gs(Ut)))){static get scopedElements(){return{"new-password-inputter":Ps,"confirm-password-inputter":Os,"password-inputter":qs,"password-cta":ei}}static get styles(){return Rs}get slottedStyles(){return[super.slottedStyles,"light-dom [slot=tip-details]{font-family:British Gas Body,sans-serif;font-size:.889rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){light-dom [slot=tip-details]{font-size:.889rem}}@media (min-width:1620px){light-dom [slot=tip-details]{font-size:.889rem}}@media (min-width:720px){light-dom [slot=tip-details]{margin-block-end:.75rem}}@media (min-width:1620px){light-dom [slot=tip-details]{margin-block-end:1rem}}light-dom [slot=tip-details] p{font-size:inherit}"]}static get properties(){return{helper:{type:String},label:{type:String},confirmLabel:{type:String,attribute:"confirm-label"},_inputType:{type:String,state:!0},_newPasswordInputterRef:{type:Object,state:!0},_confirmPasswordInputterRef:{type:Object,state:!0},_currentPasswordInputterRef:{type:Object,state:!0},type:{converter:e=>"default"===e?"standard":e},_focusElement:{type:Object,state:!0}}}static get observedAttributes(){return[...super.observedAttributes,"confirmlabel"]}constructor(){super(),this.helper="",this.label="Password",this.confirmLabel="Confirm Password",this._inputType="password",this._newPasswordInputterRef=ss(),this._confirmPasswordInputterRef=ss(),this._currentPasswordInputterRef=ss()}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"confirmlabel"===e&&(this.confirmLabel=o)}get _slottedInputs(){let e=[];return e="confirm"===this.type?[this._newPasswordInputterRef.value,this._confirmPasswordInputterRef.value]:[this._currentPasswordInputterRef.value],e}get _slottedValue(){return this._slottedInputs[0].value}reportValidity(){return this.validity}get validity(){return this.validate()}formResetCallback(){super.formResetCallback(),this._slottedInputs.forEach((e=>{e._slottedInputs[0].value="",e.reset()}))}validate(){if("confirm"===this.type){const e=[this._slottedInputs[0].validity?.valid,this._slottedInputs[1].validity?.valid];return e[0]?e[1]||(this._focusElement=this._slottedInputs[1]):this._focusElement=this._slottedInputs[0],{valid:e[0]&&e[1]}}const e=this._slottedInputs[0].validity?.valid;return e||(this._focusElement=this._slottedInputs[0]),{valid:e}}focus(){this._focusElement?.focus?this._focusElement.focus():super.focus()}_toggleInputType(){this._inputType="password"===this._inputType?"text":"password"}_onShowHide(e){const t=e.target;let o;o="show-hide-confirm"===t.id?this._confirmPasswordInputterRef.value:"confirm"===this.type?this._newPasswordInputterRef.value:this._currentPasswordInputterRef.value,this._toggleInputType(),this.updateComplete.then((()=>{o._slottedInputs[0].focus()}))}get _showHideIcon(){return"password"===this._inputType?"show":"hide"}get _showHideText(){return"password"===this._inputType?"Show":"Hide"}get _tipDetailsHTML(){if(this.querySelector('[slot="tip-details"]'))return _e`<slot slot="tip-details" name="tip-details"></slot>`}_inputterHTML(e){const t="confirm-password"===e?void 0:this._tipDetailsHTML,o="confirm-password"===e?this.confirmLabel??"Confirm Password":this.label??"New Password",i="c
17onfirm-password"===e?"show-hide-confirm":"show-hide-password",s="confirm"===this.type?"new-password":"current-password";return _e`${t} <label slot="label">${o}</label><div class="show-hide"><password-cta type="text" icon="${this._showHideIcon}" id="${i}" @click="${this._onShowHide}" aria-label="${`${this._showHideText} password`}" aria-pressed="${"password"===this._inputType?"false":"true"}">${this._showHideText}</password-cta></div><input type="${this._inputType}" autocomplete="${s}">`}get confirmTemplate(){return _e`<div class="password"><new-password-inputter ${as(this._newPasswordInputterRef)} name="${this.name}" helper="${this.helper}">${this._inputterHTML("new-password")}</new-password-inputter><confirm-password-inputter ${as(this._confirmPasswordInputterRef)} .passwordValue="${gt(this.value)}">${this._inputterHTML("confirm-password")}</confirm-password-inputter></div>`}get standardTemplate(){return _e`<div class="password"><password-inputter ${as(this._currentPasswordInputterRef)} name="${this.name}" helper="${this.helper}" validation='["isRequired"]'>${this._inputterHTML("current-password")}</password-inputter></div>`}}class Os extends qs{static get styles(){return[super.styles,Ds]}static get properties(){return{passwordValue:{type:String,attribute:!1}}}constructor(){super(),this.validation=["isRequired"]}updated(e){e.has("passwordValue")&&this.validate()}validate(){super.validate();const e=this.value&&(this.passwordValue===this.value?"":"The passwords are not matching yet");return this._validationState=[...this._validationState,{name:"matchPassword",value:e}],this.__updateAllValidity(this.validationMessage),this._slottedInputs[0].validity}get _addValidationMessage(){return this.isPristine?_e`<div class="validation info"><inputter-icon class="icon" name="info"></inputter-icon><div class="message">Let's just check that's what you intended.</div></div>`:this.validationMessage?super._addValidationMessage:_e`<div class="validation success"><inputter-icon class="icon" name="success"></inputter-icon><div class="message">That matches perfectly!</div></div>`}}class Ps extends qs{static get styles(){return[super.styles,Ds]}static get properties(){return{_hasBlurred:{type:Boolean,state:!0},_validationLabels:{type:Object,state:!0}}}constructor(){super(),this._hasBlurred=!1,this._validationLabels={hasNumbers:{message:"Must contain at least one number",status:"info"},hasLetters:{message:"Must contain at least one letter",status:"info"},isBetween:{message:"Must be between 8-20 characters",status:"info"},isPassword:{message:"May contain certain special characters (e.g. ! @ # $ % ^ & ...)",status:"info"}},this.validation=["isRequired","hasNumbers","hasLetters","isBetween(8, 20)","isPassword"]}_onBlur(e){this._hasBlurred||(this._hasBlurred=!0),super._onBlur(e)}
17*_validationList(){const e=this._validationLabels;for(let t=0;t<Object.keys(e).length;t++){const o=Object.keys(e)[t],{message:i}=e[o];let{status:s}=e[o];if(this.value){const e=this._validationState.find((e=>e.name===o));e&&(s=e.value?"warning":"success")}yield _e`<li class="validation ${s}"><inputter-icon name="${s}" class="icon"></inputter-icon><div class="message">${i}</div></li>`}}get _addValidationMessage(){const e=this._validationState.filter((e=>"isRequired"===e.name))[0]?.value?_e`<div class="validation warning">${this._addValidationIcon}<div class="message" role="alert" aria-live="assertive"><div class="visually-hidden">${this._slottedLabel?.textContent}</div>${this.validationMessage}</div></div>`:void 0;let t="";t=this._hasBlurred&&e?"Your chosen password:":this._hasBlurred&&this.validationMessage?"Your password format is not quite right yet.":this.isPristine||this.validationMessage?"Your chosen password:":"That looks great - nice choice!";const o=this._hasBlurred&&!e&&this.validationMessage?_e`<p role="alert" aria-live="assertive" class="warning"><span class="message">${t}</span></p>`:_e`<p>${t}</p>`;return _e`${e}<div class="messages">${o}<ul>${this._validationList()}</ul></div>`}}const Hs=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host .panel{display:grid;position:relative}:host .panel{--layout-panel-spacer-block:2rem;--layout-panel-gap:1.5rem}@media (min-width:720px){:host .panel{--layout-panel-spacer-block:3rem;--layout-panel-gap:2rem}}@media (min-width:1620px){:host .panel{--layout-panel-spacer-block:4rem;--layout-panel-gap:2.25rem}}:host .panel.cyan-scheme{--scheme-heading-color:#001f52}:host .panel.cyan-scheme{--scheme-foreground-color:#111518}:host .panel.cyan-scheme{--scheme-background-color:#0093f5}:host .panel.cyan-scheme{--scheme-highlight-color:#99d6ff}:host .panel.cyan-scheme{--scheme-lowlight-color:#47b6ff}:host .panel.cyan-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .panel.cyan-scheme{--scheme-focus-outline-color:#002f87}:host .panel.cyan-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.cyan-light-scheme{--scheme-heading-color:#002f87}:host .panel.cyan-light-scheme{--scheme-foreground-color:#111518}:host .panel.cyan-light-scheme{--scheme-background-color:#ebf7ff}:host .panel.cyan-light-scheme{--scheme-highlight-color:#0093f5}:host .panel.cyan-light-scheme{--scheme-lowlight-color:#99d6ff}:host .panel.cyan-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .panel.cyan-light-scheme{--scheme-focus-outline-color:#002f87}:host .panel.cyan-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.lime-scheme{--scheme-heading-color:#001f52}:host .panel.lime-scheme{--scheme-foreground-color:#111518}:host .panel.lime-scheme{--scheme-background-color:#7fcc00}:host .panel.lime-scheme{--scheme-highlight-color:#c9ff70}:host .panel.lime-scheme{--scheme-lowlight-color:#aaff1f}:host .panel.lime-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .panel.lime-scheme{--scheme-focus-outline-color:#002f87}:host .panel.lime-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.lime-light-scheme{--scheme-heading-color:#002f87}:host .panel.lime-light-scheme{--scheme-foreground-color:#111518}:host .panel.lime-light-scheme{--scheme-background-color:#f7ffeb}:host .panel.lime-light-scheme{--scheme-highlight-color:#7fcc00}:host .panel.lime-light-scheme{--scheme-lowlight-color:#c9ff70}:host .panel.lime-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .panel.lime-light-scheme{--scheme-focus-outline-color:#002f87}:host .panel.lime-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.navy-scheme{--scheme-heading-color:#fff}:host .panel.navy-scheme{--scheme-foreground-color:#fff}:host .panel.navy-scheme{--scheme-background-color:#002f87}:host .panel.navy-scheme{--scheme-highlight-color:#004ecc}:host .panel.navy-scheme{--scheme-lowlight-color:#001f52}:host .panel.navy-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .panel.navy-scheme{--scheme-focus-outline-color:#ffc72c}:host .panel.navy-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.navy-light-scheme{--scheme-heading-color:#002f87}:host .panel.navy-light-scheme{--scheme-foreground-color:#111518}:host .panel.navy-light-scheme{--scheme-background-color:#ebf3ff}:host .panel.navy-light-scheme{--scheme-highlight-color:#004ecc}:host .panel.navy-light-scheme{--scheme-lowlight-color:#99c0ff}:host .panel.navy-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .panel.navy-light-scheme{--scheme-focus-outline-color:#002f87}:host .panel.navy-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.blue-scheme{--scheme-heading-color:#fff}:host .panel.blue-scheme{--scheme-foreground-color:#fff}:host .panel.blue-scheme{--scheme-background-color:#004ecc}:host .panel.blue-scheme{--scheme-highlight-color:#1f74ff}:host .panel.blue-scheme{--scheme-lowlight-color:#002f87}:host .panel.blue-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .panel.blue-scheme{--scheme-focus-outline-color:#ffc72c}:host .panel.blue-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.forest-scheme{--scheme-heading-color:#001f52}:host .panel.forest-scheme{--scheme-foreground-color:#111518}:host .panel.forest-scheme{--scheme-background-color:#00a33e}:host .panel.forest-scheme{--scheme-highlight-color:#70ffa6}:host .panel.forest-scheme{--scheme-lowlight-color:#00f55d}:host .panel.forest-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .panel.forest-scheme{--scheme-focus-outline-color:#002f87}:host .panel.forest-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.forest-light-scheme{--scheme-heading-color:#002f87}:host .panel.forest-light-scheme{--scheme-foreground-color:#111518}:host .panel.forest-light-scheme{--scheme-background-color:#ebfff3}:host .panel.forest-light-scheme{--scheme-highlight-color:#00a33e}:host .panel.forest-light-scheme{--scheme-lowlight-color:#70ffa6}:host .panel.forest-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .panel.forest-light-scheme{--scheme-focus-outline-color:#002f87}:host .panel.forest-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.membership-scheme{--scheme-heading-color:#001f52}:host .panel.membership-scheme{--scheme-foreground-color:#111518}:host .panel.membership-scheme{--scheme-background-color:#00f55d}:host .panel.membership-scheme{--scheme-highlight-color:#00a33e}:host .panel.membership-scheme{--scheme-lowlight-color:#70ffa6}:host .panel.membership-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .panel.membership-scheme{--scheme-focus-outline-color:#002f87}:host .panel.membership-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.slate-scheme{--scheme-heading-color:#fff}:host .panel.slate-scheme{--scheme-foreground-color:#fff}:host .panel.slate-scheme{--scheme-background-color:#111518}:host .panel.slate-scheme{--scheme-highlight-color:#435460}:host .panel.slate-scheme{--scheme-lowlight-color:#2a353d}:host .panel.slate-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .panel.slate-scheme{--scheme-focus-outline-color:#ffc72c}:host .panel.slate-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.orange-scheme{--scheme-heading-color:#001f52}:host .panel.orange-scheme{--scheme-foreground-color:#111518}:host .panel.orange-scheme{--scheme-background-color:#ff5900}:host .panel.orange-scheme{--scheme-highlight-color:#ffca99}:host .panel.orange-scheme{--scheme-lowlight-color:#ff9f47}:host .panel.orange-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .panel.orange-scheme{--scheme-focus-outline-color:#002f87}:host .panel.orange-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.orange-light-scheme{--scheme-heading-color:#002f87}:host .panel.orange-light-scheme{--scheme-foreground-color:#111518}:host .panel.orange-light-scheme{--scheme-background-color:#fff5eb}:host .panel.orange-light-scheme{--scheme-highlight-color:#ff5900}:host .panel.orange-light-scheme{--scheme-lowlight-color:#ffca99}:host .panel.orange-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .panel.orange-light-scheme{--scheme-focus-outline-color:#002f87}:host .panel.orange-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.red-scheme{--scheme-heading-color:#fff}:host .panel.red-scheme{--scheme-foreground-color:#fff}:host .panel.red-scheme{--scheme-background-color:#d50032}:host .panel.red-scheme{--scheme-highlight-color:#ff99b1}:host .panel.red-scheme{--scheme-lowlight-color:#e60f41}:host .panel.red-scheme{--scheme-action-foreground-color:#d6efff;--scheme-action-hover-foreground-color:#fff}:host .panel.red-scheme{--scheme-focus-outline-color:#ffc72c}:host .panel.red-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.yellow-scheme{--scheme-heading-color:#002f87}:host .panel.yellow-scheme{--scheme-foreground-color:#111518}:host .panel.yellow-scheme{--scheme-background-color:#ffc72c}:host .panel.yellow-scheme{--scheme-highlight-color:#cc9f23}:host .panel.yellow-scheme{--scheme-lowlight-color:#ffe395}:host .panel.yellow-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .panel.yellow-scheme{--scheme-focus-outline-color:#002f87}:host .panel.yellow-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.yellow-light-scheme{--scheme-heading-color:#002f87}:host .panel.yellow-light-scheme{--scheme-foreground-color:#111518}:host .panel.yellow-light-scheme{--scheme-background-color:#fff9ea}:host .panel.yellow-light-scheme{--scheme-highlight-color:#ffc72c}:host .panel.yellow-light-scheme{--scheme-lowlight-color:#ffeec0}:host .panel.yellow-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .panel.yellow-light-scheme{--scheme-focus-outline-color:#002f87}:host .panel.yellow-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.white-scheme{--scheme-heading-color:#002f87}:host .panel.white-scheme{--scheme-foreground-color:#111518}:host .panel.white-scheme{--scheme-background-color:#fff}:host .panel.white-scheme{--scheme-highlight-color:#c3ced5}:host .panel.white-scheme{--scheme-lowlight-color:#f3f5f7}:host .panel.white-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .panel.white-scheme{--scheme-focus-outline-color:#002f87}:host .panel.white-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel.grey-light-scheme{--scheme-heading-color:#002f87}:host .panel.grey-light-scheme{--scheme-foreground-color:#111518}:host .panel.grey-light-scheme{--scheme-background-color:#f3f5f7}:host .panel.grey-light-scheme{--scheme-highlight-color:#c3ced5}:host .panel.grey-light-scheme{--scheme-lowlight-color:#fff}:host .panel.grey-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .panel.grey-light-scheme{--scheme-focus-outline-color:#002f87}:host .panel.grey-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel[class*=-scheme]{color:var(--scheme-foreground-color)}:host .panel[class*=-scheme] :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .panel[class*=-scheme] a{color:var(--scheme-action-foreground-color)}:host .panel[class*=-scheme] a:hover{color:var(--scheme-action-hover-foreground-color)}:host .panel[class*=-scheme] a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .panel[class*=-scheme] [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .panel:not([class*=-scheme]){--scheme-heading-color:#002f87}:host .panel:not([class*=-scheme]){--scheme-foreground-color:#111518}:host .panel:not([class*=-scheme]){--scheme-background-color:#fff}:host .panel:not([class*=-scheme]){--scheme-highlight-color:#c3ced5}:host .panel:not([class*=-scheme]){--scheme-lowlight-color:#f3f5f7}:host .panel:not([class*=-scheme]){--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .panel:not([class*=-scheme]){--scheme-focus-outline-color:#002f87}:host .panel:not([class*=-scheme]){--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .panel:not(.inset){background-color:var(--scheme-background-color)}:host .panel [class^=layout-]{display:grid;grid-template-columns:5% 1fr 5%;grid-template-columns:var(--layout-gutter,5%) 1fr var(--layout-gutter,5%);padding-block-end:var(--layout-panel-spacer-block);padding-block-start:var(--layout-panel-spacer-block)}:host .panel [class^=layout-] ::slotted(:not(:first-child)){margin-block-start:var(--layout-panel-gap)}:host .panel [class^=layout-] ::slotted(*){grid-column-end:-2;grid-column-start:2;justify-self:center;max-width:1440px;width:100%}:host .panel [class^=layout-]{--layout-panel-spacer-block:2rem;--layout-panel-gap:1.5rem}@media (min-width:720px){:host .panel [class^=layout-]{--layout-panel-spacer-block:3rem;--layout-panel-gap:2rem}}@media (min-width:1620px){:host .panel [class^=layout-]{--layout-panel-spacer-block:4rem;--layout-panel-gap:2.25rem}}:host .panel [class^=layout-] .triple,:host .panel [class^=layout-] ::slotted(.triple){grid-column-gap:var(--layout-panel-gap);grid-row-gap:var(--layout-panel-gap);-moz-column-gap:var(--layout-panel-gap);column-gap:var(--layout-panel-gap);display:grid;grid-template-rows:1fr;row-gap:var(--layout-panel-gap)}@media (min-width:1080px){:host .panel [class^=layout-] .triple,:host .panel [class^=layout-] ::slotted(.triple){grid-template-columns:repeat(3,1fr)}}:host .panel .decoration{bottom:0;bottom:var(--bottom-offset,0);left:0;position:absolute;right:0;top:0;
17top:var(--top-offset,0);z-index:-1}:host .panel.inset{margin-block-end:var(--layout-panel-spacer-block);margin-block-start:var(--layout-panel-spacer-block)}:host .panel.inset [class^=layout-]{grid-template-columns:5% var(--layout-panel-spacer-block) 1fr var(--layout-panel-spacer-block) 5%}:host .panel.inset [class^=layout-] ::slotted(*){grid-column-end:-3;grid-column-start:3;max-width:calc(1440px - var(--layout-panel-spacer-block)*2)}:host .panel.inset:before{background-color:var(--scheme-background-color)}:host .panel.inset:before{border-radius:1rem;bottom:0;content:"";left:50%;max-width:1440px;position:absolute;top:0;transform:translateX(-50%);width:90%;z-index:-1}`;class Gs extends(Uo(Ut)){static get properties(){return{decoration:{type:String},inset:{type:Boolean,reflect:!0},_backgroundColour:{type:String,state:!0},_topSize:{type:Number,state:!0},_bottomSize:{type:Number,state:!0},_hasTop:{type:Boolean,state:!0},_hasBottom:{type:Boolean,state:!0},_resizeController:{type:Object,state:!0}}}constructor(){super(),this.type="panel",this.decoration="",this.inset=!1,this._backgroundColour="",this._topSize=0,this._bottomSize=0,this._hasTop=!1,this._hasBottom=!1,this._resizeController=new gi(this,{callback:()=>{const e=(e,t)=>(e?.offsetHeight||0)/100*t||void 0,t=this.children;return{top:e(t[0],this._topSize),bottom:e(t[t.length-1],this._bottomSize)}}})}static get styles(){return Hs}get slottedStyles(){return"light-dom{--panel-layout-margin-block:2rem}light-dom>*>:last-child{margin-block-end:0}light-dom :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):not([slot]){color:var(--scheme-heading-color)}light-dom:is(:not([decoration]),[decoration=white])+[inset]{margin-block-start:calc(var(--panel-layout-margin-block)*-1)}light-dom[inset]+:is(:not([decoration]),[decoration=white]){margin-block-start:calc(var(--panel-layout-margin-block)*-1)}@media (min-width:720px){light-dom{--panel-layout-margin-block:3rem}}@media (min-width:1620px){light-dom{--panel-layout-margin-block:4rem}}"}willUpdate(e){if(e.has("decoration")){const e=this.decoration&&this.decoration.split("-");let t="";if(e){if(t="circle"===e[0]||"invert"===e[0]?e[0]:"colour","colour"===t){const t=e[e.length-1],o=e[e.length-2];if(this._hasTop=Number.isFinite(Number(o)),this._hasBottom=Number.isFinite(Number(t)),this._topSize=o,this._bottomSize=t,this._hasTop||this._hasBottom){const e=new RegExp(`-${t}$`),i=new RegExp(`-${o}$`);this._backgroundColour=this.decoration.replace(e,"").replace(i,"")}else this._backgroundColour=this.decoration}else if("invert"===t){const t=this.decoration.replace(`${e[0]}-`,"").replace(`${e[1]}-`,"");this._backgroundColour="green-light"===t?"lime":t}else if("circle"===t){const t=e&&e[1];this._backgroundColour="green"===t?"lime":t}this._setSchemeValue(this._backgroundColour)}}}get standardTemplate(){const e={panel:!0,inset:this.inset,[`${this.type}-type`]:!!this.type,[`${this._backgroundColour}-scheme`]:!this._hasTop&&this._backgroundColour,[`${this._backgroundColour}-colour`]:this._hasTop&&this._backgroundColour},t={"--top-offset":this._resizeController.value?.top?`${this._resizeController.value.top}px`:void 0,"--bottom-offset":this._resizeController.value?.bottom?`${this._resizeController.value.bottom}px`:void 0};return _e`<div class="${tt(e)}"><div class="layout-${this.type}"><slot></slot></div>${"panel"===this.type?_e`<div class="decoration ${this._hasTop?`${this._backgroundColour}-scheme`:""}" style="${st(t)}"></div>`:void 0}</div>`}get panelTemplate(){return this.standardTemplate}get navTemplate(){return this.standardTemplate}}const Ns=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host ::slotted(.layout-row){grid-row-gap:1.5rem;display:grid;row-gap:1.5rem}`;class Vs extends Ut{static get styles(){return Ns}constructor(){super(),this._submit=this._submit.bind(this),this._reset=this._reset.bind(this)}connectedCallback(){super.connectedCallback(),queueMicrotask((()=>
17{if(this.__checkForFormEl(),this._nativeForm&&(this._nativeForm.setAttribute("novalidate",!0),!this._nativeForm.querySelector('[hidden][type="submit"]'))){const e=document.createElement("input");e.type="submit",e.hidden=!0,this._nativeForm.appendChild(e)}})),this.updateComplete.then((()=>{this._nativeForm&&this.__registerEvents()}))}disconnectedCallback(){super.disconnectedCallback(),this.__teardownEvents()}__registerEvents(){this._nativeForm?.addEventListener("submit",this._submit),this._submitButton?.addEventListener("click",this._submit),this._nativeForm?.addEventListener("reset",this._reset),this._resetButton?.addEventListener("click",this._reset)}__teardownEvents(){this._nativeForm?.removeEventListener("submit",this._submit),this._submitButton?.removeEventListener("click",this._submit),this._nativeForm?.removeEventListener("reset",this._reset),this._resetButton?.removeEventListener("click",this._reset)}__checkForFormEl(){if(!this._nativeForm)throw new Error("No form node found. Did you put a <form> element inside?")}_reset(){this.__checkForFormEl(),this._resetButton.disabled&&this._resetButton.loading||(this._nativeForm.reset(),Array.from(this._elements).forEach((e=>{const t=this._findInputElement(e);t!==e&&t.reset?.()})))}_submit(e){if(e.preventDefault(),e.stopPropagation(),this.__checkForFormEl(),!this._submitButton||this._submitButton.disabled||this._submitButton.loading)return;const t=this.validate();if(t.isValid)this.dispatchEvent(new CustomEvent("submit",{bubbles:!1,cancelable:!0,detail:{submitter:e.target}}));else{(({element:e,focusOn:t=e}={})=>{const o=window.matchMedia("(prefers-reduced-motion)");if(setTimeout((function(){o.matches||e.scrollIntoView({behavior:"smooth"})}),0),t.focus({preventScroll:!o.matches}),t!==document.activeElement){const e=t.getAttribute("tabindex");t.setAttribute("tabindex","-1"),t.focus({preventScroll:!o.matches}),t.setAttribute("tabindex",e)}})({element:t.validationStates.filter((e=>!e.isValid))[0].formElement})}return t.isValid}get _elements(){return this._nativeForm.elements}get _nativeForm(){return this.querySelector("form")}get _submitButton(){return this.querySelector('button:not([hidden])[type="submit"]')||this.querySelector('input:not([hidden])[type="submit"]')||this.querySelector('*:not([hidden])[type="submit"]')}get _resetButton(){return this.querySelector('button:not([hidden])[type="reset"]')||this.querySelector('input:not([hidden])[type="reset"]')||this.querySelector('*:not([hidden])[type="reset"]')}_findInputElement(e){let t=0,o=e.parentElement;for(;o&&!o?._inputElement&&(o=o.parentElement,t+=1,!(t>=10)););return o?._inputElement?o:e}validate(){let e=!0;const t=Array.from(this._elements).reduce(((t,o)=>{o=this._findInputElement(o);const{name:i}=o;if(t.filter((e=>e.name===i)).length>0||o===this._submitButton||o===this._resetButton||"submit"===o.type)return t;o.reportValidity&&o.reportValidity();const{validity:s}=o;if(s){const{value:n}=o,{valid:r,validationMessage:a}=s;e=Boolean(e&s.valid),t.push({name:i,value:n,isValid:r,error:a,validity:s,formElement:o})}return t}),[]);return{isValid:e,validationStates:t}}get standardTemplate(){return _e`<slot></slot>`}}const Fs=Et((e=>class extends e{static get properties(){return{_context:{type:Object,state:!0}}}})),js=Et((e=>class extends(Fs(e)){connectedCallback(){super.connectedCallback(),this._context=new Ao(this,{context:Bo,initialValue:{form:!0}})}})),Us=Et((e=>class extends(Fs(e)){connectedCallback(){super.connectedCallback(),this.updateComplete.then((()=>{this._context=new So(this,{context:Bo,subscribe:!0})}))}get _formContextValue(){return this._context?.value?.form}get __privacyTarget(){return this._formContextValue?"_blank":void 0}get __privacyRel(){return this._formContextValue?"noopener noreferrer":void 0}})),Ws=O`:host{display:block}:host ::slotted(form),:host form{--form-gap:1rem;grid-gap:1rem;grid-gap:var(--form-gap);display:grid}@media (min-width:720px){:host ::slotted(form),:host form{--form-gap:1.5rem}}@media (min-width:1620px){:host ::slotted(form),:host form{--form-gap:2rem}}`;class Ks extends(js(Vs)){static get properties(){return{_hasNativeForm:{type:Boolean,state:!0}}}constructor(){super(),this.__inputKeyPressHandler=this.__inputKeyPressHandler.bind(this),this._hasNativeForm=!1}static get styles(){return Ws}get _elements(){if(this.querySelector("form"))return this.querySelector("form").elements;const e=this.querySelectorAll("*");return Array.from(e).filter((e=>!(!e._inputElement||this._findInputElement(e).nodeName!==e.nodeName)))}get elements(){return this._elements}get isValid(){return this.validate().isValid}validate(){const e=super.validate(),t=[],o={};Array.from(this.elements).filter((e=>Array.from(e.nodeName).includes("-")&&e.attributes&&e.attributes.name&&e.attributes.name.value&&e)).forEac
17h((e=>{const i={name:e.attributes.name.value,isValid:e.validity.valid,value:e.value,error:e.error,input:e};t.push(i),o[i.name]=i}));const i={...e,fields:t,fieldsByName:o},s=new CustomEvent("validated",{bubbles:!0,composed:!0,detail:{validation:i}});return this.dispatchEvent(s),i}get _nativeForm(){return this.querySelector("form")?this.querySelector("form"):this.shadowRoot.querySelector("form")}get _submitButton(){if(!this.querySelector("form")){const e=this.querySelectorAll(":scope > ns-cta"),t=e=>e.filter((e=>!e.href&&"reset"!==e.type&&!e.isEqualNode(this._resetButton)));let o=t(Array.from(e));0===o.length&&(o=t(Array.from(this.querySelectorAll("ns-cta"))));let i=o?.length||0;for(;i>0&&"direct"!==o[i-1].type;)i-=1;const s=o?.[i>0?i-1:o.length-1];return s||super._submitButton}return super._submitButton}__checkForFormEl(){}__inputKeyPressHandler(e){"Enter"===e.key&&this._submit(e)}firstUpdated(){if(super.firstUpdated(),this.querySelector("form"))this._hasNativeForm=!0;else{console.warn("Form component requires a native form element to be present.");new MutationObserver((()=>{this.connectedCallback(),this._submitButton&&(this._submitButton._isButton=!0)})).observe(this,{characterData:!0,childList:!0,subtree:!0}),this.connectedCallback(),1!==this._elements?.length||"INPUT"!==this._elements[0].nodeName&&!this._elements[0]._isSingle||(this._elements[0].removeEventListener("keyup",this.__inputKeyPressHandler),this._elements[0].addEventListener("keyup",this.__inputKeyPressHandler)),this._submitButton&&(this._submitButton._isButton=!0)}}get standardTemplate(){return this._hasNativeForm?_e`<slot></slot>`:_e`<form><slot></slot></form>`}}const Ys=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host .column{--column-layout-gap:1.5rem;--column-max:1;grid-column-gap:1.5rem;grid-column-gap:var(--column-layout-gap);grid-row-gap:1.5rem;grid-row-gap:var(--column-layout-gap);-moz-column-gap:1.5rem;column-gap:1.5rem;-moz-column-gap:var(--column-layout-gap);column-gap:var(--column-layout-gap);display:grid;row-gap:1.5rem;row-gap:var(--column-layout-gap)}:host .column ::slotted(:nth-child(n)){grid-column:span 1}:host .column.auto{grid-template-columns:repeat(auto-fit,minmax(calc((100% - var(--column-layout-gap)*var(--column-max))/var(--column-max)),1fr))}@media (min-width:480px){:host .column:not(.auto){grid-template-columns:var(--tenniscourt-template-column)}}@media (min-width:720px){:host .column{--column-layout-gap:2rem;--column-max:2}:host .column:not(.auto){grid-template-columns:var(--basketballcourt-template-column)}}@media (min-width:1080px){:host .column{--column-max:3}:host .column:not(.auto){grid-template-columns:var(--hockeypitch-template-column)}:host .column:not(.auto) ::slotted(:nth-child(n)){grid-column:var(--hockeypitch-item)}:host .column:not(.auto) ::slotted(:nth-child(odd)){grid-column:var(--hockeypitch-item1)}:host .column:not(.auto) ::slotted(:nth-child(2n+2)){grid-column:var(--hockeypitch-item2)}}@media (min-width:1270px){:host .column{--column-max:4}:host .column:not(.auto){grid-template-columns:var(--footballpitch-template-column)}:host .column:not(.auto) ::slotted(:nth-child(n)){grid-column:var(--footballpitch-item)}:host .column:not(.auto) ::slotted(:nth-child(odd)){grid-column:var(--footballpitch-item1)}:host .column:not(.auto) ::slotted(:nth-child(2n+2)){grid-column:var(--footballpitch-item2)}}@media (min-width:1620px){:host .column{--column-layout-gap:2.25rem}:host .column:not(.auto){grid-template-columns:var(--rugbypitch-template-column)}:host .column:not(.auto) ::slotted(:nth-child(n)){grid-column:var(--rugbypitch-item)}:host .column:not(.auto) ::slotted(:nth-child(odd)){grid-column:var(--rugbypitch-item1)}:host .column:not(.auto) ::slotted(:nth-child(2n+2)){grid-column:var(--rugbypitch-item2)}}@media (min-width:2430px){:host .column:not(.auto){grid-template-columns:var(--polofield-template-column)}:host .column:not(.auto) ::slotted(:nth-child(n)){grid-column:var(--polofield-item)}:host .column:not(.auto) ::slotted(:nth-child(odd)){grid-column:var(--polofield-item1)}
17:host .column:not(.auto) ::slotted(:nth-child(2n+2)){grid-column:var(--polofield-item2)}}`,Qs=["basketballcourt","hockeypitch","footballpitch","rugbypitch","polofield"];class Zs extends Ut{static get properties(){return{tenniscourt:{type:String,attribute:"tennis-court"},basketballcourt:{type:String,attribute:"basketball-court"},hockeypitch:{type:String,attribute:"hockey-pitch"},footballpitch:{type:String,attribute:"football-pitch"},rugbypitch:{type:String,attribute:"rugby-pitch"},polofield:{type:String,attribute:"polo-field"},auto:{type:Boolean}}}static get styles(){return Ys}static get observedAttributes(){return[...super.observedAttributes,...Qs]}constructor(){super(),this.tenniscourt="",this.basketballcourt="",this.hockeypitch="",this.footballpitch="",this.rugbypitch="",this.polofield="",this.auto=!1}get _viewports(){return["tenniscourt","basketballcourt","hockeypitch","footballpitch","rugbypitch","polofield"]}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),Qs.includes(e)&&(this[e]=o)}willUpdate(e){super.willUpdate(e),this._viewports.forEach((e=>{if(""===this[e]){const t=this._viewports.indexOf(e)-1,o=this[this._viewports[t]]?this[this._viewports[t]]:"1";this[e]=o}else this[e]=this.columnValidator(e)}))}columnValidator(e){const t=this[e].toString();return t&&!{tenniscourt:["1","2"],basketballcourt:["1","2"],hockeypitch:["1","2","3","1:2","2:1"],footballpitch:["1","2","3","4","1:2","2:1","1:3","3:1","1:3","3:1","1:4","4:1","2:3","3:2"],rugbypitch:["1","2","3","4","1:2","2:1","1:3","3:1","1:4","4:1","2:3","3:2"],polofield:["1","2","3","4","1:2","2:1","1:3","3:1","1:4","4:1","2:3","3:2"]}[e].includes(t)?(console.warn(`ns-column - value of ${t} is not allowed for the ${e} viewport. Defaulting to 1 column`),"1"):t}get _inlineStyles(){const e={};return this._viewports.forEach((t=>{const o=this[t];if(o.includes(":")){const i=o.split(":").map(Number),s=i.reduce(((e,t)=>e+t),0);e[`--${t}-template-column`]=`repeat(${s}, minmax(0, 1fr))`,e[`--${t}-item1`]=`span ${i[0]}`,e[`--${t}-item2`]=`span ${i[1]}`,e[`--${t}-item`]=""}else e[`--${t}-template-column`]=`repeat(${o}, minmax(0, 1fr))`,e[`--${t}-item`]="span 1",e[`--${t}-item1`]="",e[`--${t}-item2`]=""})),e}get standardTemplate(){const e={column:!0,auto:this.auto};return _e`<div class="${tt(e)}" style="${st(this._inlineStyles)}"><slot></slot></div>`}}const Xs=O`:host{display:block}:host{--scheme-heading-color:#002f87}:host{--scheme-foreground-color:#111518}:host{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host{--scheme-focus-outline-color:#002f87}:host{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host{background-color:var(--scheme-background-color)}:host{color:var(--scheme-foreground-color)}:host :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host a{color:var(--scheme-action-foreground-color)}:host a:hover{color:var(--scheme-action-hover-foreground-color)}:host a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host ::slotted(a){color:var(--scheme-action-foreground-color)}:host ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host ::slotted([slot=heading]){margin-block-end:1rem;margin-block-start:0}:host ::slotted([slot=heading]){font-family:British Gas Medium,sans-serif;font-size:1.683rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host ::slotted([slot=heading]){font-size:2.281rem}}@media (min-width:1620px){:host ::slotted([slot=heading]){font-size:2.488rem}}@media (min-width:720px){:host ::slotted([slot=heading]){margin-block-end:1.5rem}}@media (min-width:1620px){:host ::slotted([slot=heading]){margin-block-end:2rem}}:host input[type=radio]{opacity:0;pointer-events:none;position:absolute}:host input[type=radio]+label{cursor:pointer;padding-inline-start:calc(2em + .5rem);position:relative}:host input[type=radio]+label:after,:host input[type=radio]+label:before{border-style:solid;content:"";left:1em;position:absolute;top:1.25em;transform:translate(-50%,-50%)}:host input[type=radio]+label:before{background-color:#fff;border-color:#435460;border-width:2px;height:2em;width:2em}:host input[type=radio]+label:before{border-radius:50%}:host input[type=radio]+label:after{opacity:0}
17:host input[type=radio]+label:after{border:.5em solid #004ecc;border-radius:50%;height:0;width:0}:host input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}:host input[type=checkbox]+label{cursor:pointer;padding-inline-start:calc(2em + .5rem);position:relative}:host input[type=checkbox]+label:after,:host input[type=checkbox]+label:before{border-style:solid;content:"";left:1em;position:absolute;top:1.25em;transform:translate(-50%,-50%)}:host input[type=checkbox]+label:before{background-color:#fff;border-color:#435460;border-width:2px;height:2em;width:2em}:host input[type=checkbox]+label:before{border-radius:.25rem}:host input[type=checkbox]+label:after{opacity:0}:host input[type=checkbox]+label:after{border:.25em solid #004ecc;border-left:initial;border-top:initial;height:1.125em;transform:translate(-50%,-60%) rotate(45deg);width:.625em}:host input[type=checkbox]+label+p,:host input[type=radio]+label+p{margin-inline-start:calc(2em + .5rem)}:host input[type=checkbox]+label:hover:before,:host input[type=radio]+label:hover:before{background-color:#c3ced5;border-color:#111518}:host input[type=checkbox]:focus+label:before,:host input[type=radio]:focus+label:before{border-color:#002f87;outline-color:#002f87;outline-offset:0;outline-style:solid;outline-width:.125rem}:host input[type=checkbox]:checked+label:after,:host input[type=radio]:checked+label:after{opacity:1}.inline:host input[type=checkbox]+label:after,.inline:host input[type=checkbox]+label:before,.inline:host input[type=radio]+label:after,.inline:host input[type=radio]+label:before{left:1.75em;top:1.75em}`;class Js extends(Mt(Ut)){static get scopedElements(){return{"overview-inputter":Ls,"overview-form":Ks,"overview-column":Zs}}static get properties(){return{initialExcess:{type:Number,attribute:"initial-excess"},excess:{type:Array},pricing:{type:Array},priceheading:{type:String,attribute:"price-heading"},_selectedExcess:{type:Number,state:!0},_inputterRef:{type:Object,state:!0}}}static get styles(){return Xs}get slottedStyles(){return"light-dom [slot=heading]{font-family:British Gas Medium,sans-serif;font-size:1.683rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){light-dom [slot=heading]{font-size:2.281rem}}@media (min-width:1620px){light-dom [slot=heading]{font-size:2.488rem}}@media (min-width:720px){light-dom [slot=heading]{margin-block-end:1.5rem}}@media (min-width:1620px){light-dom [slot=heading]{margin-block-end:2rem}}"}static get observedAttributes(){return[...super.observedAttributes,"priceheading"]}constructor(){super(),this.priceheading="Estimated Price",this.pricing=[],this._inputterRef=ss()}connectedCallback(){super.connectedCallback(),this._updatePricing()}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"priceheading"===e&&(this.priceheading=o)}willUpdate(e){e.has("pricing")&&this._updatePricing()}_monthlyPrice(e){return e?"number"==typeof e?`\n <div>\n ${this._singleMonthlyPrice(e)}\n </div>\n `:isNaN(e.now)?`\n <div>\n ${this._addPrice(e.now["primary-price"],"month",!0,e.now["primary-prefix"])}\n </div>\n ${e.now["primary-extra"]?`<p>${e.now["primary-extra"]}</p>`:""}\n ${this._addPrice(e.now["secondary-price"],"month",!0,e.now["secondary-prefix"])}\n `:`\n <div>\n ${this._wasMonthlyPrice(e)}\n ${this._nowMonthlyPrice(e)}\n </div>\n `:""}_wasMonthlyPrice(e){return this._addPrice(e?.was,"month",!0,"Was")}_nowMonthlyPrice(e){const t=this.isAvailable(e?.was);return this._addPrice(e?.now,"month",!0,t?"Now":"")}_singleMonthlyPrice(e){return this._addPrice(e,"month")}_annualPrice(e,t=!1){return this._addPrice(e,"year",t)}_addPrice(e,t,o=!0,i=""){return this.isAvailable(e)?`\n <p>\n ${i?`${i}`:""}\n ${o?"<b>":""}\n ${i&&"Was"===i?"<s>":""}\n <ns-price pence="${e}" showdecimal></ns-price>\n ${i&&"Was"===i?"</s>":""}\n ${o?"</b>":""}\n ${t?`/ ${t}`:""}\n </p>`:""}_pricingTemplateFor(e){return`\n ${this._monthlyPrice(e.monthly)}\n ${this._annualPrice(e.annually,!e.monthly)}\n `}_updatePricing(){if(this.pricing){const e=this.querySelectorAll("[slot^='product-']");Array.from(e).forEach(((e,t)=>{const o=this.pricing[t]?.excess>0?` (£${this.pricing[t].excess}
17 Excess)`:"";let i=e.querySelector('[slot="price-heading"]');i||(i=document.createElement("h3"),i.setAttribute("slot","price-heading"),e.appendChild(i)),i.innerHTML=`${this.priceheading}${o}`;let s=e.querySelector('[slot="price"]');s||(s=document.createElement("div"),s.setAttribute("slot","price"),e.appendChild(s)),s.innerHTML=this._pricingTemplateFor(this.pricing[t])}))}}isAvailable(e){return!!e&&!isNaN(e)}_excessChangeHandler(){this._selectedExcess=this._inputterRef?.value?.value,this.updateComplete.then((()=>{this.dispatchEvent(new CustomEvent("excess-change",{detail:{value:this._selectedExcess}}))}))}get _productCardCount(){return this.querySelectorAll("[slot^='product-']").length}get _contentSlot(){return _e`<div><slot name="content"></slot></div>`}get _content(){if(this.excess){let e;return e=this.excess.includes(Number.parseInt(this._selectedExcess,10))?this._selectedExcess:this.excess.includes(this.initialExcess)?this.initialExcess:Math.max(...this.excess),_e`<overview-column hockeypitch="2:1">${this._contentSlot}<overview-form id="choose-excess"><form><overview-inputter ${as(this._inputterRef)} heading="Choose your excess" helper="What does excess mean?" @change="${()=>this._excessChangeHandler()}"><div slot="tip-details">This is the fee you will pay once for each completed repair. The higher the excess fee you select, the lower the monthly or annual price you pay.</div>${jt(this.excess,(t=>_e`<input type="radio" id="excess-${t}" name="excessAmount" ?checked="${t===e}" value="${t}"> <label for="excess-${t}">£${t}</label>`))}</overview-inputter><form></form></form></overview-form></overview-column>`}return this._contentSlot}*_productCardSlotHtml(){for(let e=1;e<=this._productCardCount;e++)yield _e`<slot name="product-${e}"></slot>`}get _download(){const e=this.querySelectorAll('[slot="download-files"]');return e&&e.length?_e`<div class="downloads"><h3>Important documents</h3><slot name="download-files"></slot></div>`:void 0}get standardTemplate(){return _e`<div class="product-card-overview"><overview-column><slot name="heading"></slot>${this._content}<overview-column id="productCardsSlot" basketballcourt="${this._productCardCount>3?2:1}" hockeypitch="${this._productCardCount>3?2:3}" footballpitch="${this._productCardCount>3?4:3}">${this._productCardSlotHtml()}</overview-column>${this._download}</overview-column></div>`}}const en=O`*,:after,:before{box-sizing:border-box}body{font-family:British Gas Body,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}body,figure{margin:0}@font-face{font-display:fallback;font-family:British Gas Body;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Body.woff2) format("woff2");unicode-range:u+0020-22,u+0025-003b,u+003f-005a,u+005f-007a,u+007c,u+00a0,u+00a3,u+00a9,u+2013-201d,u+fb00-fb04}@font-face{font-display:fallback;font-family:British Gas Body;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Body-extended.woff2) format("woff2");unicode-range:u+0023-0024,u+003c-003e,u+005b-005e,u+007b,u+00a1-a2,u+00a4-a8,u+00aa-2012,u+201e-faff}@font-face{font-display:fallback;font-family:British Gas Medium;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Medium.woff2) format("woff2");unicode-range:u+0020-22,u+0025-003b,u+003f-005a,u+005f-007a,u+007c,u+00a0,u+00a3,u+00a9,u+2013-201d,u+fb00-fb04}@font-face{font-display:fallback;font-family:British Gas Medium;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Medium-extended.woff2) format("woff2");unicode-range:u+0023-0024,u+003c-003e,u+005b-005e,u+007b,u+00a1-a2,u+00a4-a8,u+00aa-2012,u+201e-faff}@font-face{font-display:fallback;font-family:British Gas Subhead;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Subhead.woff2) format("woff2");unicode-range:u+0020-22,u+0025-003b,u+003f-005a,u+005f-007a,u+007c,u+00a0,u+00a3,u+00a9,u+2013-201d,u+fb00-fb04}@font-face{font-display:fallback;font-family:British Gas Subhead;src:url(https://www.britishgas.co.uk/nucleus/fonts/BritishGas-Subhead-extended.woff2) format("woff2");unicode-range:u+0023-0024,u+003c-003e,u+005b-005e,u+007b,u+00a1-a2,u+00a4-a8,u+00aa-2012,u+201e-faff}
17html .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}html{color:#111518;font-size:16px;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.ndsn .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ndsn h1,.ndsn h2,.ndsn h3,.ndsn h4,.ndsn h5,.ndsn h6,.ndsn p{font-weight:400;margin-block-start:0;max-width:50ch}.ndsn b,.ndsn strong{font-weight:400}.ndsn b,.ndsn em,.ndsn i,.ndsn strong{font-family:British Gas Medium,sans-serif}.ndsn em,.ndsn i{font-style:normal}.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6){font-family:British Gas Body,sans-serif}.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6) .embolden,.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6) b,.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6) em,.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6) i,.ndsn .enlighten:not(h1):not(.h1):not(h2):not(.h2):not(h3):not(.h3):not(h4):not(.h4):not(h5):not(.h5):not(h6):not(.h6) strong{font-family:British Gas Medium,sans-serif}.ndsn p{font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn p{font-size:1.067rem}}@media (min-width:1620px){.ndsn p{font-size:1.067rem}}@media (min-width:720px){.ndsn p{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn p{margin-block-end:1rem}}.ndsn .h1,.ndsn h1{font-family:British Gas Medium,sans-serif;font-size:1.8rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h1,.ndsn h1{font-size:2.563rem}}@media (min-width:1620px){.ndsn .h1,.ndsn h1{font-size:3.583rem}}@media (min-width:720px){.ndsn .h1,.ndsn h1{margin-block-end:1.5rem}}@media (min-width:1620px){.ndsn .h1,.ndsn h1{margin-block-end:2rem}}.ndsn .h2,.ndsn h2{font-family:British Gas Medium,sans-serif;font-size:1.683rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h2,.ndsn h2{font-size:2.281rem}}@media (min-width:1620px){.ndsn .h2,.ndsn h2{font-size:2.488rem}}@media (min-width:720px){.ndsn .h2,.ndsn h2{margin-block-end:1.5rem}}@media (min-width:1620px){.ndsn .h2,.ndsn h2{margin-block-end:2rem}}.ndsn .h3,.ndsn h3{font-family:British Gas Medium,sans-serif;font-size:1.383rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h3,.ndsn h3{font-size:1.602rem}}@media (min-width:1620px){.ndsn .h3,.ndsn h3{font-size:1.728rem}}@media (min-width:720px){.ndsn .h3,.ndsn h3{margin-block-end:1.25rem}}@media (min-width:1620px){.ndsn .h3,.ndsn h3{margin-block-end:1.5rem}}.ndsn .h4,.ndsn h4{font-family:British Gas Medium,sans-serif;font-size:1.296rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h4,.ndsn h4{font-size:1.424rem}}@media (min-width:1620px){.ndsn .h4,.ndsn h4{font-size:1.44rem}}@media (min-width:720px){.ndsn .h4,.ndsn h4{margin-block-end:1.25rem}}@media (min-width:1620px){.ndsn .h4,.ndsn h4{margin-block-end:1.5rem}}.ndsn .h5,.ndsn h5{font-family:British Gas Medium,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h5,.ndsn h5{font-size:1.266rem}}@media (min-width:1620px){.ndsn .h5,.ndsn h5{font-size:1.266rem}}@media (min-width:720px){.ndsn .h5,.ndsn h5{margin-block-end:1.25rem}}@media (min-width:1620px){.ndsn .h5,.ndsn h5{margin-block-end:1.5rem}}.ndsn .h6,.ndsn h6{font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){.ndsn .h6,.ndsn h6{font-size:1.266rem}}@media (min-width:1620px){.ndsn .h6,.ndsn h6{font-size:1.266rem}}@media (min-width:720px){.ndsn .h6,.ndsn h6{margin-block-end:1.25rem}}@media (min-width:1620px){.ndsn .h6,.ndsn h6{margin-block-end:1.5rem}}.ndsn .p-feature{font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn .p-feature{font-size:1.424rem}}@media (min-width:1620px){.ndsn .p-feature{font-size:1.424rem}}@media (min-width:720px){.ndsn .p-feature{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn .p-feature{margin-block-end:1rem}}.ndsn .p-large{font-family:British Gas Body,sans-serif;font-size:1.476rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn .p-large{font-size:1.602rem}}@media (min-width:1620px){.ndsn .p-large{font-size:1.602rem}}@media (min-width:720px){.ndsn .p-large{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn .p-large{margin-block-end:1rem}}.ndsn .p-normal{font-family:British Gas Body,sans-serif;font-size:1.067rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn .p-normal{font-size:1.125rem}}@media (min-width:1620px){.ndsn .p-normal{font-size:1.125rem}}@media (min-width:720px){.ndsn .p-normal{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn .p-normal{margin-block-end:1rem}}.ndsn .p-small{font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn .p-small{font-size:1.067rem}}@media (min-width:1620px){.ndsn .p-small{font-size:1.067rem}}@media (min-width:720px){.ndsn .p-small{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn .p-small{margin-block-end:1rem}}.ndsn .p-caption{font-family:British Gas Body,sans-serif;font-size:.889rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn .p-caption{font-size:.889rem}}@media (min-width:1620px){.ndsn .p-caption{font-size:.889rem}}@media (min-width:720px){.ndsn .p-caption{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn .p-caption{margin-block-end:1rem}}.ndsn h1#marketing{font-family:British Gas Subhead,sans-serif;font-size:2.056rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){.ndsn h1#marketing{font-size:2.884rem}}@media (min-width:1620px){.ndsn h1#marketing{font-size:4.3rem}}.ndsn :is(button,input,optgroup,select,textarea):not(.ember-view){background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}.ndsn [type=button],.ndsn [type=reset],.ndsn [type=submit],.ndsn button{-webkit-appearance:button;-webkit-border-radius:0}.ndsn fieldset{border:0;margin:0;padding:0}.ndsn legend{padding:0}.ndsn a{color:var(--scheme-action-foreground-color);font-family:British Gas Medium,sans-serif;font-weight:400}.ndsn a:hover{color:var(--scheme-action-hover-foreground-color)}.ndsn a:focus-visible{outline-color:var(--scheme-focus-outline-color)}.ndsn a{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}.ndsn a :focus:not(:focus-visible){outline-style:none}.ndsn a:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}.ndsn a:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}.ndsn a:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}.ndsn a:has(>[href=""]){-webkit-text-decoration:none;text-decoration:none}.ndsn [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}.ndsn [href="#caveat"]{display:inline-block;font-family:monospace;font-size:1rem;line-height:1.2;padding-inline:.25rem;position:relative;vertical-align:top}.ndsn [href="#caveat"]:after{bottom:-.5rem;content:"";left:-.5rem;position:absolute;right:-.5rem;top:-.5rem}.ndsn dl,.ndsn ol,.ndsn ul{font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){.ndsn dl,.ndsn ol,.ndsn ul{font-size:1.067rem}}@media (min-width:1620px){.ndsn dl,.ndsn ol,.ndsn ul{font-size:1.067rem}}@media (min-width:720px){.ndsn dl,.ndsn ol,.ndsn ul{margin-block-end:.75rem}}@media (min-width:1620px){.ndsn dl,.ndsn ol,.ndsn ul{margin-block-end:1rem}}.ndsn ol,.ndsn ul{list-style-type:none;max-width:50ch;padding-inline-start:1.5em}.ndsn ol li,.ndsn ul li{margin-block-end:.25em;margin-block-start:.25em;position:relative}.ndsn ol li:first-child,.ndsn ul li:first-child{margin-block-start:0}.ndsn ol li:last-child,.ndsn ul li:last-child{margin-block-end:0}.ndsn ol ol,.ndsn ol ul,.ndsn ul ol,.ndsn ul ul{margin-block-end:.5em;margin-block-start:.5em;padding-inline-start:1.5em}.ndsn dl{margin-block-start:0}.ndsn dl dd,.ndsn dl dt{max-width:50ch}.ndsn dl dd p,.ndsn dl dt p{margin-block-end:.25em!important}.ndsn dl dd :last-child,.ndsn dl dt :last-child{margin-block-end:0!important}.ndsn dl dt{font-family:British Gas Medium,sans-serif;margin-block-end:.25em}.ndsn dl dt+dt{margin-block-start:2em}.ndsn dl dd{margin-block-end:.25em;margin-inline-start:0}.ndsn dl dd+dt,.ndsn dl div:not(:first-child){margin-block-start:2em}.ndsn .ol-numbered li:before{color:currentcolor;content:" " counter(list-item) " ";font-family:British Gas Medium,sans-serif;position:absolute;transform:translate(-100%,.0125em);white-space:pre}.ndsn .ol-numbered ol{padding-inline-start:1.75em}.ndsn .ol-numbered ol li:before{content:" " counters(list-item,".") " "}.ndsn .ol-numbered ol ol{padding-inline-start:2.5em}.ndsn .ul-bullet li:after,.ndsn .ul-bullet li:before,.ndsn .ul-crossed li:after,.ndsn .ul-crossed li:before,.ndsn .ul-ticked li:after,.ndsn .ul-ticked li:before{content:"";left:-.7em;position:absolute;top:.8em;transform:translate(-50%,-50%)}.ndsn .ul-bullet li:before{border:.25em solid;border-radius:50%;box-shadow:inset 0 0 0 .25em currentcolor;height:.5em;width:.5em}.ndsn .ul-bullet li li:before{border:.125em solid;box-shadow:none;height:.5em;width:.5em}.ndsn .ul-ticked li:before{border-block-end-style:solid;border-color:currentcolor;border-inline-start-style:solid;border-width:.15em;height:.45em;transform:translate(-55%,-75%) rotate(-45deg);width:.75em}.ndsn .ul-crossed li:after,.ndsn .ul-crossed li:before{border-block-start-style:solid;border-color:currentcolor;border-width:.125em;height:0;width:.85em}.ndsn .ul-crossed li:before{transform:translate(-50%,-50%) rotate(-45deg)}.ndsn .ul-crossed li:after{transform:translate(-50%,-50%) rotate(45deg)}.ndsn .dl-row{max-width:75ch}.ndsn .dl-row div{border-block-start-style:solid;border-color:var(--scheme-highlight-color);border-width:.125rem;padding-block-end:.5em;padding-block-start:.5em}.ndsn .dl-row div:first-child{border-width:0}.ndsn .dl-row div:not(:first-child){margin-block-start:0}@media (min-width:720px){.ndsn .dl-row div{grid-column-gap:1em;display:grid;grid-template-columns:1fr 2fr}.ndsn .dl-row div:not(:first-child){margin-block-start:0}.ndsn .dl-row div:first-child{padding-block-start:0}.ndsn .dl-row div:last-child{padding-block-end:0}.ndsn .dl-row div dt{grid-row-end:span 999}.ndsn .dl-row div dd{grid-column-start:2}.ndsn .dl-row div dd:last-child{margin-block-end:0}}
17.ndsn .download-list{margin-block-end:0;padding-inline-start:0}.overlay-locked{pointer-events:none}@media (max-width:1079.98px){.overlay-locked{overflow:hidden;position:fixed;width:100%}}:host .marketing-consent{--form-gap:1rem}:host .marketing-consent{background-color:var(--scheme-background-color)}:host .marketing-consent{color:var(--scheme-foreground-color)}:host .marketing-consent :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .marketing-consent a{color:var(--scheme-action-foreground-color)}:host .marketing-consent a:hover{color:var(--scheme-action-hover-foreground-color)}:host .marketing-consent a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .marketing-consent [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .marketing-consent ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .marketing-consent ::slotted(a){color:var(--scheme-action-foreground-color)}:host .marketing-consent ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .marketing-consent ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .marketing-consent marketing-consent-inputter input[type=radio]{opacity:0;pointer-events:none;position:absolute}:host .marketing-consent marketing-consent-inputter input[type=radio]+label{cursor:pointer;padding-inline-start:calc(2em + .5rem);position:relative}:host .marketing-consent marketing-consent-inputter input[type=radio]+label:after,:host .marketing-consent marketing-consent-inputter input[type=radio]+label:before{border-style:solid;content:"";left:1em;position:absolute;top:1.25em;transform:translate(-50%,-50%)}:host .marketing-consent marketing-consent-inputter input[type=radio]+label:before{background-color:#fff;border-color:#435460;border-width:2px;height:2em;width:2em}:host .marketing-consent marketing-consent-inputter input[type=radio]+label:before{border-radius:50%}:host .marketing-consent marketing-consent-inputter input[type=radio]+label:after{opacity:0}:host .marketing-consent marketing-consent-inputter input[type=radio]+label:after{border:.5em solid #004ecc;border-radius:50%;height:0;width:0}:host .marketing-consent marketing-consent-inputter input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}:host .marketing-consent marketing-consent-inputter input[type=checkbox]+label{cursor:pointer;padding-inline-start:calc(2em + .5rem);position:relative}:host .marketing-consent marketing-consent-inputter input[type=checkbox]+label:after,:host .marketing-consent marketing-consent-inputter input[type=checkbox]+label:before{border-style:solid;content:"";left:1em;position:absolute;top:1.25em;transform:translate(-50%,-50%)}:host .marketing-consent marketing-consent-inputter input[type=checkbox]+label:before{background-color:#fff;border-color:#435460;border-width:2px;height:2em;width:2em}:host .marketing-consent marketing-consent-inputter input[type=checkbox]+label:before{border-radius:.25rem}:host .marketing-consent marketing-consent-inputter input[type=checkbox]+label:after{opacity:0}:host .marketing-consent marketing-consent-inputter input[type=checkbox]+label:after{border:.25em solid #004ecc;border-left:initial;border-top:initial;height:1.125em;transform:translate(-50%,-60%) rotate(45deg);width:.625em}:host .marketing-consent marketing-consent-inputter input[type=checkbox]+label+p,:host .marketing-consent marketing-consent-inputter input[type=radio]+label+p{margin-inline-start:calc(2em + .5rem)}:host .marketing-consent marketing-consent-inputter input[type=checkbox]+label:hover:before,:host .marketing-consent marketing-consent-inputter input[type=radio]+label:hover:before{background-color:#c3ced5;border-color:#111518}:host .marketing-consent marketing-consent-inputter input[type=checkbox]:focus+label:before,:host .marketing-consent marketing-consent-inputter input[type=radio]:focus+label:before{border-color:#002f87;outline-color:#002f87;outline-offset:0;outline-style:solid;outline-width:.125rem}:host .marketing-consent marketing-consent-inputter input[type=checkbox]:checked+label:after,:host .marketing-consent marketing-consent-inputter input[type=radio]:checked+label:after{opacity:1}:host .marketing-consent marketing-consent-inputter.inline input[type=checkbox]+label:after,:host .marketing-consent marketing-consent-inputter.inline input[type=checkbox]+label:before,:host .marketing-consent marketing-consent-inputter.inline input[type=radio]+label:after,:host .marketing-consent marketing-consent-inputter.inline input[type=radio]+label:before{left:1.75em;top:1.75em}:host .marketing-consent marketing-consent-inputter{margin-block-end:var(--form-gap)}:host .marketing-consent #opt-out-btn{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host .marketing-consent #opt-out-btn :focus:not(:focus-visible){outline-style:none}:host .marketing-consent #opt-out-btn:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .marketing-consent #opt-out-btn:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .marketing-consent #opt-out-btn:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host .marketing-consent #opt-out-btn{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}:host .marketing-consent.standard #marketing-select-all{margin-block-end:var(--form-gap)}@media (min-width:720px){:host{--form-gap:1.5rem}}@media (min-width:1620px){:host{--form-gap:2rem}}`;
17class tn extends(Mt(Us(ps(gs(Ut))))){static get scopedElements(){return{"marketing-consent-inputter":qs,"marketing-consent-cta":ei}}static get properties(){return{hasOptout:{type:Boolean,attribute:"has-opt-out"},version:{type:String},isRequired:{type:Boolean,attribute:"is-required"},_inputterRef:{type:Object,state:!0},_optOutCheckboxRef:{type:Object,state:!0},_hasSelectedAll:{type:Boolean,state:!0},_preferences:{type:Array,state:!0}}}static get styles(){return en}constructor(){super(),this.name="marketing-consent",this._inputterRef=ss(),this._optOutCheckboxRef=ss(),this._hasSelectedAll=!1,this.hasOptout=!1,this.version="v1",this.isRequired=!1,this.OPT_OUT_VALUE="opt-out"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",(()=>this.requestUpdate()))}firstUpdated(){super.firstUpdated(),this._updateSelected()}_updateSelected(){const e=this._slottedInputs[0]?.value,t=this._stringifySelectionValues(this._parseSelectionValues(e)),o=this._stringifySelectionValues(this._preferences.map((e=>e.value)));this._hasSelectedAll=t===o}_setSelectionValue(e=""){this._slottedInputs[0].value=e,this.value=e}_parseSelectionValues(e=""){return e.split(",").filter(Boolean)}_stringifySelectionValues(e=[]){return e.slice().sort().join(",")}_onChange(e){super._onChange(e),this._updateSelected()}_checkboxes({excludeOptOut:e=!1}={}){const t=this._inputterRef.value;if(!t)return[];const o=Array.from(t.querySelectorAll(`input[type="${this._inputType}"]`));return e?o.filter((e=>e!==this._optOutCheckboxRef.value)):o}get _preferences(){return"v2"===this.version?[{label:"Email",value:"email"},{label:"Text (including WhatsApp)",value:"text"},{label:"Phone",value:"telephone"},{label:"Post",value:"post"},{label:"I don't want marketing updates",value:this.OPT_OUT_VALUE}]:[{label:"Email",value:"email"},{label:"SMS",value:"text"},{label:"Phone",value:"telephone"},{label:"Letter",value:"post"}]}get _slottedInputs(){return[this._inputterRef.value]}get _slottedValue(){return this._inputterRef.value?.value}reportValidity(){return this.validity}get validity(){return this._slottedInputs[0].validity}get _inputType(){return this._inputTypes.CHECKBOX}get __privacyTarget(){return this._formContextValue?"_blank":void 0}get __privacyRel(){return this._formContextValue?"noopener noreferrer":void 0}get __isMobileView(){return window.innerWidth<"720px".replace("px","")}_toggleSelectAll(){this._hasSelectedAll=!this._hasSelectedAll,Array.from(this._checkboxes()).forEach((e=>e.checked=this._hasSelectedAll));const e=this._hasSelectedAll?this._stringifySelectionValues(this._preferences.map((e=>e.value))):"";this._setSelectionValue(e),this._fireChangeEvent()}_handleOptout(){this.dispatchEvent(new CustomEvent("opt-out",{composed:!0,bubbles:!0}))}_handleKeydown(e){if("Enter"===e.key){const t=e.target;"#opt-out-btn"===t.id?(e.stopPropagation(),this._handleOptout()):"#marketing-select-all"===t.id&&(e.stopPropagation(),this._toggleSelectAll())}}_handleOptOutSelection(){"v2"===this.version&&this._checkboxes({excludeOptOut:!0}).forEach((e=>{e.checked=!1}))}_handleOptOutDeselection(){"v2"===this.version&&(this._optOutCheckboxRef.value.checked=!1)}get __optout(){return this.hasOptout?_e`<button id="opt-out-btn" @click="${this._handleOptout}" @keydown="${this._handleKeydown}">chatting online</button>`:this.querySelector('[slot="opt-out"')?_e`<slot name="opt-out">chatting online</slot>`:"chatting online"}get _preferenceChoices(){return _e`${this._preferences.map((e=>{const t=e.value===this.OPT_OUT_VALUE?_e`<input type="checkbox" id="marketing-${e.value}" name="marketing-consent-question" value="${e.value}" ${as(this._optOutCheckboxRef)} @click="${()=>this._handleOptOutSelection()}">`:_e`<input type="checkbox" id="marketing-${e.value}" name="marketing-consent-question" value="${e.value}" @click="${()=>this._handleOptOutDeselection()}">`;return _e`${t} <label for="marketing-${e.value}">${e.label}</label>`}))}`}get _selectChoicesCTA(){return _e`<marketing-consent-cta type="text" icon="${this._hasSelectedAll?"cross":"tick"}" id="marketing-select-all" @click="${this._toggleSelectAll}" @keydown="${this._handleKeydown}">${this._hasSelectedAll?"Deselect all":"Select all"}</marketing-consent-cta>`}get _validationRules(){return this.isRequired?'["isRequired"]':void 0}get standardTemplate(){return"v2"===this.version?_e`<div class="marketing-consent standard ndsn"><slot name="heading"><h2>Don't miss out on our best bits</h2></slot><slot name="paragraph"><p>Incredible prize draws, exciting partnerships and offers from us and our related brands like Hive and Dyno – we've always got new things to share. Just tell us how you'd like to hear about them. You can change your settings anytime over Live Chat and find out more in our <a href="https://www.britishgas.co.uk/legal-compliance/privacy-policy.html" target="${ft(this.__privacyTarget)}" rel="${ft(this.__privacyRel)}">Privacy Policy</a>.</p><p>We'll always keep you updated about your account no matter what.</p></slot>
17<marketing-consent-inputter validation="${ft(this._validationRules)}" value="${gt(this.value)}" ${as(this._inputterRef)} heading="Choose how to stay in touch" name="inputter-marketing-consent">${this._preferenceChoices}</marketing-consent-inputter></div>`:_e`<div class="marketing-consent standard ndsn"><slot name="heading"><h2>Marketing preferences</h2></slot><slot name="paragraph"><p>We'll always keep you posted about important updates to your account. We also like to share news about exciting new products, services, and special offers from British Gas and our related brands (such as Dyno and Hive) that might be of interest to you.</p></slot><marketing-consent-inputter value="${gt(this.value)}" ${as(this._inputterRef)} class="${this.__isMobileView?"":"inline"}" heading="Choose how you'd like us to get in touch" name="inputter-marketing-consent">${this._preferenceChoices}</marketing-consent-inputter>${this._selectChoicesCTA}<p>You can manage your preferences and opt out anytime by ${this.__optout} with one of our friendly advisers.</p><p>Find out more about how we use your data in our <a href="https://www.britishgas.co.uk/legal-compliance/privacy-policy.html" target="${ft(this.__privacyTarget)}" rel="${ft(this.__privacyRel)}">privacy policy</a></p></div>`}get lightTemplate(){return"v2"===this.version?_e`<div class="marketing-consent light ndsn">
17<marketing-consent-inputter validation="${ft(this._validationRules)}" value="${gt(this.value)}" ${as(this._inputterRef)} heading="How can we tell you about our best offers and updates?" name="inputter-marketing-consent" helper="What does this mean?"><div slot="tip-details"><p>Incredible prize draws, exciting partnerships and offers from us and our related brands like Hive and Dyno – we've always got new things to share. Just tell us how you'd like to hear about them. You can change your settings anytime over Live Chat and find out more in our <a href="https://www.britishgas.co.uk/legal-compliance/privacy-policy.html" target="${ft(this.__privacyTarget)}" rel="${ft(this.__privacyRel)}">Privacy Policy</a>.</p><p>We'll always keep you updated about your account no matter what.</p></div>${this._preferenceChoices}</marketing-consent-inputter></div>`:_e`<div class="marketing-consent light ndsn"><marketing-consent-inputter value="${gt(this.value)}" ${as(this._inputterRef)} class="${this.__isMobileView?"":"inline"}" heading="How would you like to receive product news and special offers?" name="inputter-marketing-consent" helper="What does this mean?"><div slot="tip-details"><p>We'll always keep you posted about important updates to your account. We also like to share news about exciting new products, services, and special offers from British Gas and our related brands (such as Dyno and Hive) that might be of interest to you.</p><p>You can manage your preferences and opt out anytime by ${this.__optout} with one of our friendly advisers.</p><p>Find out more about how we use your data in our <a href="https://www.britishgas.co.uk/legal-compliance/privacy-policy.html" target="${ft(this.__privacyTarget)}" rel="${ft(this.__privacyRel)}">privacy policy.</a></p></div>${this._preferenceChoices}</marketing-consent-inputter>${this._selectChoicesCTA}</div>`}}Event;globalThis.ShadowRoot,globalThis.HTMLDialogElement;globalThis.ShadowRoot;function on(){const e="function"==typeof globalThis.CSSLayerBlockRule;return`\n${e?"@layer popover-polyfill {":""}\n :where([popover]) {\n position: fixed;\n z-index: 2147483647;\n inset: 0;\n padding: 0.25em;\n width: fit-content;\n height: fit-content;\n border-width: initial;\n border-color: initial;\n border-image: initial;\n border-style: solid;\n background-color: canvas;\n color: canvastext;\n overflow: auto;\n margin: auto;\n }\n\n :where([popover]:not(.\\:popover-open)) {\n display: none;\n }\n\n :where(dialog[popover].\\:popover-open) {\n display: block;\n }\n\n :where(dialog[popover][open]) {\n display: revert;\n }\n\n :where([anchor].\\:popover-open) {\n inset: auto;\n }\n\n :where([anchor]:popover-open) {\n inset: auto;\n }\n\n @supports not (background-color: canvas) {\n :where([popover]) {\n background-color: white;\n color: black;\n }\n }\n\n @supports (width: -moz-fit-content) {\n :where([popover]) {\n width: -moz-fit-content;\n height: -moz-fit-content;\n }\n }\n\n @supports not (inset: 0) {\n :where([popover]) {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n }\n${e?"}":""}\n`}var sn=null;function nn(e){const t=on();if(null===sn)try{(sn=new CSSStyleSheet).replaceSync(t)}catch{sn=!1}if(!1===sn){const o=document.createElement("style");o.textContent=t,e instanceof Document?e.head.prepend(o):e.prepend(o)}else e.adoptedStyleSheets=[sn,...e.adoptedStyleSheets]}const rn=Et((e=>class extends(Mt(e)){static get properties(){return{label:{type:String},icon:{type:String},href:{type:String},_showBubble:{type:Boolean,state:!0},_hasExited:{type:Boolean,state:!0},_bubbleHeaderRef:{type:Object,state:!0},_bubbleFooterRef:{type:Object,state:!0},_bubblePopoverRef:{type:Object,state:!0},_menuId:{type:String,state:!0},_id:{type:String,state:!0}}}static get scopedElements(){return{"bubble-icon":wo}}constructor(){super(),this._showBubble=!1,this._hasExited=!0,this._bubbleHeaderRef=ss(),this._bubbleFooterRef=ss(),this._bubblePopoverRef=ss();const e=this._randomId;this._id=`${e}-bubble`,this._menuId=`${e}-menu`}connectedCallback(){super.connectedCallback(),Boolean(document.body?.showPopover&&!/native code/i.test(document.body.showPopover.toString()))&&(console.warn("Popover is not supported in the current browser"),nn(this.shadowRoot))}disconnectedCallback(){super.disconnectedCallback(),this._hasExited||this.hide()}get _randomId(){return`nsid-${Math.random().toString(36).substring(2,15)}`}__onKeydownHandler(e){if("Tab"!==e.key)return;const t=e.target;e.shiftKey&&t===this._bubbleHeaderRef.value?this._bubbleFooterRef.value.focus():(e.shiftKey||t!==this._bubbleFooterRef.value)&&(e.shiftKey||t!==this._bubbleHeaderRef.value)||this.__focusHeader()}__focusHeader(){const e=this.querySelector('[slot="header"]'),t=e?.querySelector("a, button")||this.shadowRoot.querySelector(".close");setTimeout((()=>t?.focus()),0)}get _viewportType(){return(window.innerWidth>window.screen.width?window.screen.width:window.innerWidth)>=oo.replace("px","")?"desktop":"mobile"}__toggleMenu(){this._showBubble=!this._showBubble,document.body.classList.toggle("overlay-locked"),this._showBubble||document.body.classList.remove("overlay-locked"),this.dispatchEvent(new CustomEvent("menutoggle",{detail:{toggle:this._showBubble}}))}get _popover(){return this._bubblePopoverRef?.value}show(){this._hasExited=!1,setTimeout((()=>{this._hasExited||this._popover?.showPopover()}),300)}hide(){this._hasExited=!0,this._popover?.hidePopover()}_togglePopover(){return this._hasExited?this.show():this.hide()}__handleMenuLinkClick(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("menuclick",{bubble:!1,composed:!0}))}get _closeButton(){if("mobile"===this._viewportType)return _e`<button class="button close" id="close-btn" popovertarget="${this._id}" popovertargetaction="hide"><div class="icon"><bubble-icon name="cross"></bubble-icon></div><span class="label">Close</span></button>`}get _bubble(){const e={bubble:!0,active:this._showBubble,desktop:"desktop"===this._viewportType,mobile:"mobile"===this._viewportType};return _e`<div class="${tt(e)}" ${as(this._bubblePopoverRef)} id="${this._id}" popover @toggle="${this.__toggleMenu}"><div class="layout"><div class="body">${"mobile"===this._viewportType?_e`<div id="bubble-start" tabindex="0" ${as(this._bubbleHeaderRef)} @keydown="${this.__onKeydownHandler}"></div>`:""}<div class="header"><slot name="header"></slot>${this._closeButton}</div><div class="content"><slot name="content"></slot></div><div class="visually-hidden"><span>End of menu item.</span> ${"mobile"===this._viewportType?_e`<div id="bubble-end" tabindex="0" ${as(this._bubbleFooterRef)} @keydown="${this.__onKeydownHandler}"></div>`:""}</div></div></div></div>`}get _menuButton(){return _e`<button class="button ${this._showBubble?"active":""}" id="${this._menuId}" popovertarget="${this._id}" aria-label="${this.label}">${this.icon?_e`<div class="icon"><bubble-icon name="${this.icon}"></div>`:""} <span class="label">${this.label}</span></button>`}get _menuLink(){return _e`<a class="menu-link ${this._showBubble?"active":""}" id="${this._menuId}" href="${this.href}" @click="${this.__handleMenuLinkClick}">${this.icon?_e`<div class="icon"><bubble-icon name="${this.icon}"></div>`:""} <span class="label">${this.label}</span> </a><button class="menu-expand" @click="${()=>this._togglePopover()}" aria-expanded="${this._showBubble}" aria-label="Show more actions for ${this.label}"><bubble-icon class="icon" name="chevron-down"></button>`}}
17)),an=O`*,:after,:before{box-sizing:border-box}body{font-family:British Gas Body,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}body,figure{margin:0}:host .menu{--menu-button-icon-size:2.25rem;--menu-bubble-header-icon-size:1.75rem;--menu-bubble-header-top:130px}:host .menu{--scheme-heading-color:#002f87}:host .menu{--scheme-foreground-color:#111518}:host .menu{--scheme-background-color:#fff}:host .menu{--scheme-highlight-color:#c3ced5}:host .menu{--scheme-lowlight-color:#001f52}:host .menu{--scheme-action-foreground-color:#002f87;--scheme-action-hover-foreground-color:#001f52}:host .menu{--scheme-focus-outline-color:#002f87}:host .menu{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .menu [popover]{background-color:transparent;border:0;inset:auto;opacity:0;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;position:absolute}:host .menu .active[popover]{opacity:1}:host .menu button{background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host .menu button{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host .menu button :focus:not(:focus-visible){outline-style:none}:host .menu button:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .menu button:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .menu button:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host .menu button{margin-block-end:0;margin-block-start:0}:host .menu button{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .menu button{font-size:1.067rem}}@media (min-width:1620px){:host .menu button{font-size:1.067rem}}:host .menu button{align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font-family:British Gas Body,sans-serif!important;gap:.5rem;outline-color:currentcolor}:host .menu .icon{height:var(--menu-button-icon-size);width:var(--menu-button-icon-size)}:host .menu .bubble{background-color:var(--scheme-background-color)}:host .menu .bubble{--scheme-heading-color:#fff}:host .menu .bubble{--scheme-foreground-color:#fff}:host .menu .bubble{--scheme-background-color:#001f52}:host .menu .bubble{--scheme-highlight-color:#435460}:host .menu .bubble{--scheme-lowlight-color:#001029}:host .menu .bubble{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .menu .bubble{--scheme-focus-outline-color:#ffc72c}:host .menu .bubble{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .menu .bubble .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host .menu .bubble .body{pointer-events:auto}:host .menu .bubble .body .header .close{color:var(--scheme-foreground-color);outline:medium none currentcolor;outline:initial}:host .menu .bubble .body .header .close{background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host .menu .bubble .body .header .close .icon{height:var(--menu-bubble-header-icon-size);width:var(--menu-bubble-header-icon-size)}:host .menu .bubble .body .header .close:focus-visible .icon{--action-focus-visible-border-radius:0.125rem;--action-focus-visible-outline-offset:0.125rem}:host .menu .bubble .body .header .close:focus-visible .icon{border-radius:.5rem;border-radius:var(--action-focus-visible-border-radius,.5rem);outline-color:currentcolor;outline-offset:-.25rem;outline-offset:var(--action-focus-visible-outline-offset,-.25rem);outline-style:solid;outline-width:.25rem}:host .menu.mobile{--menu-button-icon-size:1.75rem;--menu-header-height:4.5rem;height:100%}:host .menu.mobile [popover]{right:0;top:0}:host .menu.mobile .button{align-items:normal;border:none;font-size:var(--header-action-font-size);height:100%;letter-spacing:inherit;outline:medium none currentcolor;outline:initial;position:relative}:host .menu.mobile .button:not([popover]){color:var(--scheme-action-foreground-color)}:host .menu.mobile .button:not([popover]):hover{color:var(--scheme-action-hover-foreground-color)}:host .menu.mobile .button:not([popover]):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .menu.mobile .button .icon{margin:.5em 1em;pointer-events:none}:host .menu.mobile .button:focus-visible .icon{--action-focus-visible-border-radius:0.0625rem;--action-focus-visible-outline-offset:0.125rem}:host .menu.mobile .button:focus-visible .icon{border-radius:.5rem;border-radius:var(--action-focus-visible-border-radius,.5rem);outline-color:currentcolor;outline-offset:-.25rem;outline-offset:var(--action-focus-visible-outline-offset,-.25rem);outline-style:solid;outline-width:.25rem}:host .menu.mobile .button .label{bottom:.5em;
17left:0;position:absolute;right:0;text-align:center}:host .menu.mobile .bubble .body{height:100dvh;left:0;top:0;width:100dvw}:host .menu.mobile .bubble .body .header{display:grid;grid-template-columns:1fr max-content;height:var(--menu-header-height);justify-content:space-between;padding-inline-end:5%;padding-inline-start:5%}:host .menu.mobile .bubble .body .content{height:calc(100dvh - var(--menu-header-height));left:0;overflow-y:auto;position:absolute;right:0}:host .menu.desktop{position:relative}:host .menu.desktop{--scheme-heading-color:#002f87}:host .menu.desktop{--scheme-foreground-color:#111518}:host .menu.desktop{--scheme-background-color:#fff}:host .menu.desktop{--scheme-highlight-color:#c3ced5}:host .menu.desktop{--scheme-lowlight-color:#001f52}:host .menu.desktop{--scheme-action-foreground-color:#002f87;--scheme-action-hover-foreground-color:#001f52}:host .menu.desktop{--scheme-focus-outline-color:#002f87}:host .menu.desktop{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .menu.desktop .menu-link{background-color:transparent;border:none;border-radius:.5rem;cursor:pointer;font-family:British Gas Medium,sans-serif;font-size:var(--header-header-link-font-size);padding-block-end:.5rem;padding-block-start:.5rem;padding-inline-end:var(--header-header-link-padding-inline);padding-inline-start:var(--header-header-link-padding-inline);pointer-events:auto;position:relative;-webkit-text-decoration:none;text-decoration:none}:host .menu.desktop .menu-link{color:var(--scheme-action-foreground-color)}:host .menu.desktop .menu-link:hover{color:var(--scheme-action-hover-foreground-color)}:host .menu.desktop .menu-link:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .menu.desktop .menu-link:focus-visible{background-color:transparent;outline-offset:-.35em;outline-style:solid;outline-width:.25em}:host .menu.desktop .menu-link:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .menu.desktop .menu-link .icon{height:1em;left:0;position:absolute;top:50%;transform:translate(50%,-50%);width:1em}:host .menu.desktop .menu-link:has(.icon){padding-inline-start:calc(.75rem + 1em);position:relative}:host .menu.desktop .menu-link.active:after,:host .menu.desktop .menu-link.active:before{content:"";position:absolute}:host .menu.desktop .menu-link.active:before{bottom:-1rem;height:1rem;left:-1rem;right:-1rem}:host .menu.desktop .menu-link.active:after{border-block-end-color:var(--scheme-lowlight-color);border-block-start-color:transparent;border-inline-end-color:transparent;border-inline-start-color:transparent;border-style:solid;border-width:1rem;bottom:-.5em;left:calc(50% - 1rem)}:host .menu.desktop .menu-expand{border:0;color:var(--scheme-action-foreground-color);padding:0}:host .menu.desktop .menu-expand:not(:focus){clip:rect(0,0,0,0);height:1px;left:-999px;margin:-1px;overflow:hidden;position:absolute;top:auto;white-space:nowrap;width:1px}:host .menu.desktop .menu-expand:focus{bottom:-1rem;height:1.5rem;left:50%;position:absolute;transform:translateX(-50%);width:1.5rem}:host .menu.desktop .menu-expand:focus-visible{outline-offset:-.25em}:host .menu.desktop [popover]{top:var(--menu-bubble-header-top)}:host .menu.desktop .button.active:after{border-block-end-color:var(--scheme-lowlight-color);border-block-start-color:transparent;border-inline-end-color:transparent;border-inline-start-color:transparent;border-style:solid;border-width:1rem;bottom:-1rem;content:"";left:calc(50% - 1rem);margin-inline:auto;position:absolute}:host .menu.desktop .bubble{border-radius:.5rem;max-width:720px}:host .menu.desktop .bubble .layout{margin-inline-end:auto;margin-inline-start:auto;width:100%}:host .menu.desktop .bubble .body{margin-inline-start:auto;min-width:320px;padding-block-end:1.5rem;padding-block-start:1.5rem;padding-inline-end:1.5rem;padding-inline-start:1.5rem}:host .menu.desktop .bubble .body .header{float:right;margin-block-start:-.5rem;margin-inline-end:-.5rem;position:relative;z-index:1}:host .menu.desktop .bubble .body .header .close{display:none}@media (min-width:720px){:host .menu{--menu-button-icon-size:3rem}}:host([data-recite-shadow]) .menu{--menu-bubble-header-top:188px}`;class ln extends(Mt(Uo(rn(Ut)))){static get styles(){return an}static get properties(){return{_bubbleController:{type:Object,state:!0}}}get slottedStyles(){return'light-dom{--scheme-heading-color:#fff;--scheme-foreground-color:#fff;--scheme-background-color:#001f52;--scheme-highlight-color:#435460;--scheme-lowlight-color:#001029;--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff;--scheme-focus-outline-color:#ffc72c;--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}light-dom [slot=header]{color:var(--scheme-foreground-color)}light-dom [slot=header] :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}light-dom [slot=header] a{color:var(--scheme-action-foreground-color)}light-dom [slot=header] a:hover{color:var(--scheme-action-hover-foreground-color)}light-dom [slot=header] a:focus-visible{outline-color:var(--scheme-focus-outline-color)}light-dom [slot=header] [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}light-dom [slot=content]{color:var(--scheme-foreground-color)}light-dom [slot=content] :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}light-dom [slot=content] a{color:var(--scheme-action-foreground-color)}light-dom [slot=content] a:hover{color:var(--scheme-action-hover-foreground-color)}light-dom [slot=content] a:focus-visible{outline-color:var(--scheme-focus-outline-color)}light-dom [slot=content] [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}light-dom [slot=content] .subheader a,light-dom [slot=content] button.btn{color:var(--scheme-heading-color)}light-dom [slot=content] button:not(.btn){color:var(--scheme-action-foreground-color)}light-dom [slot=content] button:not(.btn):hover{color:var(--scheme-action-hover-foreground-color)}light-dom [slot=content] button:not(.btn):focus-visible{outline-color:var(--scheme-focus-outline-color)}light-dom [slot=heading] .link{color:var(--scheme-heading-color)}'}constructor(){super(),this._bubbleController=new cn(this)}connectedCallback(){super.connectedCallback(),"desktop"===this._viewportType&&this.updateComplete.then((()=>{const e=this.shadowRoot.querySelector(".menu");e.addEventListener("mouseenter",this.__handleMouseHover.bind(this)),e.addEventListener("mouseleave",this.__handleMouseLeave.bind(this)),e.addEventListener("focusout",this.__handleFocusOut.bind(this))})),this._setSchemeValue("navigation-dark")}__handleMouseHover(){this.show()}__handleMouseLeave(){this.hide()}__handleFocusOut(e){!e.relatedTarget||this.shadowRoot.contains(e.relatedTarget)||this.contains(e.relatedTarget)||setTimeout((()=>this.hide()),100)}get standardTemplate(){const e={menu:!0,desktop:"desktop"===this._viewportType,mobile:"mobile"===this._viewportType};return _e`<div class="${tt(e)}">${"desktop"===this._viewportType?this._menuLink:this._menuButton} ${this._bubble}</div>`}}class cn{constructor(e){this.host=e,this.host.addController(this)}_resetBubble(){const e=this.host._popover;e&&(e.style.left="",this.host._showBubble&&this._positionBubble())}_positionBubble(){const e=this.host._popover;
17if((!e?.style.left||"0px"===e?.style.left)&&e&&this.host._showBubble){const t=e?.parentElement;if(!t)return;const o=parseInt("1440px"?.replace("px",""),10),i=t?.getBoundingClientRect().left,s=e?.clientWidth;let n=i;const r=this.host.closest("header")?.clientWidth,a=.05*r,l=s/2,c=r-2*a,h=c>o?(c-o)/2:0;if(n+l>r-a-h){n-=n+l-(r-a-h)}n-=l,e.style.left=n>0?`${n}px`:""}}hostUpdate(){this._positionBubble()}hostConnected(){window.addEventListener("resize",(()=>setTimeout((()=>this._resetBubble()),300)))}}const hn=(e=!1,t,o,i)=>{const s=_e`<img src="${t}" alt="${i}">`;if(!t)return _e`<div></div>`;if(e)return _e`<div class="logo-holder">${s}</div>`;let n=window.location.pathname.startsWith("/business")?"/business":"/";if(o){const e=new RegExp(`^${o}\\.`),t=window?.location?.protocol,i=window?.location?.host?.replace(e,"");t&&i&&(n=`${t}//${i}`)}return _e`<a href="${n}" class="logo-holder">${s}</a>`};class dn extends St{constructor(e){super(e),this.content={},this.logo="",this.skipSubdomain=void 0,this.alt="",this.noRoot=!1,this.panelView=void 0,this.quickView=void 0,this.type="standard",this.slotLinks=void 0,this.headerClick=()=>{}}reRender({content:e=this.content,logo:t=this.logo,skipSubdomain:o=this.skipSubdomain,alt:i=this.alt,noRoot:s=this.noRoot,panelView:n=this.panelView,quickView:r=this.quickView,type:a=this.type,slotLinks:l=this.slotLinks,headerClick:c=this.headerClick}){const h=this.render({content:e,logo:t,skipSubdomain:o,alt:i,noRoot:s,panelView:n,quickView:r,type:a,slotLinks:l,headerClick:c});this.setValue(h)}menuBannerContent(e,t=""){if(!e)return;const o=e.text?_e`<p slot="paragraph">${e.text}</p>`:"",i=e?.link,s=i?.type||"direct",n=i?.href&&i?.text?_e`<header-cta href="${i.href}" slot="cta" type="${s}" @click="${()=>this.headerClick({text:i.text,href:i.href,header:t,subheader:"CTA"})}">${i.text}</header-cta>`:"";return _e`<div class="menu-banner"><header-card type="flat">${o} ${n}</header-card></div>`}__panel(e,t){const o=e?.headers?.[t],i=e?.headerLinks?.[t],s=e?.subheaders?.[t],n=e?.menuBanner?.[t],r=`${o} overview`,a=s.filter((e=>e)).length>1?2:1,l=s?.map(((i,s)=>{const n=e?.links?.[t]?.[s]?.map((e=>{const{href:t,text:s}=e,n=e["data-ns-link"],r=this.slotLinks?.find((e=>e.slot===`link-${n}`));if(n&&r){const t=()=>{this.reRender({panelView:null,quickView:null})};return _e`<li @click="${()=>t()}"><slot name="link-${e["data-ns-link"]}"></slot></li>`}return _e`<li><a href="${t}" class="link" @click="${()=>this.headerClick({text:s,href:t,header:o,subheader:i[0]})}"><span class="label">${s}</span></a></li>`}));return _e`<header-card type="nav"><h2 slot="heading">${(()=>i[1]?_e`<a href="${i[1]}" class="link" @click="${()=>this.headerClick({text:i[0],href:i[1],header:o,subheader:i[0]})}"><span class="label">${i[0]}</span><header-icon name="chevron-right"></header-icon></a>`:_e`<div>${i[0]}</div>`)()}</h2><div slot="paragraph"><ul class="ul-links">${n}</ul></div></header-card>`}));return _e`<div class="key-links"><a class="overview-link" href="${i}" @click="${()=>this.headerClick({text:r,href:i,header:o})}"><header-icon name="arrow-right"></header-icon><span>${r}</span></a></div><header-column .basketballcourt="${a}" .hockeypitch="${a}" .footballpitch="${a}">${l}</header-column>${this.menuBannerContent(n,o)}`}get __secondaryLinks(){if(!this.content?.secondary&&!this.content?.secondaryBanner)return;const e=this.content?.secondary?.map((({href:e,text:t,type:o,classes:i})=>"button"===o?_e`<li><button class="${ft(i)}">${t}</button></li>`:_e`<li><a href="${e}" class="link" @click="${()=>this.headerClick({text:t,href:e,header:"secondary"})}"><span class="label">${t}</span></a></li>`));return _e`<nav class="secondary-links"><div class="container"><ul>${e}</ul>${(()=>{const e=this.content?.secondaryBanner;if(!e)return;const t=e.text?_e`<p class="secondary-banner-header">${e.text}</p>`:"",o=e?.link,i=o?.href&&o?.text?_e`<a href="${o.href}" @click="${()=>this.headerClick({text:o.text,href:o.href,header:"banner"})}">${o.text}</a>`:"";return _e`<div class="secondary-banner">${t} ${i}</div>`})()}</div></nav>`}get __header(){const e=e=>e?.headers?.map(((t,o)=>{const i=e?.headerLinks?.[o],s=e?.icon?.[o];return"simple"===this.type?_e`<li><a href="${i}" class="header-link" @click="${()=>this.headerClick({text:t,href:i})}"><span class="label">${t}</span></a></li>`:_e`<li><header-menu label="${t}" icon="${s}" href="${i}" @menuclick="${()=>this.headerClick({text:t,href:i})}"><div slot="content">${this.__panel(e,o)}</div></header-menu></li>`})),t=this.content?.quickLinks?.headers?.length>0?_e`<ul class="header-quick-links">${e(this.content.quickLinks)}</ul>`:"",o=tt({margin:this.content?.secondary||this.content?.secondaryBanner});return _e`<div class="wrapper ${o}">${hn(this.noRoot,this.logo,this.skipSubdomain,this.alt)}<ul class="header-list">${e(this.content,this.panelView)}</ul>${t}</div>${this.__secondaryLinks}`}render({content:e,logo:t,skipSubdomain:o,alt:i,noRoot:s,panelView:n,quickView:r,type:a,slotLinks:l,headerClick:c}){return this.content=e,this.logo=t,this.skipSubdomain=o,this.alt=i,this.noRoot=s,this.panelView=n,this.quickView=r,this.type=a,this.slotLinks=l,this.headerClick=c,_e`<div class="top">${this.__header}</div>`}}class mn extends St{constructor(e){super(e),this.content={},this.logo="",this.skipSubdomain=void 0,this.alt="",this.noRoot=!1,this.headingKey=0,this.subheadingKey=0,this.showHeadings=!1,this.showSubheadings=!1,this.showQuickLinks=!1,this.quickLinkKey=0,this.showMenuBanner=!1,this.showSecondaryBanner=!1,this.showSecondaryLinks=!1,this.deepMenu=!1,this.type="standard",this.slotLinks=void 0,this.headerClick=()=>{}}reRender({content:e=this.content,logo:t=this.logo,skipSubdomain:o=this.skipSubdomain,alt:i=this.alt,noRoot:s=this.noRoot,headingKey:n=this.headingKey,subheadingKey:r=this.subheadingKey,quickLinkKey:a=this.quickLinkKey,showHeadings:l=this.showHeadings,showSubheadings:c=this.showSubheadings,showQuickLinks:h=this.showQuickLinks,showMenuBanner:d=this.showMenuBanner,showSecondaryBanner:m=this.showSecondaryBanner,showSecondaryLinks:u=this.showSecondaryLinks,deepMenu:p=this.deepMenu,type:g=this.type,slotLinks:f=this.slotLinks,headerClick:b=this.headerClick}){const v=this.render({content:e,logo:t,skipSubdomain:o,alt:i,noRoot:s,headingKey:n,subheadingKey:r,quickLinkKey:a,showHeadings:l,showSubheadings:c,showQuickLinks:h,showMenuBanner:d,showSecondaryBanner:m,showSecondaryLinks:u,deepMenu:p,type:g,slotLinks:f,headerClick:b});this.setValue(v)}__toggleMenu(e=!0){this.reRender({showSubheadings:!1,showQuickLinks:!1,showHeadings:!!e&&!this.showHeadings,showMenuBanner:!1,showSecondaryBanner:!!e&&!this.showSecondaryBanner,showSecondaryLinks:!!e&&!this.showSecondaryLinks,deepMenu:!!e&&!this.deepMenu})}__createLink(e,t,o="",i="",s=!1,n=!0,r=!1,a=""){const l=n?_e`<header-icon name="arrow-right"></header-icon>`:"",c=r?_e`<header-icon name="chevron-right"></header-icon>`:"";return s?_e`<li class="link ${a}" @click="${()=>this.__toggleMenu(!1)}">${l}<slot name="${s}" @click="${()=>this.headerClick({text:t,href:e,header:o,subheader:i})}"></slot>${c}</li>`:_e`<li class="link ${a}"><a href="${e}" @click="${()=>this.headerClick({text:t,href:e,header:o,subheader:i})}">${l} ${t} ${c}</a></li>`}__createBtn(e,t){return _e`<li><button class="btn" @click="${t}"><span class="label">${e}</span><header-icon name="chevron-right"></header-icon></button></li>`}__bannerSection(e,t=""){if(!e)return;const o=e.text?_e`<p>${e.text}</p>`:"",i=e?.link,s=i?.href&&i?.text?_e`<a href="${i.href}" @click="${()=>this.headerClick({text:i.text,href:i.href,header:t,subheader:"CTA"})}"><header-cta type="${ft(i?.type)}">${i.text}</header-cta></a>`:"";return _e`<div class="banner"><div class="body">${o} ${s}</div></div>`}__subsection(e,t,o){if(!o)return;const i=e?.headers?.[t],s=e?.headerLinks?.[t],n=`${i} overview`,r=o=>{const i=e?.links?.[t]?.[o],s=e?.headers?.[t],n=e?.subheaders?.[t]?.[o];let r=_e`<li class="subheader"><div>${n?.[0]}</div></li>`;if(!i)return _e``;const a=i.map((e=>{const{href:t,text:o}=e,i=e["data-ns-link"],r=this.slotLinks?.find((e=>e.slot===`link-${i}`));let a="";if(i&&r){const i=`link-${e["data-ns-link"]}`;a=this.__createLink(t,o,s,n?.[0],i,!1)}else a=this.__createLink(t,o,s,n?.[0],!1,!1);return _e`${a}`}));
17return n[1]&&(r=this.__createLink(n[1],n?.[0],s,n?.[0],!1,!1,!0,"subheader")),_e`<ul class="ul-links">${r} ${a}</ul>`},a=e.subheaders[t].map(((e,t)=>_e`${r(t)}`));return _e`<ul class="key-links">${this.__createLink(s,n)}</ul>${a}`}get __headings(){if(!this.showHeadings)return;const{content:e}=this,t=e=>{this.reRender({headingKey:e,subheadingKey:e,showSubheadings:!0,showHeadings:!1,showMenuBanner:!0,showSecondaryBanner:!1})},o=e?.headers?.map(((e,o)=>{let i;return i="simple"===this.type?this.__createLink(this.content?.headerLinks?.[o],e):this.__createBtn(e,(()=>t(o))),_e`${i}`}));return _e`<ul class="header-list">${o}</ul>`}get __menuBanner(){if(!this.showMenuBanner)return;const{content:e}=this;let t=this.headingKey,o=e?.menuBanner?.[t];if(this.showQuickLinks&&(t=this.quickLinkKey,o=e?.quickLinks?.menuBanner[t]),!o)return;const i=this.content.headers[t];return this.__bannerSection(o,i)}get __secondaryBanner(){if(!this.showSecondaryBanner)return;const{content:e}=this,t=e?.secondaryBanner;return t?this.__bannerSection(t,"banner"):void 0}get __secondaryLinks(){if(!this.showSecondaryLinks)return;const{content:e}=this,t=e.secondary;if(!t)return _e``;const o=t.map((e=>{const{href:t,text:o,type:i,classes:s}=e;return"button"===i?_e`<li class="link"><button class="${ft(s)}"><header-icon name="arrow-right"></header-icon>${o}</button></li>`:this.__createLink(t,o,"secondary")})).reverse();return _e`<ul class="secondary-links">${o}</ul>`}get __header(){const e=(this.showSubheadings||this.showQuickLinks)&&this.deepMenu,t=this.content?.quickLinks;let o=this.logo;const i=(e,t,o,i)=>{if(!i)return _e`<button class="button header-btn" @click="${()=>o()}"><div class="icon"><header-icon name="${e}"></header-icon></div><div class="label">${t}</div></button>`},s=e=>{this.reRender({quickLinkKey:e,showQuickLinks:!0,showMenuBanner:!0,showSubheadings:!1,showHeadings:!1,showSecondaryBanner:!1,showSecondaryLinks:!1})},n=t?.headers?.map(((e,o)=>_e`${i(t?.icon?.[o],e,(()=>s(o)),!1)}`));return o="https://www.britishgas.co.uk/nucleus/images/logo.svg"===o?"https://www.britishgas.co.uk/nucleus/images/flamemark-white.svg":void 0,_e`<div class="nav-top ${e||this.showQuickLinks?"menu":void 0}">${e?void 0:hn(this.noRoot,o,this.skipSubdomain,this.alt)} ${(()=>{if(this.showHeadings||this.showSubheadings||this.showQuickLinks){let t;this.showSubheadings?t=this.content.headers[this.headingKey]:this.showQuickLinks&&(t=this.content.quickLinks.headers[this.quickLinkKey]);return _e`${i("chevron-left","Back",(()=>{e?this.reRender({showHeadings:!0,showSubheadings:!1,showQuickLinks:!1,showMenuBanner:!1,showSecondaryBanner:!0,showSecondaryLinks:!0,deepMenu:!0}):this.reRender({showSubheadings:!1,showQuickLinks:!1,showHeadings:!1,showMenuBanner:!1,showSecondaryBanner:!1,showSecondaryLinks:!1,deepMenu:!1})}),!e)} ${t?_e`<h2>${t}</h2>`:void 0} <span class="btn-holder">${e||this.showQuickLinks?"":n}</span>`}return _e`<span class="btn-holder"></span>`})()}</div>`}render({content:e,logo:t,skipSubdomain:o,alt:i,noRoot:s,headingKey:n,subheadingKey:r,quickLinkKey:a,showHeadings:l,showSubheadings:c,showQuickLinks:h,showMenuBanner:d,showSecondaryBanner:m,showSecondaryLinks:u,deepMenu:p,type:g,slotLinks:f,headerClick:b}){return this.content=e,this.logo=t,this.skipSubdomain=o,this.alt=i,this.noRoot=s,this.headingKey=n||0,this.subheadingKey=r||0,this.quickLinkKey=a||0,this.showHeadings=l||!1,this.showSubheadings=c||!1,this.showQuickLinks=h||!1,this.showMenuBanner=d||!1,this.showSecondaryBanner=m||!1,this.showSecondaryLinks=u||!1,this.deepMenu=p||!1,this.type=g,this.slotLinks=f,this.headerClick=b||(()=>{}),_e`<div slot="header" class="menu-header">${this.__header}</div><nav slot="content" class="menu-panel">${this.__headings} ${this.__subsection(this.content,this.subheadingKey,this.showSubheadings)} ${this.__subsection(this.content.quickLinks,this.quickLinkKey,this.showQuickLinks)} ${this.__secondaryBanner} ${this.__menuBanner} ${this.__secondaryLinks}</nav>`}}class un extends St{constructor(e){super(e),this.content={},this.logo="",this.skipSubdomain=void 0,this.alt="",this.noRoot=!1,this.headingKey=0,this.subheadingKey=0,this.showHeadings=!1,this.showSubheadings=!1,this.showQuickLinks=!1,this.quickLinkKey=0,this.showMenuBanner=!1,this.showSecondaryBanner=!1,this.showSecondaryLinks=!1,this.deepMenu=!1,this.type="standard",this.slotLinks=void 0,this.headerClick=()=>{},this._menuRef=ss()}__handleToggle(e){e.detail?.toggle||this.reRender({content:this.__content,logo:this.logo,skipSubdomain:this.skipSubdomain,alt:this.alt,noRoot:this.noRootLink,type:this.t
17ype,slotLinks:this._slotLinks,showHeadings:!0,headerClick:this.headerClick.bind(this)})}get __header(){let e=this.logo;const t=this.content?.quickLinks,o=t?.headers?.map(((e,o)=>_e`<header-menu label="${e}" icon="${t?.icon?.[o]}">${Xe(mn)({content:this.content,logo:this.logo,skipSubdomain:this.skipSubdomain,alt:this.alt,noRoot:this.noRootLink,type:this.type,slotLinks:this.slotLinks,showQuickLinks:!0,showMenuBanner:!0,deepMenu:!1,headerClick:this.headerClick.bind(this)})}</header-menu>`));"https://www.britishgas.co.uk/nucleus/images/logo.svg"===e&&(e="https://www.britishgas.co.uk/nucleus/images/flamemark.svg");const i=Xe(mn)({content:this.content,logo:this.logo,skipSubdomain:this.skipSubdomain,alt:this.alt,noRoot:this.noRootLink,type:this.type,slotLinks:this.slotLinks,showHeadings:!0,showSecondaryBanner:!0,showSecondaryLinks:!0,deepMenu:!0,headerClick:this.headerClick.bind(this)}),s=this.content&&Object.entries(this.content).length>0?_e`<header-menu label="Menu" icon="menu" ${as(this._menuRef)} @menutoggle="${this.__handleToggle.bind(this)}">${i}</header-menu>`:"";return _e`<div class="nav-top">${hn(this.noRoot,e,this.skipSubdomain,this.alt)} <span class="btn-holder">${o} ${s}</span></div>`}reRender({content:e=this.content,logo:t=this.logo,skipSubdomain:o=this.skipSubdomain,alt:i=this.alt,noRoot:s=this.noRoot,headingKey:n=this.headingKey,subheadingKey:r=this.subheadingKey,quickLinkKey:a=this.quickLinkKey,showHeadings:l=this.showHeadings,showSubheadings:c=this.showSubheadings,showQuickLinks:h=this.showQuickLinks,showMenuBanner:d=this.showMenuBanner,showSecondaryBanner:m=this.showSecondaryBanner,showSecondaryLinks:u=this.showSecondaryLinks,deepMenu:p=this.deepMenu,type:g=this.type,slotLinks:f=this.slotLinks,headerClick:b=this.headerClick}){const v=this.render({content:e,logo:t,skipSubdomain:o,alt:i,noRoot:s,headingKey:n,subheadingKey:r,quickLinkKey:a,showHeadings:l,showSubheadings:c,showQuickLinks:h,showMenuBanner:d,showSecondaryBanner:m,showSecondaryLinks:u,deepMenu:p,type:g,slotLinks:f,headerClick:b});this.setValue(v)}render({content:e,logo:t,skipSubdomain:o,alt:i,noRoot:s,headingKey:n,subheadingKey:r,quickLinkKey:a,showHeadings:l,showSubheadings:c,showQuickLinks:h,showMenuBanner:d,showSecondaryBanner:m,showSecondaryLinks:u,deepMenu:p,type:g,slotLinks:f,headerClick:b}){return this.content=e,this.logo=t,this.skipSubdomain=o,this.alt=i,this.noRoot=s,this.headingKey=n||0,this.subheadingKey=r||0,this.quickLinkKey=a||0,this.showHeadings=l||!1,this.showSubheadings=c||!1,this.showQuickLinks=h||!1,this.showMenuBanner=d||!1,this.showSecondaryBanner=m||!1,this.showSecondaryLinks=u||!1,this.deepMenu=p||!1,this.type=g,this.slotLinks=f,this.headerClick=b||(()=>{}),_e`<div class="header-banner">${this.__header}</div>`}}const pn=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host .mobile{--header-header-list-font-size:1.215rem;--header-action-font-size:1rem;--header-action-icon-size:1rem;--header-subheader-chevron-size:1.75rem;position:relative;z-index:3}:host .mobile .logo-holder{height:2.25rem;min-width:-moz-max-content;min-width:max-content;width:43px}:host .mobile .header-banner{display:grid;grid-template-columns:5% 1fr 5%;grid-template-rows:4.5em 1fr}:host .mobile .header-banner .nav-top{display:grid;grid-column-end:-2;grid-column-start:2;grid-template-columns:minmax(10em,.6fr) max-content;height:4.5rem;justify-content:space-between;position:relative}:host .mobile .header-banner .nav-top .btn-holder{display:flex;gap:.5rem}:host .mobile .header-banner .nav-top .btn-holder button.button{color:var(--scheme-foreground-color);display:flex;font-size:var(--header-action-font-size);height:100%;margin-inline-end:.5rem;position:relative}:host .mobile .header-banner .nav-top .btn-holder button.button .icon{height:var(--menu-button-icon-size);margin:.5em 1em;pointer-events:none;width:var(--menu-button-icon-size)}:host .mobile .header-banner .nav-top .btn-holder button.button:focus-visible .icon{--action-focus-visible-border-radius:0.0625rem;--action-focus-visible-outline-offset:0.125rem}:host .mobile .header-banner .nav-top .btn-holder button.button:focus-visible .icon{border-radius:.5rem;border-radius:var(--action-focus-visible-border-radius,.5rem);outline-color:currentcolor;outline-offset:-.25rem;outline-offset:var(--action-focus-visible-outline-offset,-.25rem);outline-style:solid;outline-width:.25rem}:host .mobile .header-banner .nav-top .btn-holder button.button .label{bottom:.5em;
17left:0;position:absolute;right:0;text-align:center}:host .mobile .header-banner .nav-top.menu{grid-template-columns:min-content 1fr min-content}:host .mobile .header-banner .nav-top.menu h2{margin-block-end:0;margin-block-start:0}:host .mobile .header-banner .nav-top.menu h2{font-family:British Gas Medium,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .mobile .header-banner .nav-top.menu h2{font-size:1.266rem}}@media (min-width:1620px){:host .mobile .header-banner .nav-top.menu h2{font-size:1.266rem}}:host .mobile .header-banner .nav-top.menu h2{align-self:center;justify-self:center}:host .mobile .header-banner .menu-panel .ul-links{margin-block-end:.75rem;padding-block-end:1rem;position:relative}:host .mobile .header-banner .menu-panel .ul-links:after{background-color:var(--scheme-highlight-color);bottom:-.0625rem;content:"";height:.125rem;left:5%;position:absolute;right:5%}:host .mobile .header-banner .menu-panel .btn,:host .mobile .header-banner .menu-panel .link{align-items:center;display:flex;font-size:var(--header-action-font-size);gap:1em;line-height:1.2}:host .mobile .header-banner .menu-panel .btn{padding:.85em 5%;position:relative}:host .mobile .header-banner .menu-panel .btn header-icon{height:var(--header-subheader-chevron-size);pointer-events:none;width:var(--header-subheader-chevron-size)}:host .mobile .header-banner .menu-panel .btn:after{background-color:var(--scheme-highlight-color);bottom:-.0625rem;content:"";height:.125rem;left:5%;position:absolute;right:5%}:host .mobile .header-banner .menu-panel .link{position:relative}:host .mobile .header-banner .menu-panel .link ::slotted(a),:host .mobile .header-banner .menu-panel .link a,:host .mobile .header-banner .menu-panel .link button{border-radius:.5rem;outline-color:currentcolor;outline-offset:-.25rem;outline-width:.25rem;padding-block-end:.75rem;padding-block-start:.75rem;padding-inline-end:5%;padding-inline-start:calc(5% + var(--header-action-icon-size) + .25rem);text-align:left;-webkit-text-decoration:none;text-decoration:none;width:100%}:host .mobile .header-banner .menu-panel .link ::slotted(a):focus-visible,:host .mobile .header-banner .menu-panel .link a:focus-visible,:host .mobile .header-banner .menu-panel .link button:focus-visible{outline-style:solid}:host .mobile .header-banner .menu-panel .link ::slotted(a){padding-inline-start:5%}:host .mobile .header-banner .menu-panel .link header-icon{height:1.313em;left:5%;pointer-events:none;position:absolute;width:var(--header-action-icon-size)}:host .mobile .header-banner .menu-panel .link>:has([name=arrow-right]){padding-inline-start:calc(5% + var(--header-action-icon-size) + .25rem)!important}:host .mobile .header-banner .menu-panel .link>:not([name=arrow-right]):first-child:last-child{padding-inline-start:5%}:host .mobile .header-banner .menu-panel .header-list .btn{font-size:var(--header-header-list-font-size)}:host .mobile .header-banner .menu-panel .header-list .btn:focus-visible{border-radius:.5rem;border-radius:var(--action-focus-visible-border-radius,.5rem);outline-color:currentcolor;outline-offset:-.25rem;outline-offset:var(--action-focus-visible-outline-offset,-.25rem);outline-style:solid;outline-width:.25rem}:host .mobile .header-banner .menu-panel .secondary-links a,:host .mobile .header-banner .menu-panel .secondary-links button{font-family:British Gas Medium,sans-serif}:host .mobile .header-banner .menu-panel .secondary-links a:focus-visible,:host .mobile .header-banner .menu-panel .secondary-links button:focus-visible{border-radius:.5rem;border-radius:var(--action-focus-visible-border-radius,.5rem);outline-color:currentcolor;outline-offset:-.25rem;outline-offset:var(--action-focus-visible-outline-offset,-.25rem);outline-style:solid;outline-width:.25rem}:host .mobile .header-banner .menu-panel .key-links{margin-block-end:.75rem;padding-block-end:1rem;padding-block-start:1rem;position:relative}:host .mobile .header-banner .menu-panel .key-links a,:host .mobile .header-banner .menu-panel .key-links button{font-family:British Gas Medium,sans-serif}:host .mobile .header-banner .menu-panel .key-links a:focus-visible,:host .mobile .header-banner .menu-panel .key-links button:focus-visible{border-radius:.5rem;border-radius:var(--action-focus-visible-border-radius,.5rem);outline-color:currentcolor;outline-offset:-.25rem;outline-offset:var(--action-focus-visible-outline-offset,-.25rem);outline-style:solid;outline-width:.25rem}:host .mobile .header-banner .menu-panel .key-links:after{background-color:var(--scheme-highlight-color);bottom:-.0625rem;content:"";height:.125rem;left:5%;position:absolute;right:5%}:host .mobile .header-banner .menu-panel .subheader a,:host .mobile .header-banner .menu-panel .subheader div{margin-block-end:0;margin-block-start:0}:host .mobile .header-banner .menu-panel .subheader a,:host .mobile .header-banner .menu-panel .subheader div{font-family:British Gas Medium,sans-serif;font-size:1.296rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .mobile .header-banner .menu-panel .subheader a,:host .mobile .header-banner .menu-panel .subheader div{font-size:1.424rem}}@media (min-width:1620px){:host .mobile .header-banner .menu-panel .subheader a,:host .mobile .header-banner .menu-panel .subheader div{font-size:1.44rem}}:host .mobile .header-banner .menu-panel .subheader a,:host .mobile .header-banner .menu-panel .subheader div{padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:5%;padding-inline-start:5%}:host .mobile .header-banner .menu-panel .subheader header-icon{height:var(--header-subheader-chevron-size);left:auto;pointer-events:none;right:5%;width:var(--header-subheader-chevron-size)}:host .mobile .header-banner .menu-panel button{background-color:transparent;border:none;justify-content:space-between;width:100%}:host .mobile .header-banner .menu-panel .banner{margin-block-end:.75rem;margin-block-start:1rem;padding-block-end:1.75rem;padding-block-start:.75rem;padding-inline-end:5%;padding-inline-start:5%;position:relative}:host .mobile .header-banner .menu-panel .banner:after{background-color:var(--scheme-highlight-color);bottom:-.0625rem;content:"";height:.125rem;left:5%;position:absolute;right:5%}:host .mobile .header-banner .menu-panel .banner p{margin-block-end:.75rem;margin-block-start:0}:host .mobile .header-banner .menu-panel .banner p{font-family:British Gas Body,sans-serif;font-size:1.067rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .mobile .header-banner .menu-panel .banner p{font-size:1.125rem}}@media (min-width:1620px){:host .mobile .header-banner .menu-panel .banner p{font-size:1.125rem}}@media (min-width:720px){:host .mobile .header-banner .menu-panel .banner p{margin-block-end:.75rem}}@media (min-width:1620px){:host .mobile .header-banner .menu-panel .banner p{margin-block-end:1rem}}@media (min-width:480px){:host .mobile .banner .body{width:66.666%}}@media (min-width:720px){:host .mobile{--header-header-list-font-size:1.266rem;--header-action-font-size:1.067rem;--header-action-icon-size:1.125rem;--header-subheader-chevron-size:2rem}}:host .desktop{--header-header-link-font-size:1rem;--header-header-link-padding-inline:0.75rem;padding-inline-end:5%;padding-inline-start:5%}:host .desktop .layout{--layout-panel-spacer-block:2rem;--layout-panel-gap:1.5rem}@media (min-width:720px){:host .desktop .layout{--layout-panel-spacer-block:3rem;--layout-panel-gap:2rem}}@media (min-width:1620px){:host .desktop .layout{--layout-panel-spacer-block:4rem;--layout-panel-gap:2.25rem}}:host .desktop .layout{display:grid;grid-template-columns:5% 1fr 5%;grid-template-columns:var(--layout-gutter,5%) 1fr var(--layout-gutter,5%);padding-block-end:var(--layout-panel-spacer-block);padding-block-start:var(--layout-panel-spacer-block)}:host .desktop .layout>:not(:first-child){margin-block-start:var(--layout-panel-gap)}:host .desktop .layout>*{grid-column-end:-2;grid-column-start:2;justify-self:center;max-width:1440px;width:100%}:host .desktop .layout{margin-inline:auto;max-width:calc(1440px + 10%)}:host .desktop .top{display:flex;height:-moz-fit-content;height:fit-content;justify-items:start;margin-left:auto;margin-right:auto;max-width:1440px}:host .desktop .top .wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(7em,1fr) max-content 1fr);height:-moz-fit-content;height:fit-content;width:100%}:host .desktop .top .wrapper>:last-child{justify-content:end}:host .desktop .top .margin{margin-block-start:2.75rem}:host .desktop .top .header-list,:host .desktop .top .header-quick-links{align-self:end;grid-column-start:2;height:-moz-max-content;height:max-content;margin-block-end:.5rem}:host .desktop .top .header-list .right,:host .desktop .top .header-quick-links .right{grid-column-start:3}:host .desktop .top .header-list button,:host .desktop .top .header-quick-links button{height:2rem}:host .desktop .top .header-list button,:host .desktop .top .header-list li,:host .desktop .top .header-quick-links button,:host .desktop .top .header-quick-links li{align-self:flex-end}
17:host .desktop .top .header-list button .key-links,:host .desktop .top .header-list li .key-links,:host .desktop .top .header-quick-links button .key-links,:host .desktop .top .header-quick-links li .key-links{padding-block-end:1.5rem;position:relative}:host .desktop .top .header-list button .key-links:after,:host .desktop .top .header-list li .key-links:after,:host .desktop .top .header-quick-links button .key-links:after,:host .desktop .top .header-quick-links li .key-links:after{background-color:#fff;bottom:-.0625rem;content:"";height:.125rem;left:0;opacity:.2;position:absolute;right:0}:host .desktop .top .header-list button .overview-link,:host .desktop .top .header-list button [slot=heading] .link,:host .desktop .top .header-list li .overview-link,:host .desktop .top .header-list li [slot=heading] .link,:host .desktop .top .header-quick-links button .overview-link,:host .desktop .top .header-quick-links button [slot=heading] .link,:host .desktop .top .header-quick-links li .overview-link,:host .desktop .top .header-quick-links li [slot=heading] .link{align-items:center;display:flex;gap:.25rem;-webkit-text-decoration:none;text-decoration:none;width:-moz-fit-content;width:fit-content}:host .desktop .top .header-list button .overview-link,:host .desktop .top .header-list li .overview-link,:host .desktop .top .header-quick-links button .overview-link,:host .desktop .top .header-quick-links li .overview-link{margin-block-end:0;margin-block-start:0}:host .desktop .top .header-list button .overview-link,:host .desktop .top .header-list li .overview-link,:host .desktop .top .header-quick-links button .overview-link,:host .desktop .top .header-quick-links li .overview-link{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .desktop .top .header-list button .overview-link,:host .desktop .top .header-list li .overview-link,:host .desktop .top .header-quick-links button .overview-link,:host .desktop .top .header-quick-links li .overview-link{font-size:1.067rem}}@media (min-width:1620px){:host .desktop .top .header-list button .overview-link,:host .desktop .top .header-list li .overview-link,:host .desktop .top .header-quick-links button .overview-link,:host .desktop .top .header-quick-links li .overview-link{font-size:1.067rem}}:host .desktop .top .header-list button .overview-link header-icon,:host .desktop .top .header-list li .overview-link header-icon,:host .desktop .top .header-quick-links button .overview-link header-icon,:host .desktop .top .header-quick-links li .overview-link header-icon{height:1rem;width:1rem}:host .desktop .top .header-list button [slot=heading] .link header-icon,:host .desktop .top .header-list li [slot=heading] .link header-icon,:host .desktop .top .header-quick-links button [slot=heading] .link header-icon,:host .desktop .top .header-quick-links li [slot=heading] .link header-icon{height:1.2em;width:1.2em}:host .desktop .top .header-list button [slot=heading] a,:host .desktop .top .header-list button [slot=heading] div,:host .desktop .top .header-list li [slot=heading] a,:host .desktop .top .header-list li [slot=heading] div,:host .desktop .top .header-quick-links button [slot=heading] a,:host .desktop .top .header-quick-links button [slot=heading] div,:host .desktop .top .header-quick-links li [slot=heading] a,:host .desktop .top .header-quick-links li [slot=heading] div{margin-block-end:1rem;margin-block-start:0}:host .desktop .top .header-list button [slot=heading] a,:host .desktop .top .header-list button [slot=heading] div,:host .desktop .top .header-list li [slot=heading] a,:host .desktop .top .header-list li [slot=heading] div,:host .desktop .top .header-quick-links button [slot=heading] a,:host .desktop .top .header-quick-links button [slot=heading] div,:host .desktop .top .header-quick-links li [slot=heading] a,:host .desktop .top .header-quick-links li [slot=heading] div{font-family:British Gas Medium,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .desktop .top .header-list button [slot=heading] a,:host .desktop .top .header-list button [slot=heading] div,:host .desktop .top .header-list li [slot=heading] a,:host .desktop .top .header-list li [slot=heading] div,:host .desktop .top .header-quick-links button [slot=heading] a,:host .desktop .top .header-quick-links button [slot=heading] div,:host .desktop .top .header-quick-links li [slot=heading] a,:host .desktop .top .header-quick-links li [slot=heading] div{font-size:1.266rem}}@media (min-width:1620px){:host .desktop .top .header-list button [slot=heading] a,:host .desktop .top .header-list button [slot=heading] div,:host .desktop .top .header-list li [slot=heading] a,:host .desktop .top .header-list li [slot=heading] div,:host .desktop .top .header-quick-links button [slot=heading] a,:host .desktop .top .header-quick-links button [slot=heading] div,:host .desktop .top .header-quick-links li [slot=heading] a,:host .desktop .top .header-quick-links li [slot=heading] div{font-size:1.266rem}}@media (min-width:720px){:host .desktop .top .header-list button [slot=heading] a,:host .desktop .top .header-list button [slot=heading] div,:host .desktop .top .header-list li [slot=heading] a,:host .desktop .top .header-list li [slot=heading] div,:host .desktop .top .header-quick-links button [slot=heading] a,:host .desktop .top .header-quick-links button [slot=heading] div,:host .desktop .top .header-quick-links li [slot=heading] a,:host .desktop .top .header-quick-links li [slot=heading] div{margin-block-end:1.25rem}}@media (min-width:1620px){:host .desktop .top .header-list button [slot=heading] a,:host .desktop .top .header-list button [slot=heading] div,:host .desktop .top .header-list li [slot=heading] a,:host .desktop .top .header-list li [slot=heading] div,:host .desktop .top .header-quick-links button [slot=heading] a,:host .desktop .top .header-quick-links button [slot=heading] div,:host .desktop .top .header-quick-links li [slot=heading] a,:host .desktop .top .header-quick-links li [slot=heading] div{margin-block-end:1.5rem}}:host .desktop .top .header-list button .header-link,:host .desktop .top .header-list button button,:host .desktop .top .header-list li .header-link,:host .desktop .top .header-list li button,:host .desktop .top .header-quick-links button .header-link,:host .desktop .top .header-quick-links button button,:host .desktop .top .header-quick-links li .header-link,:host .desktop .top .header-quick-links li button{background-color:transparent;border:none;cursor:pointer;font-family:British Gas Medium,sans-serif;font-size:var(--header-header-link-font-size);padding-block-end:.5rem;padding-block-start:.5rem;padding-inline-end:var(--header-header-link-padding-inline);padding-inline-start:var(--header-header-link-padding-inline)}:host .desktop .top .header-list button .header-link:focus-visible,:host .desktop .top .header-list button button:focus-visible,:host .desktop .top .header-list li .header-link:focus-visible,:host .desktop .top .header-list li button:focus-visible,:host .desktop .top .header-quick-links button .header-link:focus-visible,:host .desktop .top .header-quick-links button button:focus-visible,:host .desktop .top .header-quick-links li .header-link:focus-visible,:host .desktop .top .header-quick-links li button:focus-visible{background-color:transparent;outline-color:#002f87;outline-offset:-.25em;outline-style:solid;outline-width:.25em}:host .desktop .top .header-list button .header-link:hover,:host .desktop .top .header-list button button:hover,:host .desktop .top .header-list li .header-link:hover,:host .desktop .top .header-list li button:hover,:host .desktop .top .header-quick-links button .header-link:hover,:host .desktop .top .header-quick-links button button:hover,:host .desktop .top .header-quick-links li .header-link:hover,:host .desktop .top .header-quick-links li button:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .desktop .top .header-list button .header-link.active,:host .desktop .top .header-list button button.active,:host .desktop .top .header-list li .header-link.active,:host .desktop .top .header-list li button.active,:host .desktop .top .header-quick-links button .header-link.active,:host .desktop .top .header-quick-links button button.active,:host .desktop .top .header-quick-links li .header-link.active,:host .desktop .top .header-quick-links li button.active{position:relative}:host .desktop .top .header-list button .header-link.active:after,:host .desktop .top .header-list button button.active:after,:host .desktop .top .header-list li .header-link.active:after,:host .desktop .top .header-list li button.active:after,:host .desktop .top .header-quick-links button .header-link.active:after,:host .desktop .top .header-quick-links button button.active:after,:host .desktop .top .header-quick-links li .header-link.active:after,:host .desktop .top .header-quick-links li button.active:after{border-bottom:1rem solid var(--scheme-background-color);border-left:1rem solid transparent;border-right:1rem solid transparent;bottom:-14px;content:" ";height:0;left:calc(50% - 1rem);margin:0 auto;position:absolute}:host .desktop .top .header-list button .link,:host .desktop .top .header-list button .overview-link,:host .desktop .top .header-list li .link,:host .desktop .top .header-list li .overview-link,:host .desktop .top .header-quick-links button .link,:host .desktop .top .header-quick-links button .overview-link,:host .desktop .top .header-quick-links li .link,:host .desktop .top .header-quick-links li .overview-link{-webkit-text-decoration:none;text-decoration:none}:host .desktop .top .header-list button .link:hover,:host .desktop .top .header-list button .overview-link:hover,:host .desktop .top .header-list li .link:hover,:host .desktop .top .header-list li .overview-link:hover,:host .desktop .top .header-quick-links button .link:hover,:host .desktop .top .header-quick-links button .overview-link:hover,:host .desktop .top .header-quick-links li .link:hover,:host .desktop .top .header-quick-links li .overview-link:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .desktop .top .header-list button .menu-panel,:host .desktop .top .header-list li .menu-panel,:host .desktop .top .header-quick-links button .menu-panel,:host .desktop .top .header-quick-links li .menu-panel{left:0;position:absolute;width:100vw}
17:host .desktop .top .header-list button .menu-panel [slot=heading],:host .desktop .top .header-list li .menu-panel [slot=heading],:host .desktop .top .header-quick-links button .menu-panel [slot=heading],:host .desktop .top .header-quick-links li .menu-panel [slot=heading]{margin-block-end:1rem;margin-block-start:0}:host .desktop .top .header-list button .menu-panel [slot=heading],:host .desktop .top .header-list li .menu-panel [slot=heading],:host .desktop .top .header-quick-links button .menu-panel [slot=heading],:host .desktop .top .header-quick-links li .menu-panel [slot=heading]{font-family:British Gas Medium,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .desktop .top .header-list button .menu-panel [slot=heading],:host .desktop .top .header-list li .menu-panel [slot=heading],:host .desktop .top .header-quick-links button .menu-panel [slot=heading],:host .desktop .top .header-quick-links li .menu-panel [slot=heading]{font-size:1.266rem}}@media (min-width:1620px){:host .desktop .top .header-list button .menu-panel [slot=heading],:host .desktop .top .header-list li .menu-panel [slot=heading],:host .desktop .top .header-quick-links button .menu-panel [slot=heading],:host .desktop .top .header-quick-links li .menu-panel [slot=heading]{font-size:1.266rem}}@media (min-width:720px){:host .desktop .top .header-list button .menu-panel [slot=heading],:host .desktop .top .header-list li .menu-panel [slot=heading],:host .desktop .top .header-quick-links button .menu-panel [slot=heading],:host .desktop .top .header-quick-links li .menu-panel [slot=heading]{margin-block-end:1.25rem}}@media (min-width:1620px){:host .desktop .top .header-list button .menu-panel [slot=heading],:host .desktop .top .header-list li .menu-panel [slot=heading],:host .desktop .top .header-quick-links button .menu-panel [slot=heading],:host .desktop .top .header-quick-links li .menu-panel [slot=heading]{margin-block-end:1.5rem}}:host .desktop .top .header-list button .menu-panel .ul-links li .link,:host .desktop .top .header-list button .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-list li .menu-panel .ul-links li .link,:host .desktop .top .header-list li .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-quick-links button .menu-panel .ul-links li .link,:host .desktop .top .header-quick-links button .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-quick-links li .menu-panel .ul-links li .link,:host .desktop .top .header-quick-links li .menu-panel .ul-links li ::slotted(*){margin-block-end:0;margin-block-start:0}:host .desktop .top .header-list button .menu-panel .ul-links li .link,:host .desktop .top .header-list button .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-list li .menu-panel .ul-links li .link,:host .desktop .top .header-list li .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-quick-links button .menu-panel .ul-links li .link,:host .desktop .top .header-quick-links button .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-quick-links li .menu-panel .ul-links li .link,:host .desktop .top .header-quick-links li .menu-panel .ul-links li ::slotted(*){font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .desktop .top .header-list button .menu-panel .ul-links li .link,:host .desktop .top .header-list button .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-list li .menu-panel .ul-links li .link,:host .desktop .top .header-list li .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-quick-links button .menu-panel .ul-links li .link,:host .desktop .top .header-quick-links button .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-quick-links li .menu-panel .ul-links li .link,:host .desktop .top .header-quick-links li .menu-panel .ul-links li ::slotted(*){font-size:1.067rem}}@media (min-width:1620px){:host .desktop .top .header-list button .menu-panel .ul-links li .link,:host .desktop .top .header-list button .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-list li .menu-panel .ul-links li .link,:host .desktop .top .header-list li .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-quick-links button .menu-panel .ul-links li .link,:host .desktop .top .header-quick-links button .menu-panel .ul-links li ::slotted(*),:host .desktop .top .header-quick-links li .menu-panel .ul-links li .link,:host .desktop .top .header-quick-links li .menu-panel .ul-links li ::slotted(*){font-size:1.067rem}}:host .desktop .top .header-list button .menu-banner,:host .desktop .top .header-list li .menu-banner,:host .desktop .top .header-quick-links button .menu-banner,:host .desktop .top .header-quick-links li .menu-banner{c
17olor:#fff;margin-top:1.5rem;padding-top:1.5rem;position:relative}:host .desktop .top .header-list button .menu-banner p,:host .desktop .top .header-list li .menu-banner p,:host .desktop .top .header-quick-links button .menu-banner p,:host .desktop .top .header-quick-links li .menu-banner p{font-family:British Gas Body,sans-serif!important;font-size:1.185rem;max-width:40ch}:host .desktop .top .header-list button .menu-banner:before,:host .desktop .top .header-list li .menu-banner:before,:host .desktop .top .header-quick-links button .menu-banner:before,:host .desktop .top .header-quick-links li .menu-banner:before{background-color:#fff;content:"";height:.125rem;left:0;opacity:.25;position:absolute;right:0;top:0}:host .desktop .top .header-list{margin-inline:auto}:host .desktop .top .header-list>li{display:inline-block}:host .desktop .top .header-quick-links{grid-column-start:3;margin-right:-.5em;margin-inline-start:auto}:host .desktop .top .header-quick-links>li{display:inline-block}:host .desktop .top .header-quick-links .has-icon{color:#002f87;padding-inline-start:calc(.75rem + 1em)!important;position:relative}:host .desktop .top .header-quick-links .has-icon header-icon{height:1em;left:0;position:absolute;top:50%;transform:translate(50%,-50%);width:1em}:host .desktop .top .secondary-links{background-color:#f3f5f7;display:grid;grid-template-columns:5% 1fr 5%;left:0;padding-block-end:.25rem;padding-block-start:.25rem;position:absolute;right:0;top:0}:host .desktop .top .secondary-links a,:host .desktop .top .secondary-links button{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host .desktop .top .secondary-links a :focus:not(:focus-visible),:host .desktop .top .secondary-links button :focus:not(:focus-visible){outline-style:none}:host .desktop .top .secondary-links a:focus-visible,:host .desktop .top .secondary-links button:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .desktop .top .secondary-links a:focus-visible:hover,:host .desktop .top .secondary-links button:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .desktop .top .secondary-links a:hover,:host .desktop .top .secondary-links button:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host .desktop .top .secondary-links .container{align-items:center;display:flex;grid-column:2/-2;justify-content:space-between;justify-self:center;max-width:1440px;min-height:2.25rem;width:100%}:host .desktop .top .secondary-links .container .secondary-banner{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;width:100%}:host .desktop .top .secondary-links .container .secondary-banner .secondary-banner-header{color:#002f87;display:none;margin-block-end:0;margin-block-start:0}:host .desktop .top .secondary-links .container .secondary-banner a{background-color:#004ecc;border:.125rem solid #004ecc;color:#fff;padding-block-end:.125rem;padding-block-start:.125rem;padding-inline-end:.625rem;padding-inline-start:.625rem;-webkit-text-decoration:none;text-decoration:none}:host .desktop .top .secondary-links .container .secondary-banner a:focus-visible{border-color:#fff;outline-color:#ffc72c;outline-offset:0;outline-style:solid;outline-width:.25rem}:host .desktop .top .secondary-links ul{align-items:center;display:flex;margin-left:-.5em;max-width:1440px;min-height:2.25rem}:host .desktop .top .secondary-links ul li a,:host .desktop .top .secondary-links ul li button{color:#004ecc;display:block;padding:.25em .5em;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap}:host .desktop .top .secondary-links ul li a:focus-visible,:host .desktop .top .secondary-links ul li button:focus-visible{background-color:transparent;color:#002f87;outline-color:#002f87;outline-offset:-.25em;outline-style:solid;outline-width:.25em}:host .desktop .top .secondary-links ul li a:hover,:host .desktop .top .secondary-links ul li button:hover{color:#002f87;-webkit-text-decoration:underline;text-decoration:underline}@media (min-width:1080px){:host .desktop{--header-header-link-font-size:1.067rem}:host .desktop .secondary-banner-header{display:block!important}}:host{display:block}:host a{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host a :focus:not(:focus-visible){outline-style:none}:host a:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host a:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host a:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host ul{list-style:none;margin:0;padding:0}:host button{background-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:1em;line-height:inherit;margin:0;outline:none;padding:0}:host header{background-color:#fff;height:-moz-fit-content;height:fit-content;position:relative;z-index:3}:host header .logo-holder{background-color:transparent;display:flex;height:3rem;margin-block-end:1rem;margin-block-start:1rem;outline:medium none currentcolor;outline:initial;width:-moz-fit-content;width:fit-content}:host header .logo-holder img{display:block;height:100%;max-width:100%}:host header .logo-holder:focus-visible{background-color:transparent}:host header .logo-holder:focus-visible img{--action-focus-visible-border-radius:0.125rem;--action-focus-visible-outline-offset:0.125rem}:host header .logo-holder:focus-visible img{border-radius:.5rem;border-radius:var(--action-focus-visible-border-radius,.5rem);outline-color:currentcolor;outline-offset:-.25rem;outline-offset:var(--action-focus-visible-outline-offset,-.25rem);outline-style:solid;outline-width:.25rem}:host header .nav-skip{font-size:1rem}:host header .nav-skip ul a{margin-left:-.5em;padding:.25em .5em;position:absolute;-webkit-text-decoration:none;text-decoration:none;top:-200em;z-index:1}:host header .nav-skip ul a:focus-visible{display:block;left:33.333%;outline-color:#002f87;top:.5em}`;const gn={hidelinks:"hideLinks",norootlink:"noRootLink"};class fn extends(Mt(Ut)){static get scopedElements(){return{"header-icon":wo,"header-card":Yo,"header-column":Zs,"header-cta":ei,"header-menu":ln}}static get properties(){return{logo:{type:String},alt:{type:String},hideLinks:{type:Boolean,attribute:"hide-links"},primary:{type:Array},secondary:{type:Array},secondaryBanner:{type:Array,attribute:"secondary-banner"},menuBanner:{type:Array,attribute:"menu-banner"},quickLinks:{type:Array,attribute:"quick-links"},noRootLink:{type:Boolean,attribute:"no-root-link"},skipSubdomain:{type:String,attribute:"skip-subdomain"},_viewport:{type:String,state:!0}}}static get styles(){return pn}static get observedAttributes(){const e=Object.keys(gn);return[...super.observedAttributes,...e]}constructor(){super(),this.type="header",this.logo="https://www.britishgas.co.uk/nucleus/images/logo.svg",this.alt="British Gas",this.hideLinks=!1,this.noRootLink=!1,this._setVerticalHeight()}get slottedStyles(){return"light-dom a[slot]{font-family:British Gas Body,sans-serif;text-decoration-color:inherit;text-decoration-line:none}light-dom a[slot]:hover{text-decoration-line:underline}"}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),gn[e]&&(this[gn[e]]=null!==o)}get _viewportType(){return(window.innerWidth>window.screen.width?window.screen.width:window.innerWidth)>=1080?"desktop":"mobile"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",(()=>{this._setVerticalHeight(),this._viewportType!==this._viewport&&(this._viewport=this._viewportType)}))}_setVerticalHeight(){const e=.01*(-1!==navigator.userAgent.indexOf("Chrome")?window.innerHeight:document.documentElement.clientHeight);document.documentElement.style.setProperty("--vh",`${e}px`)}firstUpdated(){this.dispatchEvent(new CustomEvent("header-init"))}get __content(){const e=this.primary,t=this.secondary,o=this.quickLinks,i=this.quickLinks?.type??[],s=[],n=[],r=[],a=[],l=this.quickLinks?.banner??[],c=this.quickLinks?.icon??[],h=[],d=[],m=[],u=[],p=this.menuBanner??[],g=this.secondaryBanner?.[0];return!e&&!o||this.hideLinks?{}:(e&&e.forEach((e=>{const t=[];e.text?h.push(e.text):h.push(e.heading),d.push(e.href);const o=e?.subheadings?.map((e=>{const o=e.links.map((e=>e));return t.push(o),[e.heading,e.href]}));m.push(o),u.push(t)})),o&&o.forEach((e=>{const t=[];e.text?s.push(e.text):s.push(e.heading),n.push(e.href),c.push(e.icon),l.push(e.banner),i.push(e.type);const o=e?.links?.map((e=>{const o=e?.links?.map((e=>e));return t.push(o),[e.heading,e.href]}));r.push(o),a.push(t)})),{headers:h,subheaders:m,headerLinks:d,links:u,secondary:t,secondaryBanner:g,menuBanner:p,quickLinks:{headers:s,headerLinks:n,subheaders:r,links:a,icon:c,menuBanner:l,type:i}})}get simpleTemplate(){return this.standardTemplate}get headerTemplate(){return this.standardTemplate}headerClick({text:e,href:t,header:o="",subheader:i=""}){this.dispatchEvent(new CustomEvent("header-click",{bubbles:!0,composed:!0,detail:{text:e,href:t,header:o,subheader:i}}))}get _slotLinks(){return Array.from(this.querySelectorAll('[slot*="link-"]'))}get standardTemplate(){const e="desktop"===this._viewportType?dn:un,t=Xe(e)({content:this.__content,logo:this.logo,skipSubdomain:this.skipSubdomain,alt:this.alt,noRoot:this.noRootLink,type:this.t
17ype,slotLinks:this._slotLinks,headerClick:this.headerClick.bind(this)}),o={[this._viewportType]:!0};return _e`<header class="${tt(o)}"><nav aria-label="Skip links" class="nav-skip"><ul><li><a href="#content">Skip to content</a></li><li><a href="#footer">Skip to footer</a></li></ul></nav>${t}</header>`}}const bn={Language:{Translate:{ignoreSelectors:["#tcChat_Skin","#tcChat_txtInput_input","#Nuance-chat-anchored"]}},Parser:{Html:{skipConcatenation:{elementTypes:["li","img","label","a"],selectors:[".btn",".dropdown > a","ns-cta","ns-download","[data-ember-action]"]}}},PlayerDispatcher:{readElements:{"NS-CTA":"link","NS-DOWNLOAD":"link"}}};class vn extends(Mt(Ut)){static get scopedElements(){return{"header-header":fn}}static get properties(){return{sections:{type:Array},hideA11yBtn:{type:Boolean,attribute:"hide-a11y-btn"},secondaryBanner:{type:Array,attribute:"secondary-banner"},menuBanner:{type:Array,attribute:"menu-banner"},quickLinks:{type:Array,attribute:"quick-links"}}}static get observedAttributes(){return[...super.observedAttributes,"hidea11ybtn"]}constructor(){super(),this.hideA11yBtn=!1}get slottedStyles(){return"light-dom a[slot]{font-family:British Gas Body,sans-serif;text-decoration-color:inherit;text-decoration-line:none}light-dom a[slot]:hover{text-decoration-line:underline}"}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"hidea11ybtn"===e&&(this.hideA11yBtn=_o.fromAttribute(o))}updated(){(window.Recite||this.hideA11yBtn||"true"!==ti("Recite.Persist"))&&"#reciteEnable"!==window.location.hash||this.reciteMeEvent()}reciteMeEvent(){this.hideA11yBtn||(this.hideA11yBtn=!0,((e,t)=>{const o=document.createElement("script");o.type="text/javascript",o.onload=function(){t()},o.src=e,document.body.appendChild(o)})("//api2.reciteme.com/asset/js?key=72a8cda9789141c046271856414bbac0b956252a",(()=>{window.Recite&&(()=>{function e(e){if(window.digitalData){const t={category:"Recite Me",action:"Click",label:e};window.digitalData.event=t,window.digitalData.events=window.digitalData.events||[],window.digitalData.events.push(t);const o=new CustomEvent("digitalData.event",{detail:t});document.dispatchEvent(o)}}window.Recite.load(bn),window.Recite.Event.subscribe("Recite:load",(()=>{window.Recite.enable(),window.Recite.Magnifier.disable(),window.Recite.Event.subscribe("Recite.Magnifier.enabled",(()=>window.Recite.Magnifier.disable()))}
17)),window.Recite.Event.subscribe("Controls:loaded",(function(){e("Accessibility tools");const t=[{buttons:[{btn:window.Recite.Sizzle("#recite-toolbar-button-guide")},{btn:window.Recite.Sizzle(".recite-user-guide-link")},{btn:window.Recite.Sizzle("#recite-toolbar-button-reset")},{btn:window.Recite.Sizzle(".recite-voice")},{btn:window.Recite.Sizzle("#recite-playback-speed a")},{btn:window.Recite.Sizzle("div.recite-ui-toggle-slider")}],label:"Settings"},{buttons:[{btn:window.Recite.Sizzle("#recite-toolbar-button-previous")},{btn:window.Recite.Sizzle("#recite-toolbar-button-play")},{btn:window.Recite.Sizzle("#recite-toolbar-button-next")}],label:"Play Audio"},{buttons:[{btn:window.Recite.Sizzle(".recite-language-set")}],label:"Translation",checkLang:!0},{buttons:[{btn:window.Recite.Sizzle(".recite-swatch")},{btn:window.Recite.Sizzle("#recite-swatch-reset-default")},{btn:window.Recite.Sizzle("div.recite-colorbox.recite-sprite-colorpicker-mask")},{btn:window.Recite.Sizzle("div.recite-huebox")}],label:"Colour"},{buttons:[{btn:window.Recite.Sizzle("div.recite-font")},{btn:window.Recite.Sizzle("div.recite-line-spacing a")},{btn:window.Recite.Sizzle("div.recite-character-spacing a")},{btn:window.Recite.Sizzle("#recite-toolbar-button-dec-font")},{btn:window.Recite.Sizzle("#recite-toolbar-button-inc-font")}],label:"Text Options"},{buttons:[{btn:window.Recite.Sizzle("#recite-toolbar-button-ruler"),label:"Ruler",prop:"ruler"},{btn:window.Recite.Sizzle("#recite-toolbar-button-mask"),label:"Screen Mask",prop:"screenMask"},{btn:window.Recite.Sizzle("#recite-toolbar-button-dictionary"),label:"Dictionary",prop:"dictionary"},{btn:window.Recite.Sizzle("#recite-toolbar-button-text-mode"),label:"Text Mode",prop:"textMode"}],enableDisable:!0},{buttons:[{btn:window.Recite.Sizzle("div.recite-margin.recite-preference-set")}],label:"Text Mode:page margin"},{buttons:[{btn:window.Recite.Sizzle("#recite-toolbar-button-download")}],label:"Download Audio File"}],o=document.getElementById("recite-toolbar-button-magnifier");o&&(o.remove(),document.querySelector('label[for="recite-toolbar-button-magnifier"]')?.remove()),t.forEach((function(t){t.buttons.forEach((function(o){window.Recite.DomEvent.add(o.btn,"click",(function(){if(t.checkLang){const o=window.Recite.Language.Translate.getOptions().workingPageLanguage,i=window.Recite.Preferences.get().language;o!==i&&e(t.label+":"+function(e){const t={"en-gb":"Default",af:"Afrikaans",sq:"Albanian",am:"Amharic",ar:"Arabic",hy:"Armenian",az:"Azerbaijani",eu:"Basque",bn:"Bengali",be:"Belarusian",bs:"Bosnian",bg:"Bulgarian",ca:"Catalan",ceb:"Cebuano",ny:"Chichewa","zh-CN":"Chinese Simplified","zh-TW":"Chinese Traditional",co:"Corsican",hr:"Croatian",cs:"Czech",da:"Danish",nl:"Dutch",en:"English",eo:"Esperanto",et:"Estonian",tl:"Filipino",fi:"Finnish",fr:"French",fy:"Frisian (West)",gl:"Galician",ka:"Georgian",de:"German",el:"Greek",gu:"Gujarati",ht:"Haitian Creole",ha:"Hausa",haw:"Hawaiian",iw:"Hebrew",hi:"Hindi",hmn:"Hmong",hu:"Hungarian",is:"Icelandic",ig:"Igbo",id:"Indonesian",ga:"Irish (Gaelic)",it:"Italian",ja:"Japanese",jv:"Javanese",kn:"Kannada",kk:"Kazakh",km:"Khmer",ko:"Korean",ku:"Kurdish",ky:"Kyrgyz",lo:"Lao",la:"Latin",lv:"Latvian",lt:"Lithuanian",lb:"Luxembourgish",mk:"Macedonian",mg:"Malagasy",ms:"Malay",ml:"Malayalam",mt:"Maltese",mi:"Maori",mr:"Marathi",mn:"Mongolian",my:"Myanmar (Burmese)",ne:"Nepali",no:"Norwegian",ps:"Pashto",fa:"Persian",pl:"Polish",pt:"Portuguese",pa:"Punjabi",ro:"Romanian",ru:"Russian",sm:"Samoan",gd:"Scots Gaelic",sr:"Serbian",st:"Sesotho",sn:"Shona",sd:"Sindhi",si:"Sinhala",sk:"Slovak",sl:"Slovenian",so:"Somali",es:"Spanish",su:"Sundanese",sw:"Swahili",sv:"Swedish",ta:"Tamil",tg:"Tajik",te:"Teluga",th:"Thai",tr:"Turkish",uk:"Ukrainian",ur:"Urdu",uz:"Uzbek",vi:"Vietnamese",cy:"Welsh",yi:"Yiddish",xh:"Xhosa",yo:"Yoruba",zu:"Zulu"};return t[e]||t["en-gb"]}(i))}else t.enableDisable?new Promise((function(e){setTimeout((function(){e(o.label)}),10)})).then((function(t){const i=window.Recite.Preferences.get();(i.style.hasOwnProperty(o.prop)&&i.style[o.prop].enabled||i[o.prop].enabled)&&e(t)}
17)).catch((function(e){console.error(e)})):e(t.label)}))}))}))}))})()})))}reciteMe(){const e=this.shadowRoot.querySelector("header-header").shadowRoot.querySelector(".accessibility-tools");e&&(e.removeEventListener("click",this.reciteMeEvent.bind(this)),e.addEventListener("click",this.reciteMeEvent.bind(this)))}addReciteMe(){if(this.hideA11yBtn)return;const e=this.shadowRoot.querySelector("header-header");if(e){this.reciteMe();new MutationObserver((()=>{this.reciteMe()})).observe(e.shadowRoot,{childList:!0,subtree:!0})}}get _authCookieNames(){const e=["access_token"];return"standard"===this.type&&e.push("eeid_nep_token","eeid_sns_token"),e}get _isLoggedIn(){return this._authCookieNames.some((e=>""!==ti(e)))}get _quickLinks(){const e="business"===this.type?"/business/login":"/identity",t="business"===this.type?"/business/your-account/logout":"/identity/logout";let o=[];return this.quickLinks&&(o=[{heading:"Account",href:e,icon:"user",banner:{link:{href:t,text:"Log out"}},links:this.quickLinks[1]??[]}],this._isLoggedIn||(o=[{heading:"Account",href:e,icon:"user-outline",banner:{link:{href:e,text:"Log in"}},links:this.quickLinks[0]??[]}])),o}get _allSections(){const e="business"===this.type?[{heading:"Business energy",href:"/business/gas-and-electricity"},{heading:"Greener energy",href:"/business/green-business"},{heading:"Metering",href:"/business/metering"},{heading:"Help",href:"/business/help-and-support"}]:[{heading:"Energy",href:"/energy.html"},{heading:"Cover",href:"/cover.html"},{heading:"Servicing",href:"/servicing.html"},{heading:"Repairs",href:"/repairs.html"},{heading:"Products",href:"/products.html"},{heading:"Help",href:"/help-and-support"},{heading:"Account",href:"/my-account.html"}];return this.quickLinks&&"standard"===this.type&&e.pop(),this.sections?this.sections.map(((t,o)=>{const i=e?.[o];return i&&(i.subheadings=t),i})).filter((e=>e)):""}get _secondaryHeader(){const e="standard"===this.type?[{text:"Offers",href:"/offers.html"},{text:"Business",href:"/business"},{text:"Search",href:"/search"}]:[{text:"Residential",href:"/"}];return this.hideA11yBtn||e.push({text:"Accessibility toolbar",type:"button",classes:"accessibility-tools"}),this.quickLinks||this._logInOut.forEach((t=>{e.push(t)})),e}*dynamicLinks(){const e=this.querySelectorAll('[slot^="link-"]');if(e)for(const t of e){const e=t.getAttribute("slot");yield _e`<slot name="${e}" slot="${e}"></slot>`}}get _logInOut(){const e="business"===this.type?"/business/login":"/identity",t="business"===this.type?"/business/your-account/logout":"/identity/logout";return this._isLoggedIn?[{text:"Account",href:e},{text:"Log out",href:t}]:[{text:"Log in",href:e}]}get standardTemplate(){if("true"===ti("appview"))return;const e=this._allSections,t=this._secondaryHeader,o=this._quickLinks;return _e`<header-header .primary="${e}" .secondary="${t}" .secondaryBanner="${this.secondaryBanner}" .menuBanner="${this.menuBanner}" .quickLinks="${o}" @header-init="${this.addReciteMe}">${this.dynamicLinks()}</header-header>`}}const kn=O`:host{display:block}:host .footer{--footer-gap:1.5rem;display:flow-root}:host .footer{--scheme-heading-color:#fff}:host .footer{--scheme-foreground-color:#fff}:host .footer{--scheme-background-color:#002f87}:host .footer{--scheme-highlight-color:#004ecc}:host .footer{--scheme-lowlight-color:#001f52}:host .footer{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .footer{--scheme-focus-outline-color:#ffc72c}:host .footer{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .footer{background-color:var(--scheme-background-color)}:host .footer{color:var(--scheme-foreground-color)}:host .footer :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .footer a{color:var(--scheme-action-foreground-color)}:host .footer a:hover{color:var(--scheme-action-hover-foreground-color)}:host .footer a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .footer [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .footer ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .footer ::slotted(a){color:var(--scheme-action-foreground-color)}:host .footer ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .footer ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .footer .layout{display:grid;grid-template-columns:5% 1fr 5%;grid-template-columns:var(--layout-gutter,5%) 1fr var(--layout-gutter,5%);padding-block-end:var(--layout-panel-spacer-block);padding-block-start:var(--layout-panel-spacer-block)}:host .footer .layout>:not(:first-child){margin-block-start:var(--layout-panel-gap)}:host .footer .layout>*{grid-column-end:-2;grid-column-start:2;justify-self:center;max-width:1440px;width:100%}:host .footer .layout{--layout-panel-spacer-block:2rem;--layout-panel-gap:1.5rem}@media (min-width:720px){:host .footer .layout{--layout-panel-spacer-block:3rem;--layout-panel-gap:2rem}}@media (min-width:1620px){:host .footer .layout{--layout-panel-spacer-block:4rem;--layout-panel-gap:2.25rem}}:host .footer .layout .triple,:host .footer .layout ::slotted(.triple){grid-column-gap:var(--layout-panel-gap);grid-row-gap:var(--layout-panel-gap);-moz-column-gap:var(--layout-panel-gap);column-gap:var(--layout-panel-gap);display:grid;grid-template-rows:1fr;row-gap:var(--layout-panel-gap)}@media (min-width:1080px){:host .footer .layout .triple,:host .footer .layout ::slotted(.triple){grid-template-columns:repeat(3,1fr)}}:host .footer .has-break:after{background-color:#fff;content:"";grid-column-end:-1;grid-column-start:1;grid-row-start:4;height:.125rem;opacity:.25}
17:host .footer .corporation{display:flex;justify-content:space-between;padding-block-start:var(--footer-gap);position:relative}:host .footer .corporation:before{background-color:#fff;content:"";height:.125rem;left:0;opacity:.25;position:absolute;right:0;top:0}:host .footer .corporation .copyright,:host .footer .corporation .logo{margin-block-end:0;margin-block-start:0}:host .footer .corporation .copyright,:host .footer .corporation .logo{font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .footer .corporation .copyright,:host .footer .corporation .logo{font-size:1.067rem}}@media (min-width:1620px){:host .footer .corporation .copyright,:host .footer .corporation .logo{font-size:1.067rem}}:host .footer .corporation .copyright,:host .footer .corporation .logo{align-self:flex-end}:host .footer .corporation .logo{width:8em}:host .footer .corporation .logo img{display:block;max-height:3em}@media (min-width:720px){:host .footer{--footer-gap:2rem}}@media (min-width:1080px){:host .footer .has-break:after{grid-row-start:2}}@media (min-width:1620px){:host .footer{--footer-gap:2.25rem}}`;class yn extends(Mt(Ut)){static get properties(){return{company:{type:String},hideLogo:{type:Boolean,attribute:"hide-logo"}}}static get observedAttributes(){return[...super.observedAttributes,"hidelogo"]}constructor(){super(),this.company="British Gas",this.hideLogo=!1}static get styles(){return kn}get slottedStyles(){return"light-dom [slot=heading]{font-family:British Gas Medium,sans-serif;font-size:1.383rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){light-dom [slot=heading]{font-size:1.602rem}}@media (min-width:1620px){light-dom [slot=heading]{font-size:1.728rem}}@media (min-width:720px){light-dom [slot=heading]{margin-block-end:1.25rem}}@media (min-width:1620px){light-dom [slot=heading]{margin-block-end:1.5rem}}light-dom [slot=heading]{color:inherit}light-dom .app-links,light-dom .social-links{display:flex;gap:1rem}light-dom .app-links li,light-dom .social-links li{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5;margin-block-end:0;margin-block-start:0}@media (min-width:720px){light-dom .app-links li,light-dom .social-links li{font-size:1.067rem}}@media (min-width:1620px){light-dom .app-links li,light-dom .social-links li{font-size:1.067rem}}light-dom .app-links li a,light-dom .social-links li a{display:inline-block}light-dom .app-links li a img,light-dom .social-links li a img{display:block;padding:.125rem}light-dom .social-links li a{border-radius:50%}light-dom .social-links li a img{height:3rem}light-dom [slot=section] [slot=paragraph]{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5;list-style-type:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}@media (min-width:720px){light-dom [slot=section] [slot=paragraph]{font-size:1.067rem}}@media (min-width:1620px){light-dom [slot=section] [slot=paragraph]{font-size:1.067rem}}light-dom [slot=section] [slot=paragraph] li{margin-block-end:.75rem}light-dom [slot=section] [slot=paragraph] li:last-child{margin-block-end:0}light-dom [slot=section] [slot=paragraph] li a{color:var(--scheme-action-foreground-color);font-family:British Gas Body,sans-serif;-webkit-text-decoration:none;text-decoration:none}light-dom [slot=section] [slot=paragraph] li a:hover{color:var(--scheme-action-hover-foreground-color)}light-dom [slot=section] [slot=paragraph] li a:focus-visible{outline-color:var(--scheme-focus-outline-color)}light-dom [slot=section] [slot=paragraph] li a:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:auto}light-dom [slot=paragraph] button{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff;--scheme-focus-outline-color:#ffc72c;--scheme-action-focus-outline-color:var(--scheme-focus-outline-color);color:var(--scheme-action-foreground-color)}light-dom [slot=paragraph] button:hover{color:var(--scheme-action-hover-foreground-color)}light-dom [slot=paragraph] button:focus-visible{outline-color:var(--scheme-focus-outline-color)}light-dom [slot=paragraph] button{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}light-dom [slot=paragraph] button :focus:not(:focus-visible){outline-style:none}light-dom [slot=paragraph] button:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}light-dom [slot=paragraph] button:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}light-dom [slot=paragraph] button:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}light-dom [slot=paragraph] button img{display:block}@media (min-width:720px){light-dom.app-links,light-dom.social-links{gap:1.25rem}}@media (min-width:1620px){light-dom.app-links,light-dom.social-links{gap:1.5rem}}"}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"hidelogo"===e&&(this.hideLogo=null!==o)}
17get __year(){return(new Date).getFullYear()}get __showLine(){return this.querySelectorAll('[slot="section"]').length>3}get standardTemplate(){return _e`<footer class="footer"><div class="layout"><nav aria-label="Footer" class="triple ${this.__showLine?"has-break":""}"><slot name="section"></slot></nav><div class="corporation"><span class="logo">${this.hideLogo?void 0:_e`<img src="https://www.britishgas.co.uk/nucleus/images/logo-white.svg" loading="lazy" alt="${this.company}">`}</span><p class="copyright">© ${this.company} ${this.__year}</p></div></div></footer>`}}const wn=O`*,:after,:before{box-sizing:border-box}:host .footer [slot=heading]{margin-block-end:1rem;margin-block-start:0}:host .footer [slot=heading]{font-family:British Gas Medium,sans-serif;font-size:1.383rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .footer [slot=heading]{font-size:1.602rem}}@media (min-width:1620px){:host .footer [slot=heading]{font-size:1.728rem}}@media (min-width:720px){:host .footer [slot=heading]{margin-block-end:1.25rem}}@media (min-width:1620px){:host .footer [slot=heading]{margin-block-end:1.5rem}}:host .footer [slot=heading]{color:inherit}:host .footer .app-links,:host .footer .social-links{display:flex;gap:1rem}:host .footer .app-links li,:host .footer .social-links li{margin-block-end:0;margin-block-start:0}:host .footer .app-links li,:host .footer .social-links li{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .footer .app-links li,:host .footer .social-links li{font-size:1.067rem}}@media (min-width:1620px){:host .footer .app-links li,:host .footer .social-links li{font-size:1.067rem}}:host .footer .app-links li a,:host .footer .social-links li a{display:inline-block}:host .footer .app-links li a img,:host .footer .social-links li a img{display:block;padding:.125rem}:host .footer .social-links li a{border-radius:50%}:host .footer .social-links li a img{height:3rem}:host .footer [slot=section] [slot=paragraph]{list-style-type:none;margin-block-end:0;padding-inline-start:0}:host .footer [slot=section] [slot=paragraph]{@extend %typography-no-margin, %typography-action-base}:host .footer [slot=section] [slot=paragraph] li{margin-block-end:.75rem}:host .footer [slot=section] [slot=paragraph] li:last-child{margin-block-end:0}:host .footer [slot=section] [slot=paragraph] li a{font-family:British Gas Body,sans-serif;-webkit-text-decoration:none;text-decoration:none}:host .footer [slot=section] [slot=paragraph] li a{color:var(--scheme-action-foreground-color)}:host .footer [slot=section] [slot=paragraph] li a:hover{color:var(--scheme-action-hover-foreground-color)}:host .footer [slot=section] [slot=paragraph] li a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .footer [slot=section] [slot=paragraph] li a:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:auto}:host .footer [slot=paragraph] button{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .footer [slot=paragraph] button{--scheme-focus-outline-color:#ffc72c}:host .footer [slot=paragraph] button{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .footer [slot=paragraph] button{color:var(--scheme-action-foreground-color)}:host .footer [slot=paragraph] button:hover{color:var(--scheme-action-hover-foreground-color)}:host .footer [slot=paragraph] button:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .footer [slot=paragraph] button{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host .footer [slot=paragraph] button :focus:not(:focus-visible){outline-style:none}:host .footer [slot=paragraph] button:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .footer [slot=paragraph] button:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .footer [slot=paragraph] button:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host .footer [slot=paragraph] button img{display:block}@media (min-width:720px){:host .footer.app-links,:host .footer.social-links{gap:1.25rem}}@media (min-width:1620px){:host .footer.app-links,:host .footer.social-links{gap:1.5rem}}:host a{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host a :focus:not(:focus-visible){outline-style:none}:host a:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host a:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host a:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host button{background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}
17:host button{cursor:pointer}:host footer-icon{margin-inline-start:.25em;width:1em}`;class xn extends(Mt(Ut)){static get scopedElements(){return{"footer-footer":yn,"footer-card":Yo,"footer-icon":wo}}static get properties(){return{id:{type:String,reflect:!0}}}static get styles(){return wn}constructor(){super(),this.id="footer"}attributeChangedCallback(e,t,o){"id"===e&&"footer"!==o&&(this.id="footer")}cookieSettingsClick(e){const t=window.Optanon;t&&(e.preventDefault(),t.ToggleInfoDisplay(),t.TriggerGoogleAnalyticsEvent("OneTrust Cookie Consent","Banner Open Preferences"))}safespaceClick(){const e=document.body;return(async()=>{if(!await(async()=>{const e=await fetch("https://safespaces.azurewebsites.net/Home/IsAlive"),t=await e.json();return t?.isAlive||!1})())return!1;const t=document.createElement("iframe"),o=await(async()=>{const e=await fetch("https://safespaces.azurewebsites.net/");return await e.text()})();return t.setAttribute("id","safe-space-iframe"),t.setAttribute("style","height:100%;width:100%;position:fixed;top:0;bottom:0;background-color: rgba(0, 0, 0, 0.26);z-index:9999"),e.appendChild(t),e.style.overflow="hidden",t.contentWindow.document.open(),t.contentWindow.document.write(o),t.contentWindow.document.close(),t.focus(),!0})()}get standardTemplate(){if("true"!==ti("appview"))return _e`<footer-footer class="ndsn footer"><footer-card slot="section" type="nav"><h2 slot="heading">The Company</h2><ul slot="paragraph"><li><a href="/about-us.html">About us</a></li><li><a href="/about-us/our-performance.html">Our performance</a></li><li><a href="https://www.lifeatcentrica.com" rel="noreferrer" target="_blank" aria-label="Careers, opens in new window">Careers<footer-icon name="external-link"></footer-icon></a></li><li><a href="/business/">British Gas Business</a></li><li><a href="https://www.hivehome.com/" rel="noreferrer" target="_blank" aria-label="Hive Active Heating, opens in new window">Hive Active Heating<footer-icon name="external-link"></footer-icon></a></li><li><a href="https://www.centrica.com/" rel="noreferrer" target="_blank" aria-label="Centrica PLC, opens in new window">Centrica PLC<footer-icon name="external-link"></footer-icon></a></li><li><a href="/the-source.html">The Source Blog</a></li><li><a href="/meet-the-things.html">Meet the Things</a></li></ul></footer-card><footer-card slot="section" type="nav"><h2 slot="heading">Information</h2><ul slot="paragraph"><li><a href="/energy/supply-terms-and-conditions.html">Energy terms & conditions</a></li><li><a href="/legal-compliance/terms-and-conditions.html">Website terms & conditions</a></li><li><a href="/legal-compliance/privacy-policy.html">Privacy policy</a></li><li><a href="/legal-compliance/cookies-policy.html" class="optanon-toggle-display" @click="${e=>this.cookieSettingsClick(e)}">Cookie settings</a></li><li><a href="/legal-compliance/compliance.html">Conformity</a></li><li><a href="/legal-compliance/legal-information.html">Legal information</a></li><li><a href="/accessibility.html">Access for all</a></li><li><a href="https://www.centrica.com/responsibility/our-approach/modern-slavery-act-statement" rel="noreferrer" target="_blank" aria-label="Modern slavery transparency statement, opens in new window">Modern slavery transparency statement<footer-icon name="external-link"></footer-icon></a></li><li><a href="/legal-compliance/useful-information.html#netzero">Carbon reduction plan</a></li></ul></footer-card><footer-card slot="section" type="nav"><h2 slot="heading">Support</h2><ul slot="paragraph"><li><a href="/help-and-support/emergencies">
17Emergencies</a></li><li><a href="/help-and-support/contact-us">Contact us</a></li><li><a href="/complaints.html">Complaints</a></li><li><a href="/legal-compliance/responsible-disclosure.html">Responsible disclosure</a></li><li><a href="/priority-service-register">Priority Service Register</a></li></ul></footer-card><footer-card slot="section" type="nav"><h2 slot="heading">App and Social</h2><ul class="app-links" slot="paragraph"><li><a href="/download-app.html" aria-label="App for iPhone, iPad, and iPod touch"><img src="https://www.britishgas.co.uk/nucleus/images/apple-store.svg" alt="" loading="lazy"></a></li><li><a href="/download-app.html" aria-label="App for Android"><img src="https://www.britishgas.co.uk/nucleus/images/google-play.svg" alt="" loading="lazy"></a></li></ul><ul class="social-links" slot="paragraph"><li><a href="https://www.facebook.com/britishgas" rel="noreferrer" target="_blank" aria-label="Facebook, opens in new window"><img src="https://www.britishgas.co.uk/nucleus/images/social-facebook.svg" alt="" loading="lazy"></a></li><li><a href="https://www.instagram.com/britishgas" rel="noreferrer" target="_blank" aria-label="Instagram, opens in new window"><img src="https://www.britishgas.co.uk/nucleus/images/social-instagram.svg" alt="" loading="lazy"></a></li><li><a href="https://www.youtube.com/britishgas" rel="noreferrer" target="_blank" aria-label="YouTube, opens in new window"><img src="https://www.britishgas.co.uk/nucleus/images/social-youtube.svg" alt="" loading="lazy"></a></li><li><a href="https://www.twitter.com/britishgas" rel="noreferrer" target="_blank" aria-label="X (formally Twitter), opens in new window"><img src="https://www.britishgas.co.uk/nucleus/images/social-twitter.svg" alt="" loading="lazy"></a></li></ul></footer-card><footer-card slot="section" type="nav"><h2 slot="heading">We proudly support</h2><div slot="paragraph"><button @click="${()=>this.safespaceClick()}"><img src="https://www.britishgas.co.uk/nucleus/images/safespaces.svg" width="auto" height="100px" alt="Safe Spaces - UK says no more" loading="lazy"></button></div></footer-card><footer-card slot="section" type="nav"><h2 slot="heading">Awards</h2><div slot="paragraph"><img src="https://www.britishgas.co.uk/nucleus/images/u-switch.webp" width="auto" height="94px" alt="British Gas is Uswitch's Best Overall Improvement winner for energy suppliers in 2024" loading="lazy"></div></footer-card></footer-footer>`}}const _n=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host summary::-webkit-details-marker{display:none}:host .heading{align-items:center;background-color:#fff;color:#004ecc;-moz-column-gap:1rem;column-gap:1rem;cursor:pointer;display:flex;font-size:21px;padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:1rem;padding-inline-start:1rem}:host .heading:hover{background-color:#f3f5f7;color:#004ecc;-webkit-text-decoration:underline;text-decoration:underline}:host .heading :focus:not(:focus-visible){outline-style:none}:host .heading:focus-visible{background-color:#fff;color:#004ecc;outline-color:#002f87;outline-offset:0;outline-style:solid;outline-width:3px;-webkit-text-decoration:underline;text-decoration:underline}:host .content{color:#111518;padding-block-end:.5rem;padding-block-start:.5rem;padding-inline-end:1rem;padding-inline-start:1rem}:host .has-icon .content,:host .toggle-start .content{padding-inline-start:1rem}:host .icon,:host .toggle{flex-shrink:0;height:1.5rem;width:1.5rem}:host .toggle-start .icon{margin-inline-start:auto}:host .toggle-end .toggle{margin-inline-start:auto}`;class $n extends(Cs(Ut)){constructor(){super(),this._toggleOpen="chevron-down",this._toggleClose="chevron-up",this._togglePosition="end"}static get styles(){return _n}}const zn=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host .details .heading{color:var(--scheme-heading-color)}:host .details .heading{background-color:var(--scheme-background-color)}:host .details .heading:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .details .heading:focus-visible{outline-offset:-3px}:host .details .heading:focus,:host .details .heading:hover{background-color:var(--scheme-lowlight-color);-webkit-text-decoration:none;text-decoration:none}:host .details .content{background-color:var(--scheme-background-color)}:host .details .content{color:var(--scheme-foreground-color)}:host .details .content :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .details .content a{color:var(--scheme-action-foreground-color)}:host .details .content a:hover{color:var(--scheme-action-hover-foreground-color)}:host .details .content a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .details .content [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .details .content ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .details .content ::slotted(a){color:var(--scheme-action-foreground-color)}:host .details .content ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .details .content ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .details.skyline .heading:focus,:host .details.skyline .heading:hover{background-color:var(--scheme-background-color)}:host .details.standard{border-block-start-style:solid;border-color:var(--scheme-highlight-color);border-width:.125rem}:host .details.standard .heading ::slotted(*){color:var(--scheme-heading-color)}:host .details.standard[open] .heading{background-color:var(--scheme-lowlight-color)}:host .details.standard.yellow .heading{background-color:#ffc72c}:host .details.standard.yellow .heading:focus-visible{outline-color:#002f87}:host .details.standard.yellow .heading:focus,:host .details.standard.yellow .heading:hover{background-color:#e5b328}`;class Sn extends(Si($n)){static get styles(){return[super.styles,zn]}static get properties(){return{type:{type:String,reflect:!0},open:{type:Boolean,reflect:!0,converter:_o},colour:{type:String}}}constructor(){super(),this.icon="",this.colour="",this._toggleEvent="expander-toggle"}willUpdate(e){super.willUpdate(e),e.has("open")&&(this.open=_o.fromAttribute(this.open)),this._skylineValue&&"skyline"!==this.type&&(this.type="skyline"),"skyline"===this.type&&e.has("icon")&&"warning"!==this.icon&&"info"!==this.icon&&(console.warn("Invalid icon type for skyline expander. Must be warning or info. Defaulting to info."),this.icon="info")}get slottedStyles(){return'light-dom>[slot=heading]{font-family:British Gas Medium,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:0;margin-block-start:0}@media (min-width:720px){light-dom>[slot=heading]{font-size:1.266rem}}@media (min-width:1620px){light-dom>[slot=heading]{font-size:1.266rem}}light-dom[type=skyline]>[slot=heading]{font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:0;margin-block-start:0}@media (min-width:720px){light-dom[type=skyline]>[slot=heading]{font-size:1.067rem}}@media (min-width:1620px){light-dom[type=skyline]>[slot=heading]{font-size:1.067rem}}light-dom[type=skyline] *{max-width:none}light-dom[type=skyline]+:before{border-block-start-style:solid;border-color:#c3ced5;border-width:.0625rem;content:"";display:block;margin-inline-end:calc(-50vw + 50%);margin-inline-start:calc(-50vw + 50%)}'}get classes(){return{...super.classes,[this.type]:!0,[this.colour]:!!this.colour}}get skylineTemplate(){return this.standardTemplate}}const Cn=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host .filter label ::slotted(ns-pill){display:inline-flex!important}:host .filter label .pill{display:inline-block;margin-block-end:-.25rem;margin-block-start:-.25rem;margin-inline-start:.25rem}:host .filter .buttons{display:flex;flex-wrap:wrap;gap:1rem}:host .filter .buttons filter-cta{inline-size:auto}:host .filter .buttons .reset{align-self:center}:host .filter .buttons .reset .button{background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host .filter .buttons .reset .button{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host .filter .buttons .reset .button :focus:not(:focus-visible){outline-style:none}:host .filter .buttons .reset .button:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .filter .buttons .reset .button:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .filter .buttons .reset .button:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host .filter .buttons .reset .button{outline-color:var(--scheme-focus-outline-color)}`,En=_e`<div class="heading"><slot name="heading"></slot></div><div class="anon"><slot></slot></div>`,An=_e`<svg xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 99 100"><path fill="#333" fill-rule="nonzero" d="M99.95 0 41.861 22.422s-12.945 5.11-19.771 12.279c-4.444 4.347-7.471 10.143-8.695 16.702 4.895-3.127 9.918-5.11 9.918-5.11l46.433-17.998s1.804 41.793-18.998 60.25c6.054-1.449 13.009-4.5 20.995-9.839C102.462 58.115 99.95 0 99.95 0Z"/><path fill="#aaa" fill-rule="nonzero" d="M41.796 89.536c-16.036 0-29.045-14.033-29.045-31.345 0-2.288.194-4.576.644-6.712-2.125 1.373-4.25 2.975-5.924 4.653C2.769 60.708 0 67.495 0 74.893c0 13.881 10.369 25.092 23.249 25.092 6.247.228 14.168-2.06 23.957-8.619 1.224-.838 2.447-1.754 3.542-2.745-3.156.763-6.182.991-8.952.915Z"/></svg>`,Bn=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host .heading ::slotted(*){color:var(--scheme-heading-color)}:host .anon{border-block-end-style:solid;border-color:var(--scheme-highlight-color);border-width:.125rem}`;class Tn extends Ut{static get styles(){return Bn}get slottedStyles(){return"light-dom>[slot=heading]{font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){light-dom>[slot=heading]{font-size:1.424rem}}@media (min-width:1620px){light-dom>[slot=heading]{font-size:1.424rem}}@media (min-width:720px){light-dom>[slot=heading]{margin-block-end:.75rem}}@media (min-width:1620px){light-dom>[slot=heading]{margin-block-end:1rem}}"}get standardTemplate(){return En}}class Mn extends(Mt(Ut)){static get scopedElements(){return{"filter-expander":Sn,"filter-inputter":Ls,"filter-cta":ei,"filter-form":Ks,"filter-accordion":Tn}}static get properties(){return{filterData:{type:Array,attribute:"filter-data"},submitOnChange:{type:Boolean,attribute:"submit-on-change"},_submitRef:{type:Object,state:!0}}}static get styles(){return Cn}constructor(){super(),this.filterData=[],this.submitOnChange=!1,this._submitRef=ss()}firstUpdated(){super.firstUpdated(),this._submitRef?.value&&(this._submitRef.value._isButton=!0)}_handleFormReset(){this.dispatchEvent(new CustomEvent("filter-reset",{bubbles:!0,composed:!0}))}_handleFormSubmit(){const e=this.shadowRoot.querySelector("filter-form").querySelectorAll("filter-inputter"),t=Array.from(e).reduce(((e,t)=>({...e,[t.name]:t.value})),{});this.dispatchEvent(new CustomEvent("filter-submit",{detail:{data:{...t}},bubbles:!0,composed:!0}))}_handleInputChange(e){this.submitOnChange&&this._handleFormSubmit(),this.dispatchEvent(new CustomEvent("filter-change",{detail:{name:e.target.name,value:e.target.value},bubbles:!0,composed:!0}))}_renderFilters(){return this.filterData.map(((e,t)=>
17{const{heading:o,expand:i,name:s,value:n,option:r,helper:a,optionData:l}=e;return _e`<filter-expander heading="${o}" ?open="${i}"><h4 slot="heading" id="${`filter-heading-${t}`}">${o}</h4><filter-inputter helper="${a}" name="${s}" labelID="${`filter-heading-${t}`}" @change="${this._handleInputChange}">${this._renderOptions(r,l,s,n)}</filter-inputter></filter-expander>`}))}_renderOptions(e,t,o){return"checkbox"===e||"radio"===e?t.map((t=>_e`<input name="${o}" type="${e}" ?checked="${t.checked}" id="${t.value}" value="${t.value}"> <label for="${t.value}">${t.label} ${t.counter?_e`<span>(${t.counter})</span>`:""} ${t["data-ns-pill"]?_e`<span class="pill"><slot name="pill-${t["data-ns-pill"]}"></slot></span>`:""}</label>`)):"select"===e?_e`<select name="${o}">${t.map((e=>_e`<option value="${e.value}" ?selected="${e.checked}">${e.label} ${e.counter?`(${e.counter})`:""}</option>`))}</select>`:_e``}get standardTemplate(){return _e`<div class="filter"><filter-form @submit="${this._handleFormSubmit}" @reset="${this._handleFormReset}"><form><filter-accordion><slot name="heading" slot="heading"></slot>${this._renderFilters()}</filter-accordion><div class="buttons">${this.submitOnChange?"":_e`<filter-cta type="submit" ${as(this._submitRef)}>Apply filters</filter-cta>`}<div class="reset"><button class="button" type="reset" @click="${e=>e.preventDefault()}"><filter-cta type="text" icon="cross">Reset filters</filter-cta></button></div></div></form></filter-form></div>`}}function Ln(e,t,o){return e?t(e):o?.(e)}const qn=O`*,:after,:before{box-sizing:border-box}body{font-family:British Gas Body,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}body,figure{margin:0}:host{display:block}:host dl,:host ol,:host ul{margin-block-end:.75rem;margin-block-start:0}:host dl,:host ol,:host ul{font-family:British Gas Body,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host dl,:host ol,:host ul{font-size:1.067rem}}@media (min-width:1620px){:host dl,:host ol,:host ul{font-size:1.067rem}}@media (min-width:720px){:host dl,:host ol,:host ul{margin-block-end:.75rem}}@media (min-width:1620px){:host dl,:host ol,:host ul{margin-block-end:1rem}}:host ol,:host ul{list-style-type:none;max-width:50ch;padding-inline-start:1.5em}:host ol li,:host ul li{margin-block-end:.25em;margin-block-start:.25em;position:relative}:host ol li:first-child,:host ul li:first-child{margin-block-start:0}:host ol li:last-child,:host ul li:last-child{margin-block-end:0}:host ol ol,:host ol ul,:host ul ol,:host ul ul{margin-block-end:.5em;margin-block-start:.5em;padding-inline-start:1.5em}:host dl{margin-block-start:0}:host dl dd,:host dl dt{max-width:50ch}:host dl dd p,:host dl dt p{margin-block-end:.25em!important}:host dl dd :last-child,:host dl dt :last-child{margin-block-end:0!important}:host dl dt{font-family:British Gas Medium,sans-serif;margin-block-end:.25em}:host dl dt+dt{margin-block-start:2em}:host dl dd{margin-block-end:.25em;margin-inline-start:0}:host dl dd+dt{margin-block-start:2em}:host dl div:not(:first-child){margin-block-start:2em}:host .ol-numbered li:before{color:currentcolor;content:" " counter(list-item) " ";font-family:British Gas Medium,sans-serif;position:absolute;transform:translate(-100%,.0125em);white-space:pre}:host .ol-numbered ol{padding-inline-start:1.75em}:host .ol-numbered ol li:before{content:" " counters(list-item,".") " "}:host .ol-numbered ol ol{padding-inline-start:2.5em}:host .ul-bullet li:after,:host .ul-bullet li:before,:host .ul-crossed li:after,:host .ul-crossed li:before,:host .ul-ticked li:after,:host .ul-ticked li:before{content:"";left:-.7em;position:absolute;top:.8em;transform:translate(-50%,-50%)}:host .ul-bullet li:before{border:.25em solid;border-radius:50%;box-shadow:inset 0 0 0 .25em currentcolor;height:.5em;width:.5em}:host .ul-bullet li li:before{border:.125em solid;box-shadow:none;height:.5em;width:.5em}:host .ul-ticked li:before{border-block-end-style:solid;border-color:currentcolor;border-inline-start-style:solid;border-width:.15em;height:.45em;transform:translate(-55%,-75%) rotate(-45deg);width:.75em}:host .ul-crossed li:after,:host .ul-crossed li:before{border-block-start-style:solid;border-color:currentcolor;border-width:.125em;height:0;width:.85em}
17:host .ul-crossed li:before{transform:translate(-50%,-50%) rotate(-45deg)}:host .ul-crossed li:after{transform:translate(-50%,-50%) rotate(45deg)}:host .dl-row{max-width:75ch}:host .dl-row div{border-block-start-style:solid;border-color:var(--scheme-highlight-color);border-width:.125rem;padding-block-end:.5em;padding-block-start:.5em}:host .dl-row div:first-child{border-width:0}:host .dl-row div:not(:first-child){margin-block-start:0}@media (min-width:720px){:host .dl-row div{grid-column-gap:1em;display:grid;grid-template-columns:1fr 2fr}}@media (min-width:720px){:host .dl-row div:not(:first-child){margin-block-start:0}}@media (min-width:720px){:host .dl-row div:first-child{padding-block-start:0}}@media (min-width:720px){:host .dl-row div:last-child{padding-block-end:0}}@media (min-width:720px){:host .dl-row div dt{grid-row-end:span 999}}@media (min-width:720px){:host .dl-row div dd{grid-column-start:2}}@media (min-width:720px){:host .dl-row div dd:last-child{margin-block-end:0}}:host .download-list{margin-block-end:0;padding-inline-start:0}:host [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .validation{align-items:center;color:#e3660e;-moz-column-gap:.25rem;column-gap:.25rem;display:flex;margin-block-start:.5rem;width:-moz-fit-content;width:fit-content}:host .validation .icon{flex-shrink:0;width:1.5rem}:host .validation .message{color:#bf5910}`,Rn=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(e){return null}return e},Dn={selectedaddress:"selectedAddress",manualformenabled:"manualFormEnabled",allowmanualaddress:"allowManualAddress"};class In extends(Mt(ps(zs(gs(Ut))))){static get scopedElements(){return{"address-selector-inputter":Ls,"address-selector-cta":ei,"address-selector-form":Ks,"address-selector-icon":wo,"address-selector-column":Zs}}static get observedAttributes(){return[...super.observedAttributes,...Object.keys(Dn)]}static get styles(){return qn}static get properties(){return{postcode:{type:String},addresses:{type:Array},required:{type:Boolean},selectedAddress:{type:Object,attribute:"selected-address"},selectedaddress:{type:Object},manualFormEnabled:{type:Boolean,attribute:"manual-form-enabled"},allowManualAddress:{type:Boolean,attribute:"allow-manual-address"},propertyType:{type:String,attribute:"property-type",converter:e=>no.includes(e)?e:"house"},_loadingAddress:{type:Boolean,state:!0},_selectorType:{type:String,state:!0},_postcodeRef:{type:Object,state:!0}}}constructor(){super(),this.name="address-selector",this.postcode="",this.addresses=[],this.required=!1,this.manualFormEnabled=!1,this.allowManualAddress=!1,this._loadingAddress=!1,this.propertyType="house",this.validation=[],this._postcodeRef=ss()}updated(e){super.updated(e),e.has("addresses")&&1===this.addresses?.length&&this._dispatchAddressSelectedEvent()}willUpdate(e){super.willUpdate(e),this.addresses&&0!==this.addresses.length?1===this.addresses.length?this._selectorType="single-data":this.addresses.length<6?this._selectorType="multi-data":this._selectorType="large-data":this._selectorType="no-data",1===e?.size&&e.has("addresses")&&(this._loadingAddress=!1),e.has("selectedaddress")&&(this.selectedAddress=this.selectedaddress),this.selectedAddress||"single-data"!==this._selectorType||this.updateSelectedAddress(this.addresses[0],!1,!0)}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"required"===e&&(this.validation=["isRequired"]),"manualformenabled"===e||"allowmanualaddress"===e?this[Dn[e]]=_o.fromAttribute(o):Dn[e]&&(this[Dn[e]]=Rn(o))}get _slottedInputs(){return this.shadowRoot.querySelectorAll("#addressSelectorInput")}updateSelectedAddress(e,t=!0,o=!1){this._pristine=!1,this.selectedAddress=e,this.value=e,t&&this.validate(),o||this.updateComplete.then((()=>this._dispatchAddressSelectedEvent()))}_dispatchAddressSelectedEvent(){const e=new CustomEvent("address-selected",{detail:{address:this.selectedAddress},bubbles:!0,composed:!0});this.dispatchEvent(e)}focus(){const e=this.shadowRoot.querySelector("address-selector-form"),t=e?.validate();this.updateComplete.then((()=>{t.isValid?e.querySelector("address-selector-cta")?.focus():t.validationStates?.[0]?.formElement.focus()}))}
17_manualAddressClickHandler(){this.manualFormEnabled=!0,this.dispatchEvent(new CustomEvent("manual-address-click",{bubbles:!0,composed:!0}))}_submitManualAddress(){const e=this.shadowRoot.querySelector("#manual-address-form").elements,t=Array.from(e).reduce(((e,t)=>({...e,[t.name]:t.value})),{}),o=/\d/.test(t.houseNameNumber),i=`${t.houseNameNumber}${o?"":","} ${t.addressLine1}, ${t.addressLine2}${t.addressLine2?",":""} ${t.postalTown}, ${t.county}, ${t.postcode}`,s={...t,label:i,isManual:!0};this.updateSelectedAddress(s),this.manualFormEnabled=!1}_submitSelectedAddress(){const e=this.shadowRoot.querySelector("#selected-address-form").elements.address.value;this.updateSelectedAddress(this.addresses[e])}_getAddressField(e){return this.selectedAddress?.[e]??""}get _manualAddressForm(){const e="property"===this.propertyType?"Property":"House";return _e`<address-selector-form id="manual-address-form" @submit="${()=>this._submitManualAddress()}"><form><address-selector-inputter validation='["isRequired"]' value="${this._getAddressField("houseNameNumber")}" name="houseNameNumber" id="houseNameNumber"><label slot="label" for="houseNameNumber">${e} name or number</label> <input type="text" name="houseNameNumber" autocomplete="address-line1"></address-selector-inputter><address-selector-inputter validation='["isRequired"]' value="${this._getAddressField("addressLine1")}" name="addressLine1" id="addressLine1"><label slot="label" for="addressLine1">Address line 1</label> <input type="text" name="addressLine1" autocomplete="address-line2"></address-selector-inputter><address-selector-inputter value="${this._getAddressField("addressLine2")}" name="addressLine2" id="addressLine2"><label slot="label" for="addressLine2">Address line 2</label> <input type="text" name="addressLine2" autocomplete="address-line3"></address-selector-inputter><address-selector-inputter validation='["isRequired"]' value="${this._getAddressField("postalTown")}" name="postalTown" id="postalTown"><label slot="label" for="postalTown">Postal town</label> <input type="text" name="postalTown" autocomplete="address-level1"></address-selector-inputter><address-selector-inputter validation='["isRequired"]' value="${this._getAddressField("county")}" name="county" id="county"><label slot="label" for="county">County</label> <input type="text" name="county" autocomplete="address-level2"></address-selector-inputter><address-selector-inputter validation='["isRequired","isPostcode"]' value="${this._getAddressField("postcode")}" name="postcode" id="postcode"><label slot="label" for="postcode">Postcode</label> <input type="text" name="postcode" autocomplete="postal-code"></address-selector-inputter><address-selector-cta type="submit" id="submit-manual-address-button">Use these details</address-selector-cta></form></address-selector-form>`}get _addressRadioOptions(){return _e`<address-selector-inputter validation='["isRequired"]' heading="Select an address" name="address">${jt(this.addresses,((e,t)=>_e`<input id="${"id"+t}" type="radio" name="address" value="${t}"> <label for="${"id"+t}">${e.label}</label>`))}</address-selector-inputter>`}get _addressDropdown(){return _e`<address-selector-inputter validation='["isRequired"]' heading="Select an address" name="address"><label slot="label">Select an address</label> <select name="address" id="address-select"><option value="">Please Select</option>${jt(this.addresses,((e,t)=>_e`<option value="${t}">${e.label}</option>`))}</select></address-selector-inputter>`}get _addressSelectorForm(){return this.selectedAddress?_e`<dl class="dl-row"><div><dt>Address</dt><dd>${this.selectedAddress.label}</dd>${this.allowManualAddress?_e`<dd><address-selector-cta type="text" id="show-manual-form-button" @click="${()=>
17this._manualAddressClickHandler()}">Amend address</address-selector-cta></dd>`:""}</div></dl>`:!this._loadingAddress&&this.postcode&&"no-data"===this._selectorType?_e`<p>No addresses for this postcode?</p>`:"no-data"!==this._selectorType?_e`<address-selector-form id="selected-address-form" @submit="${()=>this._submitSelectedAddress()}"><form>${((e,t,o)=>{for(const o of t)if(o[0]===e)return(0,o[1])();return o?.()})(this._selectorType,[["multi-data",()=>this._addressRadioOptions],["large-data",()=>this._addressDropdown]],(()=>{}))} ${_e`<address-selector-cta type="submit" id="submit-selected-address-button">Choose this address</address-selector-cta>`}</form></address-selector-form>`:void 0}_resetPostcodeClickHandler(){this.value="",this.postcode="",this.selectedAddress="",this.addresses=[],this._loadingAddress=!1,this._dispatchAddressSelectedEvent()}get _selectedPostcode(){return _e`<dl class="dl-row"><div><dt>Postcode</dt><dd>${this.postcode}</dd><dd><address-selector-cta type="text" tabindex="0" id="new-address-button" @click="${()=>this._resetPostcodeClickHandler()}">Change postcode</address-selector-cta></dd></div></dl>`}_findAddressForPostcode(){this._postcodeRef?.value?.value?.length>0&&(this.reset(),this.addresses=[],this._loadingAddress=!0,this.postcode=this._postcodeRef.value.value,this.updateComplete.then((()=>{const e=new CustomEvent("postcode-selected",{detail:{postcode:this.postcode},bubbles:!0,composed:!0});this.dispatchEvent(e)})))}get _postcodeSelectorForm(){return _e`<address-selector-form id="postcode-form" @submit="${()=>this._findAddressForPostcode()}"><form><address-selector-inputter ${as(this._postcodeRef)} .validation="${["isRequired","isPostcode"]}" value="${this.postcode}" name="postcode"><label slot="label">Postcode</label> <input type="text" autocomplete="postal-code" name="postcode"></address-selector-inputter><address-selector-cta id="find-address-button" type="submit" .loading="${this._loadingAddress}">Find address</address-selector-cta></form></address-selector-form>`}get _postCodeForm(){return this.postcode&&!this._loadingAddress||this.selectedAddress||"no-data"!==this._selectorType?this.postcode?_e`<div>${this._selectedPostcode}</div>`:void 0:(!this.postcode&&this._loadingAddress&&(this._loadingAddress=!1),_e`<div>${this._postcodeSelectorForm}</div>`)}get _addValidationIcon(){return _e`<address-selector-icon name="${to}" class="icon"></address-selector-icon>`}get standardTemplate(){return _e`<address-selector-column>${Ln(this.manualFormEnabled,(()=>_e`${this._manualAddressForm}`),(()=>_e`${this._postCodeForm} ${this._addressSelectorForm} ${!this.selectedAddress&&this.allowManualAddress?_e`<address-selector-cta type="text" id="show-manual-form-button" @click="${()=>
17this._manualAddressClickHandler()}">${this.addresses.length>0?"Can't find the address? Enter manually":"Enter manual address"}</address-selector-cta>`:""}`))} <input type="hidden" id="addressSelectorInput" value="${gt(this.selectedAddress)}"> ${this._addValidationMessage}</address-selector-column>`}}const On=O`:host{display:block}:host .transpose{--transpose-layout-gap:1.5rem;grid-gap:1.5rem;grid-gap:var(--transpose-layout-gap);display:grid}@media (min-width:720px){:host .transpose{--transpose-layout-gap:2rem}}@media (min-width:1080px){:host .transpose{grid-template-columns:1fr 1fr}:host .transpose .asset{margin-block-start:2rem;order:2}:host .transpose .body{order:1}}@media (min-width:1620px){:host .transpose{--transpose-layout-gap:2.25rem}}`;class Pn extends(Mt(mo(Ut))){static get scopedElements(){return{"transpose-image":Fo}}static get styles(){return On}static get properties(){return{image:{type:String},alt:{type:String}}}constructor(){super(),this.alt=""}get standardTemplate(){return _e`<div class="transpose"><div class="asset"><transpose-image src="${this.image}" alt="${this.alt}" ratio="${this.ratio}"></transpose-image></div><div class="body"><slot></slot></div></div>`}}const Hn=O`:host{display:grid}:host .totem{--totem-padding:1rem;border:.125rem solid transparent;border-end-end-radius:.5rem;border-end-start-radius:.5rem;border-start-end-radius:.5rem;border-start-start-radius:.5rem;padding-block-end:.875rem;padding-block-end:calc(var(--totem-padding) - .125rem);padding-block-start:.875rem;padding-block-start:calc(var(--totem-padding) - .125rem);padding-inline-end:.875rem;padding-inline-end:calc(var(--totem-padding) - .125rem);padding-inline-start:.875rem;padding-inline-start:calc(var(--totem-padding) - .125rem)}:host .totem{--scheme-heading-color:#002f87}:host .totem{--scheme-foreground-color:#111518}:host .totem{--scheme-background-color:#f3f5f7}:host .totem{--scheme-highlight-color:#c3ced5}:host .totem{--scheme-lowlight-color:#fff}:host .totem{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .totem{--scheme-focus-outline-color:#002f87}:host .totem{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .totem{background-color:var(--scheme-background-color)}:host .totem{color:var(--scheme-foreground-color)}:host .totem :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .totem a{color:var(--scheme-action-foreground-color)}:host .totem a:hover{color:var(--scheme-action-hover-foreground-color)}:host .totem a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .totem [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .totem ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .totem ::slotted(a){color:var(--scheme-action-foreground-color)}:host .totem ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .totem ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .totem .body{margin-inline-end:auto;margin-inline-start:auto;text-align:center;width:max(calc(16rem - (var(--totem-padding) - .125rem)*2),min(66.666%,50ch))}:host .totem ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,.p-caption,.p-small,.p-normal,.p-feature,.p-large)){text-wrap:balance}@media (min-width:720px){:host .totem{--totem-padding:1.25rem}}`;class Gn extends Ut{static get styles(){return Hn}get slottedStyles(){return"light-dom ns-image,light-dom ns-video{border-radius:.5rem;margin-block-end:1rem;margin-inline-end:auto;margin-inline-start:auto;max-width:66.666%}"}get standardTemplate(){return _e`<div class="${tt({totem:!0})}"><div class="body"><slot></slot></div></div>`}}const Nn=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host .product-card.horizontal .description{border-block-end-style:none}:host .product-card.horizontal .decoration{height:var(--product-card-decoration-size);margin-block-start:calc(var(--product-card-decoration-margin)*-1);margin-inline-end:calc(var(--product-card-decoration-margin)*-1);position:absolute;right:var(--product-card-padding);width:var(--product-card-decoration-size)}:host .product-card.horizontal .action{grid-gap:var(--product-card-padding);display:grid;gap:var(--product-card-padding)}:host .product-card.horizontal .action.show-less,:host .product-card.horizontal .action.show-more{padding-block-end:0;padding-block-start:calc(var(--product-card-padding)*2);padding-inline-end:0;padding-inline-start:0}@container (width <= 576px){:host .product-card.horizontal{grid-template-areas:"price" "action" "description";grid-template-rows:auto max-content max-content}:host .product-card.horizontal.has-image{grid-template-areas:"media" "price" "action" "description"}:host .product-card.horizontal.has-more{grid-template-areas:"price" "action" "description" "more"}:host .product-card.horizontal.has-image.has-more{grid-template-areas:"media" "price" "action" "description" "more"}:host .product-card.horizontal.has-decoration .description:before{content:none}:host .product-card.horizontal.has-decoration .price:before{content:"";float:right;height:var(--product-card-decoration-size);margin-block-start:calc(var(--product-card-decoration-margin)*-1);margin-inline-end:calc(var(--product-card-decoration-margin)*-1);width:var(--product-card-decoration-size)}}@container (width > 576px){:host .product-card.horizontal{grid-template-areas:"price description" "action description";grid-template-columns:minmax(258px,1fr) 2fr}:host .product-card.horizontal.has-image{grid-template-areas:"media price description" "media action description";grid-template-columns:1fr 1fr 1fr}:host .product-card.horizontal.has-more{grid-template-areas:"price description" "action description" "more more"}:host .product-card.horizontal.has-image.has-more{grid-template-areas:"media price description" "media action description" "media more more";grid-template-rows:auto auto 0}:host .product-card.horizontal.has-image.has-more.is-open{grid-template-rows:auto auto auto}:host .product-card.horizontal .description{border-inline-end-style:none;border-inline-start-style:solid}:host .product-card.horizontal.has-decoration .description:before{content:"";float:right;height:var(--product-card-decoration-size);margin-block-start:calc(var(--product-card-decoration-margin)*-1);margin-inline-end:calc(var(--product-card-decoration-margin)*-1);width:var(--product-card-decoration-size)}:host .product-card.horizontal.has-decoration .price:before{content:none}}`;class Vn extends cs{static get styles(){return[super.styles,Nn]}connectedCallback(){super.connectedCallback()}get _showMore(){if(this.__hasMoreToShow){const e=this.showMore?.["open-label"]?this.showMore["open-label"]:"More details",t=this.showMore?.["close-label"]?this.showMore["close-label"]:"Less details";return this._openShowMore?_e`<div class="action show-less"><product-cta type="text" icon="chevron-up" ${as(this._showLessToggle)} @focus="${this._showToggleFocus}" @click="${this._toggleShowMore}">${t}</product-cta></div>`:_e`<div class="action show-more"><product-cta type="text" icon="chevron-down" ${as(this._showMoreToggle)} @focus="${this._showToggleFocus}" @click="${this._toggleShowMore}">${e}</product-cta></div>`}}get _details(){return _e`<div class="more ${this._openShowMore?"open":""}"><div class="details"><slot name="details"></slot></div></div>`}get horizontalTemplate(){return _e`<article class="${tt(this.classes)}">${this._image}<div class="price">${this._decoration}<slot name="name"></slot><slot name="price-heading"></slot><slot name="price"></slot></div>${this._action}<div class="description">${this._pill} ${this._description} ${this._showMore}</div>${this._details}</article>`}}const Fn=O`:host .ai-response.askbill,:host .ai-response.user{display:flex;padding:.5rem 0}:host .ai-response.user{justify-content:flex-end}
17:host .ai-response.askbill{justify-content:flex-start}:host .ai-response.userb{--decoration-size-base:1.5rem;--decoration-size-large:var(--decoration-size-base);--decoration-size-small:calc(var(--decoration-size-base)/3);--decoration-offset-large:calc(var(--decoration-size-base)*-0.75);--decoration-offset-small:calc(var(--decoration-offset-large)*1.5);--decoration-padding-inline-end:calc(var(--decoration-size-base) + var(--decoration-size-small)/2);justify-content:flex-end;padding-inline-end:1.75rem;padding-inline-end:var(--decoration-padding-inline-end)}:host .ai-response.userb .content{position:relative}:host .ai-response.userb .content{--scheme-heading-color:#fff}:host .ai-response.userb .content{--scheme-foreground-color:#fff}:host .ai-response.userb .content{--scheme-background-color:#435460}:host .ai-response.userb .content{--scheme-highlight-color:#91a5b3}:host .ai-response.userb .content{--scheme-lowlight-color:#212a30}:host .ai-response.userb .content{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .ai-response.userb .content{--scheme-focus-outline-color:#ffc72c}:host .ai-response.userb .content{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .ai-response.userb .content:after,:host .ai-response.userb .content:before{aspect-ratio:1/1;background:var(--scheme-background-color);border-radius:50%;bottom:0;content:"";position:absolute}:host .ai-response.userb .content:before{right:var(--decoration-offset-large);width:var(--decoration-size-large)}:host .ai-response.userb .content:after{right:var(--decoration-offset-small);width:var(--decoration-size-small)}:host .ai-response.askbillb .content{--scheme-heading-color:#111518}:host .ai-response.askbillb .content{--scheme-foreground-color:#111518}:host .ai-response.askbillb .content{--scheme-background-color:#f3f5f7}:host .ai-response.askbillb .content{--scheme-highlight-color:#c3ced5}:host .ai-response.askbillb .content{--scheme-lowlight-color:#fff}:host .ai-response.askbillb .content{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .ai-response.askbillb .content{--scheme-focus-outline-color:#002f87}:host .ai-response.askbillb .content{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .ai-response.askbillb,:host .ai-response.userb{display:flex}:host .ai-response.askbillb .content,:host .ai-response.userb .content{background-color:var(--scheme-background-color)}:host .ai-response.askbillb .content,:host .ai-response.userb .content{color:var(--scheme-foreground-color)}:host .ai-response.askbillb .content :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6),:host .ai-response.userb .content :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .ai-response.askbillb .content a,:host .ai-response.userb .content a{color:var(--scheme-action-foreground-color)}:host .ai-response.askbillb .content a:hover,:host .ai-response.userb .content a:hover{color:var(--scheme-action-hover-foreground-color)}:host .ai-response.askbillb .content a:focus-visible,:host .ai-response.userb .content a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .ai-response.askbillb .content [tabindex="0"],:host .ai-response.userb .content [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .ai-response.askbillb .content ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)),:host .ai-response.userb .content ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .ai-response.askbillb .content ::slotted(a),:host .ai-response.userb .content ::slotted(a){color:var(--scheme-action-foreground-color)}:host .ai-response.askbillb .content ::slotted(a):hover,:host .ai-response.userb .content ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .ai-response.askbillb .content ::slotted(a):focus-visible,:host .ai-response.userb .content ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .ai-response.askbillb .content,:host .ai-response.userb .content{width:-moz-fit-content;width:fit-content}:host .ai-response.askbillb .content :last-child,:host .ai-response.userb .content :last-child{margin-block-end:0}:host .ai-response.askbillb .content:focus-visible,:host .ai-response.userb .content:focus-visible{outline-color:var(--scheme-focus-outline-color);outline-offset:-.125rem;outline-style:solid;outline-width:.25rem}:host .ai-response.askbillb .content,:host .ai-response.userb .content{border-radius:1rem;padding-block:1rem;padding-inline:1rem}`;class jn extends(Mt(Ut)){static get scopedElements(){return{"ai-response-standout":xi}
17}static get styles(){return Fn}get slottedStyles(){return"light-dom :is(h1,h2,h3,h4,h5,h6){margin-block-end:1rem;margin-block-start:0}light-dom :is(h1,h2,h3,h4,h5,h6){font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){light-dom :is(h1,h2,h3,h4,h5,h6){font-size:1.266rem}}@media (min-width:1620px){light-dom :is(h1,h2,h3,h4,h5,h6){font-size:1.266rem}}@media (min-width:720px){light-dom :is(h1,h2,h3,h4,h5,h6){margin-block-end:1.25rem}}@media (min-width:1620px){light-dom :is(h1,h2,h3,h4,h5,h6){margin-block-end:1.5rem}}light-dom :last-child{margin-block-end:0}"}static get properties(){return{_decoration:{type:String,state:!0},_timestamp:{type:String,state:!0}}}constructor(){super(),this._timestamp=""}willUpdate(e){super.willUpdate(e),e.has("type")&&(this._decoration="askbill"===this.type?"navy":"cyan")}firstUpdated(){this._timestamp=this.createTimestamp()}createTimestamp(){return(new Date).toLocaleTimeString("en-GB",{hour:"2-digit",minute:"2-digit"})}get speaker(){switch(this.type){case"askbill":case"askbillb":return"Bill said";case"user":case"userb":return"I said";default:return"Someone said"}}get _classes(){return{"ai-response":!0,[`${this.type}`]:!!this.type}}get standardTemplate(){return _e`<section class="${tt(this._classes)}" aria-label="${this.speaker} (${this._timestamp})" tabindex="0"><ai-response-standout decoration="${this._decoration}"><slot></slot></ai-response-standout></section>`}get askbillTemplate(){return this.standardTemplate}get userTemplate(){return this.standardTemplate}get _standardbTemplate(){return _e`<section class="${tt(this._classes)}"><div class="content" aria-label="${this.speaker} (${this._timestamp})" tabindex="0"><slot></slot></div></section>`}get askbillbTemplate(){return this._standardbTemplate}get userbTemplate(){return this._standardbTemplate}}const Un=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{--ai-container-layout-gap:1.5rem;--ai-container-content-gap:1rem;display:block}:host .ai-container:not(.standardb) .ai-container-questions{width:-moz-fit-content;width:fit-content}:host .ai-container:not(.standardb) .ai-container-questions :last-child{margin-block-end:0}:host .ai-container:not(.standardb) .ai-container-questions:focus-visible{outline-color:var(--scheme-focus-outline-color);outline-offset:-.125rem;outline-style:solid;outline-width:.25rem}:host .ai-container:not(.standardb) .ai-container-questions :is(h1,h2,h3,h4,h5,h6){margin-block-end:1rem;margin-block-start:0}:host .ai-container:not(.standardb) .ai-container-questions :is(h1,h2,h3,h4,h5,h6){font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .ai-container:not(.standardb) .ai-container-questions :is(h1,h2,h3,h4,h5,h6){font-size:1.266rem}}@media (min-width:1620px){:host .ai-container:not(.standardb) .ai-container-questions :is(h1,h2,h3,h4,h5,h6){font-size:1.266rem}}@media (min-width:720px){:host .ai-container:not(.standardb) .ai-container-questions :is(h1,h2,h3,h4,h5,h6){margin-block-end:1.25rem}}@media (min-width:1620px){:host .ai-container:not(.standardb) .ai-container-questions :is(h1,h2,h3,h4,h5,h6){margin-block-end:1.5rem}}:host .ai-container:not(.standardb) .ai-container-questions p{margin-block-end:.75rem;margin-block-start:0}:host .ai-container:not(.standardb) .ai-container-questions p{font-family:British Gas Body,sans-serif;font-size:1.067rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .ai-container:not(.standardb) .ai-container-questions p{font-size:1.125rem}}@media (min-width:1620px){:host .ai-container:not(.standardb) .ai-container-questions p{font-size:1.125rem}}@media (min-width:720px){:host .ai-container:not(.standardb) .ai-container-questions p{margin-block-end:.75rem}}@media (min-width:1620px){:host .ai-container:not(.standardb) .ai-container-questions p{margin-block-end:1rem}}:host .ai-container:not(.standardb) .ai-container-questions a{margin-block-end:.5rem;margin-block-start:0}:host .ai-container:not(.standardb) .ai-container-questions a{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .ai-container:not(.standardb) .ai-container-questions a{font-size:1.067rem}}@media (min-width:1620px){:host .ai-container:not(.standardb) .ai-container-questions a{font-size:1.067rem}}@media (min-width:720px){:host .ai-container:not(.standardb) .ai-container-questions a{margin-block-end:.5rem}}@media (min-width:1620px){:host .ai-container:not(.standardb) .ai-container-questions a{margin-block-end:.5rem}}:host .ai-container.standardb{grid-gap:var(--ai-container-layout-gap);display:grid;gap:var(--ai-container-layout-gap)}:host .ai-container.standardb .questions{border-radius:1rem;padding-block:1rem;padding-inline:1rem}:host .ai-container.standardb .questions{--scheme-heading-color:#111518}:host .ai-container.standardb .questions{--scheme-foreground-color:#111518}:host .ai-container.standardb .questions{--scheme-background-color:#f3f5f7}:host .ai-container.standardb .questions{--scheme-highlight-color:#c3ced5}:host .ai-container.standardb .questions{--scheme-lowlight-color:#fff}:host .ai-container.standardb .questions{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .ai-container.standardb .questions{--scheme-focus-outline-color:#002f87}:host .ai-container.standardb .questions{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .ai-container.standardb .questions{background-color:var(--scheme-background-color)}:host .ai-container.standardb .questions{color:var(--scheme-foreground-color)}:host .ai-container.standardb .questions :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .ai-container.standardb .questions a{color:var(--scheme-action-foreground-color)}:host .ai-container.standardb .questions a:hover{color:var(--scheme-action-hover-foreground-color)}:host .ai-container.standardb .questions a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .ai-container.standardb .questions [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .ai-container.standardb .questions ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .ai-container.standardb .questions ::slotted(a){color:var(--scheme-action-foreground-color)}:host .ai-container.standardb .questions ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .ai-container.standardb .questions ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .ai-container.standardb .questions{width:-moz-fit-content;width:fit-content}:host .ai-container.standardb .questions :last-child{margin-block-end:0}:host .ai-container.standardb .questions:focus-visible{outline-color:var(--scheme-focus-outline-color);outline-offset:-.125rem;outline-style:solid;outline-width:.25rem}:host .ai-container.standardb .questions :is(h1,h2,h3,h4,h5,h6){margin-block-end:1rem;margin-block-start:0}:host .ai-container.standardb .questions :is(h1,h2,h3,h4,h5,h6){font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .ai-container.standardb .questions :is(h1,h2,h3,h4,h5,h6){font-size:1.266rem}}@media (min-width:1620px){:host .ai-container.standardb .questions :is(h1,h2,h3,h4,h5,h6){font-size:1.266rem}}@media (min-width:720px){:host .ai-container.standardb .questions :is(h1,h2,h3,h4,h5,h6){margin-block-end:1.25rem}}@media (min-width:1620px){:host .ai-container.standardb .questions :is(h1,h2,h3,h4,h5,h6){margin-block-end:1.5rem}}:host .ai-container.standardb .questions p{margin-block-end:.75rem;margin-block-start:0}:host .ai-container.standardb .questions p{font-family:British Gas Body,sans-serif;font-size:1.067rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .ai-container.standardb .questions p{font-size:1.125rem}}@media (min-width:1620px){:host .ai-container.standardb .questions p{font-size:1.125rem}}@media (min-width:720px){:host .ai-container.standardb .questions p{margin-block-end:.75rem}}@media (min-width:1620px){:host .ai-container.standardb .questions p{margin-block-end:1rem}}:host .ai-container.standardb .content{grid-gap:var(--ai-container-content-gap);display:grid;gap:var(--ai-container-content-gap)}`;class Wn extends(Mt(Ut)){static get scopedElements(){return{"ai-container-panel":Gs,"ai-container-form":Ks,"ai-container-inputter":Ls,"ai-container-cta":ei,"ai-container-standout":xi}
17}static get styles(){return Un}static get properties(){return{questions:{type:Array}}}_handleSubmit(e){e.preventDefault();const t=this.shadowRoot.querySelector("ai-container-inputter").value;this.dispatchEvent(new CustomEvent("user-prompt",{bubbles:!0,composed:!0,detail:{query:t}})),this.shadowRoot.querySelector("#ask-bill-input").value=""}_handleQuestions(e){e.preventDefault();const t=e.target.textContent;this.dispatchEvent(new CustomEvent("user-prompt",{bubbles:!0,composed:!0,detail:{query:t}}))}constructor(){super(),this.questions=[]}get standardTemplate(){return _e`<div class="ai-container" role="log"><ai-container-panel><div class="ai-panel-content">${this.questions?.length>0?_e`<ai-container-standout class="ai-container-questions" decoration="navy"><h2>Here are some common questions to help you out</h2>${this.questions?.map((e=>_e`<p><a href="#!" id="${e}" @click="${this._handleQuestions}">${e}</a></p>`))}</ai-container-standout>`:void 0}<slot></slot><div class="ai-container-footer"><ai-container-form class="ask-bill-form" @submit="${e=>this._handleSubmit(e)}"><ai-container-inputter><label slot="label" for="ask-bill-input">Ask Bill</label> <textarea id="ask-bill-input"></textarea></ai-container-inputter><ai-container-cta type="submit">Ask Bill</ai-container-cta></ai-container-form></div></div></ai-container-panel></div>`}get standardbTemplate(){const e={"ai-container":!0,[this.type]:!!this.type};return _e`<ai-container-panel><section class="${tt(e)}" role="log">${this.questions?.length>0?_e`<div class="header"><div class="questions"><h2>Here are some common questions to help you out</h2>${this.questions?.map((e=>_e`<p><ai-container-cta id="${e}" type="text" @click="${this._handleQuestions}">${e}</ai-container-cta></p>`))}</div></div>`:void 0}<div class="content"><slot></slot></div><div class="footer"><ai-container-form class="ask-bill-form" @submit="${e=>this._handleSubmit(e)}"><ai-container-inputter><label slot="label" for="ask-bill-input">Ask Bill</label> <textarea id="ask-bill-input"></textarea></ai-container-inputter><ai-container-cta type="submit">Ask Bill</ai-container-cta></ai-container-form></div></section></ai-container-panel>`}}const Kn=O`:host .media-group{--media-group-layout-gap:1rem;grid-column-gap:1rem;grid-column-gap:var(--media-group-layout-gap);grid-row-gap:1rem;grid-row-gap:var(--media-group-layout-gap);display:grid}:host .media-group.bento{grid-template-columns:repeat(2,1fr)}:host .media-group.bento media-group-image{border-radius:.5rem}:host .media-group.bento media-group-image:first-child{align-self:end;grid-column-start:1;grid-row-end:span 4;grid-row-start:1}:host .media-group.bento media-group-image:nth-child(2){align-self:start;grid-column-start:1;grid-row-end:span 2;grid-row-start:5}:host .media-group.bento media-group-image:nth-child(3){align-self:end;grid-column-start:2;grid-row-end:span 2;grid-row-start:2}:host .media-group.bento media-group-image:nth-child(4){align-self:start;grid-column-start:2;grid-row-end:span 2;grid-row-start:4}@media (min-width:720px){:host .media-group{--media-group-layout-gap:1.25rem}}@media (min-width:1620px){:host .media-group{--media-group-layout-gap:1.5rem}}`;class Yn extends(Mt(Ut)){static get scopedElements(){return{"media-group-image":Fo}}static get properties(){return{media:{type:Array},alt:{type:String}}}static get styles(){return Kn}constructor(){super(),this.alt=""}get _mediaHTML(){if(this.media&&Array.isArray(this.media)&&this.media.length>1)return _e`${jt(this.media,(e=>Ln("image"===e.type,(()=>_e`<media-group-image src="${e.src}" ratio="${e.ratio}"></media-group-image>`),(()=>{}))))}`}get __role(){return this.media?"img":void 0}get __altText(){return this.media&&this.alt?this.alt:void 0}get standardTemplate(){const e={"media-group":!0,[this.type]:!0};return _e`<div class="${tt(e)}"></div>`}get bentoTemplate(){const e={"media-group":!0,[this.type]:!0};return _e`<div class="${tt(e)}" role="${ft(this.__role)}" aria-label="${ft(this.__altText)}">${this._mediaHTML}</div>`}}const Qn=O`:host{display:block}:host .lockup{--lockup-footer-margin:1rem;display:grid}:host .lockup .asset{display:grid}:host .lockup .asset .media{position:relative;width:var(--lockup-media-width)}:host .lockup .asset .decoration{height:var(--lockup-decoration-size);position:absolute;width:var(--lockup-decoration-size);z-index:1}
17:host .lockup .asset .decoration lockup-illustration{display:block}:host .lockup .body .card{display:grid}:host .lockup .body .card .footer{margin-block-start:var(--lockup-footer-margin)}:host .lockup.flat{gap:var(--lockup-gap)}:host .lockup.flat{--scheme-background-color:transparent}:host .lockup.flat{background-color:var(--scheme-background-color)}:host .lockup.flat{color:var(--scheme-foreground-color)}:host .lockup.flat :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .lockup.flat a{color:var(--scheme-action-foreground-color)}:host .lockup.flat a:hover{color:var(--scheme-action-hover-foreground-color)}:host .lockup.flat a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .lockup.flat [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .lockup.flat ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .lockup.flat ::slotted(a){color:var(--scheme-action-foreground-color)}:host .lockup.flat ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .lockup.flat ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .lockup.flat .asset .decoration{top:50%;transform:translateY(-50%)}:host .lockup.flat .media ::slotted(ns-image){border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem}:host .lockup.flat:not(.reverse) .asset .decoration{right:calc(var(--lockup-decoration-size)*.66*-1)}:host .lockup.flat.reverse .asset .decoration{left:calc(var(--lockup-decoration-size)*.66*-1)}:host .lockup.standard .body .card{border:.125rem solid transparent;border-radius:.5rem;padding-block-end:calc(var(--lockup-card-padding) - .125rem);padding-block-start:calc(var(--lockup-card-padding) - .125rem);padding-inline-end:calc(var(--lockup-card-padding) - .125rem);padding-inline-start:calc(var(--lockup-card-padding) - .125rem)}:host .lockup.standard .body .card{background-color:var(--scheme-background-color)}:host .lockup.standard .body .card{color:var(--scheme-foreground-color)}:host .lockup.standard .body .card :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .lockup.standard .body .card a{color:var(--scheme-action-foreground-color)}:host .lockup.standard .body .card a:hover{color:var(--scheme-action-hover-foreground-color)}:host .lockup.standard .body .card a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .lockup.standard .body .card [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .lockup.standard .body .card ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .lockup.standard .body .card ::slotted(a){color:var(--scheme-action-foreground-color)}:host .lockup.standard .body .card ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .lockup.standard .body .card ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .lockup.standard .body .card.grey-light-decoration{--scheme-heading-color:#002f87}:host .lockup.standard .body .card.grey-light-decoration{--scheme-foreground-color:#111518}:host .lockup.standard .body .card.grey-light-decoration{--scheme-background-color:#f3f5f7}:host .lockup.standard .body .card.grey-light-decoration{--scheme-highlight-color:#c3ced5}:host .lockup.standard .body .card.grey-light-decoration{--scheme-lowlight-color:#fff}:host .lockup.standard .body .card.grey-light-decoration{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .lockup.standard .body .card.grey-light-decoration{--scheme-focus-outline-color:#002f87}:host .lockup.standard .body .card.grey-light-decoration{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .lockup.standard .body .card:not(.grey-light-decoration){--scheme-heading-color:#002f87}:host .lockup.standard .body .card:not(.grey-light-decoration){--scheme-foreground-color:#111518}:host .lockup.standard .body .card:not(.grey-light-decoration){--scheme-background-color:#fff}:host .lockup.standard .body .card:not(.grey-light-decoration){--scheme-highlight-color:#c3ced5}:host .lockup.standard .body .card:not(.grey-light-decoration){--scheme-lowlight-color:#f3f5f7}:host .lockup.standard .body .card:not(.grey-light-decoration){--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .lockup.standard .body .card:not(.grey-light-decoration){--scheme-focus-outline-color:#002f87}:host .lockup.standard .body .card:not(.grey-light-decoration){--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .lockup.standard .body .card .header ::slotted(*){color:var(--scheme-heading-color)}:host .lockup.standard:not(.has-overlay) .body{z-index:1}:host .lockup.standard:not(.flip) .asset{align-items:end;grid-row-end:4;grid-row-start:2}:host .lockup.standard:not(.flip) .body{grid-row-end:3;grid-row-start:1}:host .lockup.standard.flip .asset{align-items:start;grid-row-end:3;grid-row-start:1}:host .lockup.standard.flip .body{grid-row-end:4;grid-row-start:2}@media (max-width:479.98px){:host .lockup.flat .asset,:host .lockup.flat .body{margin-inline-end:1rem;margin-inline-start:1rem}}@media (max-width:1079.98px){:host .lockup{--lockup-decoration-size:5.75rem}:host .lockup.flat{--lockup-media-width:100%;--lockup-gap:2rem}:host .lockup.flat .asset{order:2}:host .lockup.flat .body{max-width:var(--lockup-media-width)}:host .lockup.flat:not(.reverse) .asset{justify-items:start}:host .lockup.flat:not(.reverse) .asset .decoration{right:calc(var(--lockup-decoration-size)*.66*-1)}:host .lockup.flat.reverse .asset .decoration{left:calc(var(--lockup-decoration-size)*.66*-1)}:host .lockup.standard{--lockup-media-width:100%;--lockup-card-padding:1rem;--lockup-overlap:2rem;--lockup-gap:2rem;grid-template-columns:calc(5% + 2rem) auto calc(5% + 2rem);grid-template-columns:calc(5% + var(--lockup-overlap)) auto calc(5% + var(--lockup-overlap));grid-template-rows:auto 2rem auto;grid-template-rows:auto var(--lockup-gap) auto}:host .lockup.standard .body{grid-column-end:4;grid-column-start:1;margin-inline-end:5%;margin-inline-start:5%}:host .lockup.standard.has-overlay:not(.flip) .body .card{padding-block-end:calc(var(--lockup-card-padding) - .125rem + var(--lockup-overlap))}:host .lockup.standard.has-overlay.flip .body .card{padding-block-start:calc(var(--lockup-card-padding) - .125rem + var(--lockup-overlap))}:host .lockup.standard:not(.flip) .asset .decoration{bottom:1.25rem}:host .lockup.standard.flip .asset .decoration{top:1.25rem}:host .lockup.standard:not(.reverse) .asset{grid-column-end:4;grid-column-start:2;justify-items:end}:host .lockup.standard:not(.reverse) .asset .media ::slotted(ns-image),:host .lockup.standard:not(.reverse) .asset .media ::slotted(ns-video){border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}:host .lockup.standard:not(.reverse) .asset .decoration{left:calc(var(--lockup-decoration-size)*.66*-1)}:host .lockup.standard.reverse .asset{grid-column-end:3;grid-column-start:1;
17justify-items:start}:host .lockup.standard.reverse .asset .media ::slotted(ns-image),:host .lockup.standard.reverse .asset .media ::slotted(ns-video){border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}:host .lockup.standard.reverse .asset .decoration{right:calc(var(--lockup-decoration-size)*.66*-1)}}@media (min-width:480px){:host .lockup.flat,:host .lockup.standard{--lockup-media-width:75%}}@media (min-width:720px){:host .lockup{--lockup-decoration-size:8rem}:host .lockup.standard{--lockup-media-width:66.666%;--lockup-card-padding:2rem;--lockup-overlap:4rem;--lockup-gap:4rem}:host .lockup.standard .asset .media ::slotted(ns-image),:host .lockup.standard .asset .media ::slotted(ns-video){border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem}:host .lockup.flat{--lockup-gap:3rem}}@media (min-width:1080px){:host .lockup{--lockup-decoration-size:9rem}:host .lockup.flat{--lockup-media-width:100%;--lockup-gap:4rem;grid-template-columns:1fr 1fr}:host .lockup.flat .asset{align-self:center;max-width:100%}:host .lockup.flat .body{align-self:center}:host .lockup.flat:not(.reverse) .body{order:-1}:host .lockup.standard{--lockup-media-width:100%;--lockup-card-padding:3rem;--lockup-overlap:9rem;--lockup-gap:9rem;grid-template-columns:1fr 9rem 1fr;grid-template-columns:1fr var(--lockup-overlap) 1fr;grid-template-rows:9rem 1fr 9rem;grid-template-rows:var(--lockup-gap) 1fr var(--lockup-gap)}:host .lockup.standard .asset{grid-row-end:4;grid-row-start:2}:host .lockup.standard .body{grid-row-end:3;grid-row-start:1}:host .lockup.standard:not(.flip) .asset .decoration{bottom:3rem}:host .lockup.standard.flip .asset .decoration{top:3rem}:host .lockup.standard.reverse .asset{grid-column-end:3;grid-column-start:1}:host .lockup.standard.reverse .asset .decoration{left:calc(var(--lockup-decoration-size)*.33*-1)}:host .lockup.standard.reverse .body{grid-column-end:4;grid-column-start:2}:host .lockup.standard.reverse.has-overlay .card{padding-inline-start:calc(var(--lockup-card-padding) - .125rem + var(--lockup-overlap))}:host .lockup.standard:not(.reverse) .asset{grid-column-end:4;grid-column-start:2}:host .lockup.standard:not(.reverse) .asset .decoration{right:calc(var(--lockup-decoration-size)*.33*-1)}:host .lockup.standard:not(.reverse) .body{grid-column-end:3;grid-column-start:1}:host .lockup.standard.has-overlay:not(.reverse) .body .card{padding-inline-end:calc(var(--lockup-card-padding) - .125rem + var(--lockup-overlap))}}@media (max-width:719.98px){:host(:not([type=flat])){grid-column-end:-1!important;grid-column-start:1!important}}`;class Zn extends(Mt(Ko(mo(go(Ut))))){static get scopedElements(){return{"lockup-illustration":Io}}static get properties(){return{decoration:{type:String},reverse:{type:Boolean},_overlay:{type:Boolean,state:!0},_flip:{type:Boolean,state:!0}}}static get styles(){return Qn}get slottedStyles(){return'light-dom>[slot=heading]{max-width:none}light-dom>[slot=heading]>span{display:block}light-dom [slot=paragraph]{font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){light-dom [slot=paragraph]{font-size:1.424rem}}@media (min-width:1620px){light-dom [slot=paragraph]{font-size:1.424rem}}@media (min-width:720px){light-dom [slot=paragraph]{margin-block-end:.75rem}}@media (min-width:1620px){light-dom [slot=paragraph]{margin-block-end:1rem}}light-dom [slot=paragraph] :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not([href="#caveat"]){font-size:inherit}'}constructor(){super(),this.type="standard",this.reverse=!1,this._overlay=!1,this._flip=!1}willUpdate(e){super.willUpdate(e),e.has("type")&&["lockbox","locknut","lockjaw"].includes(this.type)&&(this.type="standard");const t=this.querySelector('[slot="image"]'),o=t?.nodeName.toLowerCase();"ns-video"===o&&(this._overlay=!0),this.nextElementSibling&&!this.previousElementSibling&&(this._flip=!0)}get _scheme(){let e;return"flat"!==this.type?"white"!==this._schemeValue&&this._schemeValue||(e="grey-light"):e=this._schemeValue,this._setSchemeValue(e),e}get _illustration(){if(this.decoration&&!this._overlay)return _e`<div class="decoration"><lockup-illustration name="${this.decoration}"></lockup-illustration></div>`}get _image(){return _e`<div class="asset"><div class="media">${this._illustration}<slot name="image"></slot></div></div>`}get standardTemplate(){const e={lockup:!0,[this.type]:!0,reverse:this.reverse,flip:this._flip,"has-overlay":this._overlay};return _e`<div class="${tt(e)}">${this._image}<div class="body"><div class="card ${this._scheme?`${this._scheme}-decoration`:void 0}">${this._addHeader} ${this._addContent} ${this._addFooter}</div></div></div>`}get flatTemplate(){return this.standardTemplate}}const Xn=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host .live:not(.busy) [part=busy-message]{display:none}:host .live.busy slot{visibility:hidden}:host .live .loading{display:flex;gap:.25rem}:host .live .loading .icon{align-self:center;width:1em}`;class Jn extends(Mt(Ut)){static get scopedElements(){return{"live-icon":xo}}static get properties(){return{busy:{type:Boolean,reflect:!0},busyMessage:{type:String,attribute:"busy-message"},ariaLive:{type:String,attribute:"aria-live",reflect:!0}}}static get styles(){return Xn}static get observedAttributes(){return[...super.observedAttributes,"arialive","busymessage"]}constructor(){super(),this.busy=!1,this.busyMessage="Updating",this.ariaLive="polite"}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"arialive"===e&&(this.ariaLive=o),"busymessage"===e&&(this.busyMessage=o)}get _loadingContent(){return _e`<span class="loading"><live-icon name="loading" class="icon"></live-icon>${this.busyMessage}</span>`}get standardTemplate(){const e={live:!0,busy:this.busy};return _e`<div class="${tt(e)}"><div part="busy-message">${this._loadingContent}</div><slot></slot></div>`}}const er=O`:host{display:block}:host .landmark{--landmark-card-padding:1rem;--landmark-footer-margin:1.5rem;--landmark-valley-decoration-offset:1.25rem;--layout-panel-spacer-block:2rem;--landmark-pill-margin-block-end:0.75rem;display:flow-root}:host .landmark .layout{--layout-panel-spacer-block:2rem;--layout-panel-gap:1.5rem}@media (min-width:720px){:host .landmark .layout{--layout-panel-spacer-block:3rem;--layout-panel-gap:2rem}}@media (min-width:1620px){:host .landmark .layout{--layout-panel-spacer-block:4rem;--layout-panel-gap:2.25rem}}:host .landmark .layout{display:grid;grid-template-columns:5% 1fr 5%;grid-template-columns:var(--layout-gutter,5%) 1fr var(--layout-gutter,5%);padding-block-end:var(--layout-panel-spacer-block);padding-block-start:var(--layout-panel-spacer-block)}:host .landmark .layout>:not(:first-child){margin-block-start:var(--layout-panel-gap)}:host .landmark .layout>*{grid-column-end:-2;grid-column-start:2;justify-self:center;max-width:1440px;width:100%}:host .landmark .body .pill{margin-block-end:var(--landmark-pill-margin-block-end)}:host .landmark .footer{margin-block-start:var(--landmark-footer-margin)}:host .landmark.pill-over-image .asset{position:relative}:host .landmark.pill-over-image .asset .pill{bottom:1rem;left:1rem;position:absolute}:host .landmark.hillside .card,:host .landmark.summit .card{--scheme-heading-color:#002f87}:host .landmark.hillside .card,:host .landmark.summit .card{--scheme-foreground-color:#111518}:host .landmark.hillside .card,:host .landmark.summit .card{--scheme-background-color:#fff}:host .landmark.hillside .card,:host .landmark.summit .card{--scheme-highlight-color:#c3ced5}:host .landmark.hillside .card,:host .landmark.summit .card{--scheme-lowlight-color:#f3f5f7}:host .landmark.hillside .card,:host .landmark.summit .card{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .landmark.hillside .card,:host .landmark.summit .card{--scheme-focus-outline-color:#002f87}:host .landmark.hillside .card,:host .landmark.summit .card{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .landmark.hillside .card,:host .landmark.summit .card{background-color:var(--scheme-background-color)}:host .landmark.hillside .card,:host .landmark.summit .card{color:var(--scheme-foreground-color)}:host .landmark.hillside .card :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6),:host .landmark.summit .card :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .landmark.hillside .card a,:host .landmark.summit .card a{color:var(--scheme-action-foreground-color)}:host .landmark.hillside .card a:hover,:host .landmark.summit .card a:hover{color:var(--scheme-action-hover-foreground-color)}:host .landmark.hillside .card a:focus-visible,:host .landmark.summit .card a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .landmark.hillside .card [tabindex="0"],:host .landmark.summit .card [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .landmark.hillside .card ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)),:host .landmark.summit .card ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .landmark.hillside .card ::slotted(a),:host .landmark.summit .card ::slotted(a){color:var(--scheme-action-foreground-color)}:host .landmark.hillside .card ::slotted(a):hover,:host .landmark.summit .card ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .landmark.hillside .card ::slotted(a):focus-visible,:host .landmark.summit .card ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .landmark.lakeside .body,:host .landmark.valley .body{--scheme-heading-color:#002f87}:host .landmark.lakeside .body,:host .landmark.valley .body{--scheme-foreground-color:#111518}:host .landmark.lakeside .body,:host .landmark.valley .body{--scheme-background-color:#fff}:host .landmark.lakeside .body,:host .landmark.valley .body{--scheme-highlight-color:#c3ced5}:host .landmark.lakeside .body,:host .landmark.valley .body{--scheme-lowlight-color:#f3f5f7}:host .landmark.lakeside .body,:host .landmark.valley .body{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .landmark.lakeside .body,:host .landmark.valley .body{--scheme-focus-outline-color:#002f87}:host .landmark.lakeside .body,:host .landmark.valley .body{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .landmark.lakeside .body,:host .landmark.valley .body{background-color:var(--scheme-background-color)}:host .landmark.lakeside .body,:host .landmark.valley .body{color:var(--scheme-foreground-color)}:host .landmark.lakeside .body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6),:host .landmark.valley .body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .landmark.lakeside .body a,:host .landmark.valley .body a{color:var(--scheme-action-foreground-color)}:host .landmark.lakeside .body a:hover,:host .landmark.valley .body a:hover{color:var(--scheme-action-hover-foreground-color)}:host .landmark.lakeside .body a:focus-visible,:host .landmark.valley .body a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .landmark.lakeside .body [tabindex="0"],:host .landmark.valley .body [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .landmark.lakeside .body ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)),:host .landmark.valley .body ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .landmark.lakeside .body ::slotted(a),:host .landmark.valley .body ::slotted(a){color:var(--scheme-action-foreground-color)}:host .landmark.lakeside .body ::slotted(a):hover,:host .landmark.valley .body ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .landmark.lakeside .body ::slotted(a):focus-visible,:host .landmark.valley .body ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .landmark.hillside .body{margin-block-end:calc(var(--layout-panel-spacer-block)*-1)}:host .landmark.hillside .body .card{align-self:end;border:.125rem solid transparent;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding-block-end:calc(var(--landmark-card-padding) - .125rem);padding-block-start:calc(var(--landmark-card-padding) - .125rem);padding-inline-end:calc(var(--landmark-card-padding) - .125rem);padding-inline-start:calc(var(--landmark-card-padding) - .125rem)}:host .landmark.hillside.decoration-cyan{--landmark-gradient-angle:350deg;background-image:linear-gradient(350deg,var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position));background-image:linear-gradient(var(--landmark-gradient-angle),var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position))}@media (min-width:1080px){:host .landmark.hillside.decoration-cyan{--landmark-gradient-angle:260deg}}:host .landmark.hillside.decoration-cyan{--landmark-gradient-start-colour:transparent;--landmark-gradient-start-position:0%;--landmark-gradient-end-colour:rgba(0,78,204,.5);--landmark-gradient-end-position:50%;background-color:#47b6ff}:host .landmark.hillside.decoration-lime{--scheme-background-color:#7fcc00}:host .landmark.hillside.decoration-navy{--scheme-background-color:#002f87}:host .landmark.hillside.decoration-blue{--scheme-background-color:#004ecc}:host .landmark.hillside.decoration-forest{--scheme-background-color:#00a33e}:host .landmark.hillside.decoration-slate{--scheme-background-color:#111518}:host .landmark.hillside.decoration-orange{--scheme-background-color:#ff5900}:host .landmark.hillside.decoration-red{--scheme-background-color:#d50032}:host .landmark.hillside.decoration-yellow{--scheme-background-color:#ffc72c}:host .landmark.hillside.decoration-grey-light{--scheme-background-color:#f3f5f7}
17:host .landmark.hillside[class*=decoration-]:not(.decoration-cyan){background-color:var(--scheme-background-color)}:host .landmark.hillside[class*=decoration-]:not(.decoration-cyan){--landmark-gradient-angle:350deg;background-image:linear-gradient(350deg,var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position));background-image:linear-gradient(var(--landmark-gradient-angle),var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position))}@media (min-width:1080px){:host .landmark.hillside[class*=decoration-]:not(.decoration-cyan){--landmark-gradient-angle:260deg}}:host .landmark.hillside[class*=decoration-]:not(.decoration-cyan){--landmark-gradient-start-colour:hsla(0,0%,100%,.3);--landmark-gradient-start-position:0%;--landmark-gradient-end-colour:transparent;--landmark-gradient-end-position:50%}:host .landmark.summit{isolation:isolate}:host .landmark.summit .asset{grid-column-end:-1;grid-column-start:1;margin-block-start:calc(var(--layout-panel-spacer-block)*-1);max-width:none;z-index:-1}:host .landmark.summit .asset .container{border-block-end-color:#0093f5;border-block-end-style:solid;border-block-end-width:.5rem}:host .landmark.valley .inner .asset{overflow:hidden}:host .landmark.valley .inner .asset .container{padding-block-start:var(--landmark-valley-decoration-offset);padding-inline-end:var(--landmark-valley-decoration-offset);position:relative}:host .landmark.valley .inner .asset .container:before{border-radius:.5rem;bottom:var(--landmark-valley-decoration-offset);content:"";left:var(--landmark-valley-decoration-offset);position:absolute;right:0;top:0}:host .landmark.valley .inner .asset landmark-image{border-radius:.5rem}:host .landmark.valley .inner.decoration-cyan .container:before{--landmark-gradient-angle:350deg;background-image:linear-gradient(350deg,var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position));background-image:linear-gradient(var(--landmark-gradient-angle),var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position))}@media (min-width:1080px){:host .landmark.valley .inner.decoration-cyan .container:before{--landmark-gradient-angle:260deg}}:host .landmark.valley .inner.decoration-cyan .container:before{--landmark-gradient-start-colour:transparent;--landmark-gradient-start-position:0%;--landmark-gradient-end-colour:rgba(0,78,204,.5);--landmark-gradient-end-position:50%;background-color:#47b6ff}:host .landmark.valley .inner.decoration-lime{--scheme-background-color:#7fcc00}:host .landmark.valley .inner.decoration-navy{--scheme-background-color:#002f87}:host .landmark.valley .inner.decoration-blue{--scheme-background-color:#004ecc}:host .landmark.valley .inner.decoration-forest{--scheme-background-color:#00a33e}:host .landmark.valley .inner.decoration-slate{--scheme-background-color:#111518}:host .landmark.valley .inner.decoration-orange{--scheme-background-color:#ff5900}:host .landmark.valley .inner.decoration-red{--scheme-background-color:#d50032}:host .landmark.valley .inner.decoration-yellow{--scheme-background-color:#ffc72c}:host .landmark.valley .inner.decoration-grey-light{--scheme-background-color:#f3f5f7}:host .landmark.valley .inner[class*=decoration-]:not(.decoration-cyan) .container:before{background-color:var(--scheme-background-color)}:host .landmark.valley .inner[class*=decoration-]:not(.decoration-cyan) .container:before{--landmark-gradient-angle:350deg;background-image:linear-gradient(350deg,var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position));background-image:linear-gradient(var(--landmark-gradient-angle),var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position))}@media (min-width:1080px){:host .landmark.valley .inner[class*=decoration-]:not
17(.decoration-cyan) .container:before{--landmark-gradient-angle:260deg}}:host .landmark.valley .inner[class*=decoration-]:not(.decoration-cyan) .container:before{--landmark-gradient-start-colour:hsla(0,0%,100%,.3);--landmark-gradient-start-position:0%;--landmark-gradient-end-colour:transparent;--landmark-gradient-end-position:50%}:host .landmark.horizon{position:relative}:host .landmark.horizon.alpha{--landmark-horizon-flamemark-top:50%;--landmark-horizon-flamemark-left:50%;--landmark-horizon-flamemark-size:350vw;--landmark-horizon-flamemark-rotate:10deg;--landmark-horizon-flamemark-origin-x:51%;--landmark-horizon-flamemark-origin-y:77%;--landmark-horizon-flamemark-scale:1,1}:host .landmark.horizon.beta{--landmark-horizon-flamemark-top:70%;--landmark-horizon-flamemark-left:40%;--landmark-horizon-flamemark-size:350vw;--landmark-horizon-flamemark-rotate:315deg;--landmark-horizon-flamemark-origin-x:13%;--landmark-horizon-flamemark-origin-y:51%;--landmark-horizon-flamemark-scale:-1,1}:host .landmark.horizon.gamma{--landmark-horizon-flamemark-top:70%;--landmark-horizon-flamemark-left:75%;--landmark-horizon-flamemark-size:350vw;--landmark-horizon-flamemark-rotate:210deg;--landmark-horizon-flamemark-origin-x:13%;--landmark-horizon-flamemark-origin-y:51%;--landmark-horizon-flamemark-scale:1,1}@media (min-width:720px){:host .landmark.horizon.alpha{--landmark-horizon-flamemark-size:250vw}}@media (min-width:1080px){:host .landmark.horizon.alpha{--landmark-horizon-flamemark-top:50%;--landmark-horizon-flamemark-left:50%;--landmark-horizon-flamemark-size:175vw;--landmark-horizon-flamemark-rotate:10deg;--landmark-horizon-flamemark-origin-x:8%;--landmark-horizon-flamemark-origin-y:52%;--landmark-horizon-flamemark-scale:1,1}}@media (min-width:1080px){:host .landmark.horizon.beta{--landmark-horizon-flamemark-top:35%;--landmark-horizon-flamemark-left:60%;--landmark-horizon-flamemark-size:175vw;--landmark-horizon-flamemark-rotate:275deg;--landmark-horizon-flamemark-origin-x:13%;--landmark-horizon-flamemark-origin-y:51%;--landmark-horizon-flamemark-scale:1,1}}@media (min-width:1080px){:host .landmark.horizon.gamma{--landmark-horizon-flamemark-top:85%;--landmark-horizon-flamemark-left:55%;--landmark-horizon-flamemark-size:175vw;--landmark-horizon-flamemark-rotate:0deg;--landmark-horizon-flamemark-origin-x:51%;--landmark-horizon-flamemark-origin-y:88%;--landmark-horizon-flamemark-scale:1,1}}:host .landmark.horizon .flamemark{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}:host .landmark.horizon .flamemark .svg{left:var(--landmark-horizon-flamemark-left);mix-blend-mode:soft-light;opacity:.5;position:absolute;top:var(--landmark-horizon-flamemark-top);transform:translate(calc(var(--landmark-horizon-flamemark-origin-x)*-1),calc(var(--landmark-horizon-flamemark-origin-y)*-1)) rotate(var(--landmark-horizon-flamemark-rotate)) scale(var(--landmark-horizon-flamemark-scale));transform-origin:var(--landmark-horizon-flamemark-origin-x) var(--landmark-horizon-flamemark-origin-y);width:var(--landmark-horizon-flamemark-size)}:host .landmark.horizon .inner{grid-gap:var(--layout-panel-gap);display:grid;gap:var(--layout-panel-gap);z-index:0}:host .landmark.horizon .inner .asset{align-self:end;margin-block-end:calc(var(--layout-panel-spacer-block)*-1);order:2}:host .landmark.horizon .inner .asset landmark-image{border-start-end-radius:.5rem;border-start-start-radius:.5rem}:host .landmark.horizon .inner .body{align-content:center}:host .landmark.horizon.sunrise .layout .asset{align-self:center;margin-block-end:0}:host .landmark.horizon.sunrise .layout .asset landmark-image{border-end-end-radius:.5rem;border-end-start-radius:.5rem}:host .landmark.horizon.sunrise .layout .body{align-content:center}:host .landmark.horizon.hide-flamemark .flamemark{display:none}:host .landmark.horizon{--scheme-heading-color:#fff}:host .landmark.horizon{--scheme-foreground-color:#fff}:host .landmark.horizon{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .landmark.horizon{--scheme-focus-outline-color:#ffc72c}:host .landmark.horizon{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .landmark.horizon{background-color:var(--scheme-background-color)}:host .landmark.horizon{color:var(--scheme-foreground-color)}:host .landmark.horizon :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .landmark.horizon a{color:var(--scheme-action-foreground-color)}:host .landmark.horizon a:hover{color:var(--scheme-action-hover-foreground-color)}:host .landmark.horizon a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .landmark.horizon [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .landmark.horizon ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .landmark.horizon ::slotted(a){color:var(--scheme-action-foreground-color)}:host .landmark.horizon ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .landmark.horizon ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}
17:host .landmark.horizon[class*=decoration-]:not(.decoration-slate):not(.decoration-red){--scheme-background-color:#0093f5}:host .landmark.horizon[class*=decoration-]:not(.decoration-slate):not(.decoration-red){--landmark-gradient-angle:350deg;background-image:linear-gradient(350deg,var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position));background-image:linear-gradient(var(--landmark-gradient-angle),var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position))}@media (min-width:1080px){:host .landmark.horizon[class*=decoration-]:not(.decoration-slate):not(.decoration-red){--landmark-gradient-angle:260deg}}:host .landmark.horizon[class*=decoration-]:not(.decoration-slate):not(.decoration-red){--landmark-gradient-start-colour:transparent;--landmark-gradient-start-position:0%;--landmark-gradient-end-colour:rgba(0,78,204,.5);--landmark-gradient-end-position:50%;background-color:#47b6ff}:host .landmark.horizon.decoration-red,:host .landmark.horizon.decoration-slate{--landmark-gradient-angle:350deg;background-image:linear-gradient(350deg,var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position));background-image:linear-gradient(var(--landmark-gradient-angle),var(--landmark-gradient-start-colour) var(--landmark-gradient-start-position),var(--landmark-gradient-end-colour) var(--landmark-gradient-end-position))}@media (min-width:1080px){:host .landmark.horizon.decoration-red,:host .landmark.horizon.decoration-slate{--landmark-gradient-angle:260deg}}:host .landmark.horizon.decoration-red,:host .landmark.horizon.decoration-slate{--landmark-gradient-start-colour:hsla(0,0%,100%,.3);--landmark-gradient-start-position:0%;--landmark-gradient-end-colour:transparent;--landmark-gradient-end-position:50%}:host .landmark.horizon.decoration-slate{--scheme-background-color:#111518}:host .landmark.horizon.decoration-red{--scheme-background-color:#d50032}@media (min-width:720px){:host .landmark{--layout-panel-spacer-block:3rem;--landmark-card-padding:2rem;--landmark-valley-decoration-offset:1.5rem;--landmark-pill-margin-block-end:0.75rem}:host .landmark.summit .asset,:host .landmark.summit .body{grid-row-end:-1;grid-row-start:1}:host .landmark.summit .asset{align-self:start;display:grid;position:relative}:host .landmark.summit .asset .container{max-height:50vh;overflow:hidden}:host .landmark.summit .asset .container landmark-image{position:relative;top:33.3%;transform:translateY(-33.3%)}:host .landmark.summit .body{--layout-panel-gap:0;display:grid;z-index:1}:host .landmark.summit .body .card{align-self:end;background-color:#fff;border:.125rem solid transparent;border-start-end-radius:.5rem;border-start-start-radius:.5rem;margin-block-start:calc(20vh - var(--layout-panel-spacer-block));padding-block-end:calc(var(--landmark-card-padding) - .125rem);padding-block-start:calc(var(--landmark-card-padding) - .125rem);padding-inline-end:calc(var(--landmark-card-padding) - .125rem);padding-inline-start:calc(var(--landmark-card-padding) - .125rem)}}@media (min-width:720px) and (max-width:1079.98px){:host .landmark.valley .body{margin-inline:12.5%;width:auto}:host .landmark.horizon .asset,:host .landmark.horizon .body{margin-inline:12.5%}}@media (max-width:1079.98px){:host .landmark.valley .layout .body{margin-block-start:calc((var(--layout-panel-spacer-block)*1)/2)}}@media (min-width:1080px){:host .landmark{--layout-panel-spacer-block:4rem;--landmark-valley-decoration-offset:2rem}:host .landmark.hillside .body{display:grid;grid-template-columns:1fr 40%}:host .landmark.summit .body{grid-template-columns:1fr 40%}:host .landmark.valley .inner{grid-gap:var(--landmark-valley-decoration-offset);display:grid;gap:var(--landmark-valley-decoration-offset);grid-template-areas:"a b";grid-template-columns:1fr 40%}:host .landmark.valley .asset{grid-area:b}:host .landmark.valley .body{grid-area:a}:host .landmark.horizon .inner{grid-template-columns:1fr 40%}}@media (min-width:1620px){:host .landmark{--landmark-card-padding:4rem;--landmark-valley-decoration-offset:2.25rem;--landmark-pill-margin-block-end:1rem}}`;class tr extends(Mt(mo(go(Ut)))){static get scopedElements(){return{"landmark-image":Fo}}static get properties(){return{type:{type:String,reflect:!0},image:{type:String},pillOverImage:{type:Boolean,attribute:"pill-over-image"},sunrise:{type:Boolean,attribute:"sunrise"},decoration:{type:String},state:{type:String},gradient:{type:String}}}constructor(){super(),this.image="",this.type="summit",this.pillOverImage=!1,this.sunrise=!1,this.ratio="4 / 3",this.decoration="cyan",this.state="alpha"}static get styles(){return er}get slottedStyles(){return'light-dom{--font-size-marketing:2.056rem;color:var(--scheme-foreground-color)}light-dom :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}light-dom a{color:var(--scheme-action-foreground-color)}light-dom a:hover{color:var(--scheme-action-hover-foreground-color)}light-dom a:focus-visible{outline-color:var(--scheme-focus-outline-color)}light-dom [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}light-dom [slot=heading]{max-width:none}light-dom [slot=heading]>span{display:block}light-dom [slot=paragraph]{font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){light-dom [slot=paragraph]{font-size:1.424rem}}@media (min-width:1620px){light-dom [slot=paragraph]{font-size:1.424rem}}@media (min-width:720px){light-dom [slot=paragraph]{margin-block-end:.75rem}}@media (min-width:1620px){light-dom [slot=paragraph]{margin-block-end:1rem}}light-dom [slot=paragraph] :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not([href="#caveat"]){font-size:inherit}light-dom[type=horizon] [slot=heading]{font-size:var(--font-size-marketing)}light-dom[type=horizon]:is(:not([decoration=slate]):not([decoration=red])) a{color:#fff;text-decoration-color:#fff}light-dom[type=horizon] [slot=paragraph]{font-family:British Gas Body,sans-serif;font-size:1.476rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){light-dom[type=horizon] [slot=paragraph]{font-size:1.602rem}}@media (min-width:1620px){light-dom[type=horizon] [slot=paragraph]{font-size:1.602rem}}@media (min-width:720px){light-dom[type=horizon] [slot=paragraph]{margin-block-end:.75rem}}@media (min-width:1620px){light-dom[type=horizon] [slot=paragraph]{margin-block-end:1rem}}light-dom[type=horizon] [slot=paragraph]>p{font-family:British Gas Body,sans-serif;font-size:1.476rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){light-dom[type=horizon] [slot=paragraph]>p{font-size:1.602rem}}@media (min-width:1620px){light-dom[type=horizon] [slot=paragraph]>p{font-size:1.602rem}}@media (min-width:720px){light-dom[type=horizon] [slot=paragraph]>p{margin-block-end:.75rem}}@media (min-width:1620px){light-dom[type=horizon] [slot=paragraph]>p{margin-block-end:1rem}}light-dom[type=lakeside]+:is([inset]),light-dom[type=summit]+:is([inset]){margin-block-start:-2rem}@media (min-width:720px){light-dom{--font-size-marketing:2.884rem}light-dom[type=lakeside]+:is(:not([decoration]),[decoration=white],[inset]),light-dom[type=summit]+:is(:not([decoration]),[decoration=white],[inset]){margin-block-start:-3rem}}@media (min-width:1620px){light-dom{--font-size-marketing:4.3rem}light-dom[type=lakeside]+:is(:not([decoration]),[decoration=white],[inset]),light-dom[type=summit]+:is(:not([decoration]),[decoration=white],[inset]){margin-block-start:-4rem}}'}static get observedAttributes(){return[...super.observedAttributes,"pilloverimage"]}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"pilloverimage"===e&&(this.pillOverImage=_o.fromAttribute(o))}willUpdate(e){if(super.willUpdate(e),"hillside"===this.type&&e.has("gradient")&&this.gradient){const e=this.gradient?.split("-");if("invert"===e[0]){const t=this.gradient.replace(`${e[0]}-`,"").replace(`${e[1]}-`,"");this.decoration="green-light"===t?"lime":t}else this.decoration=this.gradient}this.decoration=this.decoration||"cyan",e.has("state")&&!["alpha","beta","gamma","hide-flamemark"].includes(this.state)&&(this.state="alpha")}
17get _isBackgroundImage(){return"summit"===this.type}get _imageRatio(){return"summit"===this.type?"16 / 9":this.ratio}get _image(){return _e`<div class="asset"><div class="container"><landmark-image ?background="${this._isBackgroundImage}" src="${this.image}" ratio="${this._imageRatio}"></landmark-image>${"summit"!==this.type&&this.pillOverImage&&this.image?this._pill:void 0}</div></div>`}get _pill(){if(this.querySelector('[slot="pill"]'))return _e`<div class="pill"><slot name="pill"></slot></div>`}get _hasPillOverImage(){return this.pillOverImage&&void 0!==this.image&&void 0!==this.querySelector('[slot="pill"]')}get standardTemplate(){const e={landmark:!0,[this.type]:!0};return _e`<div class="${tt(e)}"><div class="layout">${this._image}<div class="body"><div class="card">${this._addHeader} ${this._pill} ${this._addContent} ${this._addFooter}</div></div></div></div>`}get summitTemplate(){return this.standardTemplate}get hillsideTemplate(){const e={landmark:!0,[this.type]:!0,[`decoration-${this.decoration}`]:!!this.decoration};return _e`<div class="${tt(e)}"><div class="layout"><div class="body"><div class="card">${this._addHeader} ${this._pill} ${this._addContent} ${this._addFooter}</div></div></div></div>`}get lakesideTemplate(){const e={landmark:!0,[this.type]:!0};return _e`<div class="${tt(e)}"><div class="layout"><div class="body">${this._addHeader} ${this._pill} ${this._addContent} ${this._addFooter}</div></div></div>`}get valleyTemplate(){const e={landmark:!0,[this.type]:!0,"pill-over-image":this._hasPillOverImage},t={inner:!0,[`decoration-${this.decoration}`]:!!this.decoration};return _e`<div class="${tt(e)}"><div class="layout"><div class="${tt(t)}">${this._image}<div class="body">${this._addHeader} ${this.pillOverImage?void 0:this._pill} ${this._addContent} ${this._addFooter}</div></div></div></div>`}get horizonTemplate(){const e={landmark:!0,[this.type]:!0,[`decoration-${this.decoration}`]:!!this.decoration,[this.state]:!0,sunrise:this.sunrise,"pill-over-image":this._hasPillOverImage};return _e`<div class="${tt(e)}"><div class="flamemark"><div class="svg">${An}</div></div><div class="layout"><div class="inner">${this._image}<div class="body">${this._addHeader} ${this.pillOverImage?void 0:this._pill} ${this._addContent} ${this._addFooter}</div></div></div></div>`}}const or=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host .alert{--alert-icon-size:2rem;--alert-gap:0.75rem;--alert-keyline-width:0.375rem;--alert-padding:1rem;grid-gap:.75rem;grid-gap:var(--alert-gap);border-end-end-radius:.5rem;border-start-end-radius:.5rem;border-style:solid;border-width:.125rem;color:var(--alert-color);display:grid;gap:.75rem;gap:var(--alert-gap);padding-block-end:.875rem;padding-block-end:calc(var(--alert-padding) - .125rem);padding-block-start:.875rem;padding-block-start:calc(var(--alert-padding) - .125rem);padding-inline-end:.875rem;padding-inline-end:calc(var(--alert-padding) - .125rem);padding-inline-start:1.25rem;padding-inline-start:calc(var(--alert-padding) - .125rem + var(--alert-keyline-width));position:relative}:host .alert .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host .alert.error{background-color:#fdf2f3;border-color:#e60f41}:host .alert.success{background-color:#f2f7f4;border-color:#1ba158}:host .alert.info{background-color:#f2f6fd;border-color:#1192e8}:host .alert.warning{background-color:#fcf4f2;border-color:#e3660e}:host .alert.dismissible .close{cursor:pointer;position:absolute;right:0;top:0}:host .alert.dismissible .close .close-button{background-color:transparent;border:none;color:#404040;cursor:pointer;display:block;height:3rem;padding-block-end:.75rem;padding-block-start:.75rem;padding-inline-end:.75rem;padding-inline-start:.75rem;width:3rem}:host .alert.dismissible .close .close-button alert-icon{display:block}:host .alert.dismissible .close .close-button:focus-visible{border-radius:.5rem;outline-color:#002f87;outline-offset:-.5rem;outline-style:solid;outline-width:.25rem}@media (min-width:480px){:host .alert.dismissible .header{padding-inline-end:3rem}}:host .alert:before{background-color:currentcolor;bottom:0;content:"";left:0;position:absolute;top:0;width:var(--alert-keyline-width)}:host .alert .icon{height:var(--alert-icon-size);margin-block-start:-.25rem;width:var(--alert-icon-size)}:host .alert .body{color:#404040}:host .alert .body .header ::slotted(*){margin-block-end:1rem;margin-block-start:0}:host .alert .body .header ::slotted(*){font-family:British Gas Medium,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .alert .body .header ::slotted(*){font-size:1.266rem}}@media (min-width:1620px){:host .alert .body .header ::slotted(*){font-size:1.266rem}}@media (min-width:720px){:host .alert .body .header ::slotted(*){margin-block-end:1.25rem}}@media (min-width:1620px){:host .alert .body .header ::slotted(*){margin-block-end:1.5rem}}:host .alert .body .content ::slotted(:last-child){margin-block-end:0!important}@media (min-width:480px){:host .alert{--alert-gap:1rem;grid-template-columns:min-content 1fr}}@media (min-width:720px){:host .alert{max-width:66.666%}}@media (min-width:1080px){:host .alert{max-width:calc(720px - 1rem)}}@media (min-width:1620px){:host .alert{--alert-padding:1.5rem;--alert-gap:1.25rem}:host .icon{--alert-icon-size:2.25rem}}`;var ir="light-dom>[slot=heading]{font-family:British Gas Medium,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){light-dom>[slot=heading]{font-size:1.266rem}}@media (min-width:1620px){light-dom>[slot=heading]{font-size:1.266rem}}@media (min-width:720px){light-dom>[slot=heading]{margin-block-end:1.25rem}}@media (min-width:1620px){light-dom>[slot=heading]{margin-block-end:1.5rem}}";class sr extends(Mt(go(Ut))){static get properties(){return{state:{type:String},dismissible:{type:Boolean,reflect:!0},_role:{type:String,reflect:!0,attribute:"role"}}}static get styles(){return or}static get scopedElements(){return{"alert-icon":wo}}constructor(){super(),this.state="error",this._role="alert"}get slottedStyles(){return ir}get __icon(){return this._states[this.state]?.icon}get _states(){return{error:{icon:Yt,style:"#E60F41"},info:{icon:"info",style:"#1192E8"},success:{icon:Qt,style:"#1BA158"},warning:{icon:Zt,style:"#E3660E"}}}close(){this.dispatchEvent(new CustomEvent("close-alert",{bubbles:!0,composed:!0})),this.remove()}get _closeView(){return this.dismissible?_e`<div class="close"><button class="close-button" @click="${this.close}" aria-label="Close alert"><alert-icon name="cross"></alert-icon></button></div>`:""}get _addContent(){return _e`<div class="content"><slot></slot></div>`}get standardTemplate(){return this.highlighterTemplate}get highlighterTemplate(){const e={"--alert-color":this._states[this.state]?.style},t={alert:!0,highlighter:!0,dismissible:this.dismissible,[this.state]:!0};return _e`<div class="${tt(t)}" style="${st(e)}"><div class="visually-hidden">${this.state}</div><div class="icon"><alert-icon name="${ft(this.__icon)}"></alert-icon></div><div class="body">${this._closeView} ${this._addHeader} ${this._addContent}</div></div>`}}class nr extends(Mt(Ut)){static get scopedElements(){return{"highlighter-alert":sr}}constructor(){super(),this.type="error"}get slottedStyles(){return ir}get standardTemplate(){return _e`<highlighter-alert type="highlighter" state="${this.type}"><slot name="heading" slot="heading"></slot><slot></slot></highlighter-alert>`}get errorTemplate(){return this.standardTemplate}get infoTemplate(){return this.standardTemplate}get successTemplate(){return this.standardTemplate}get warningTemplate(){return this.standardTemplate}}const rr=O`*,:after,:before{box-sizing:border-box}body{font-family:British Gas Body,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}body,figure{margin:0}:host .menu{--menu-button-icon-size:2.25rem;--menu-bubble-header-icon-size:1.75rem}:host .menu{--scheme-heading-color:#002f87}:host .menu{--scheme-foreground-color:#111518}:host .menu{--scheme-background-color:#fff}:host .menu{--scheme-highlight-color:#c3ced5}:host .menu{--scheme-lowlight-color:#001f52}:host .menu{--scheme-action-foreground-color:#002f87;--scheme-action-hover-foreground-color:#001f52}:host .menu{--scheme-focus-outline-color:#002f87}:host .menu{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .menu [popover]{background-color:transparent;border:0;height:auto;inset:auto;margin-inline-end:0;margin-inline-start:0;opacity:0;overflow:hidden;padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0;position:absolute;width:auto}:host .menu .active[popover]{opacity:1}:host .menu button{color:var(--scheme-action-foreground-color)}:host .menu button:hover{color:var(--scheme-action-hover-foreground-color)}:host .menu button:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .menu button{background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host .menu button{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host .menu button :focus:not(:focus-visible){outline-style:none}:host .menu button:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .menu button:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .menu button:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host .menu button{margin-block-end:0;margin-block-start:0}:host .menu button{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .menu button{font-size:1.067rem}}@media (min-width:1620px){:host .menu button{font-size:1.067rem}}:host .menu button{align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font-family:British Gas Body,sans-serif!important;gap:.5rem;outline-color:currentcolor}:host .menu .icon{height:var(--menu-button-icon-size);width:var(--menu-button-icon-size)}:host .menu .bubble{overflow-y:auto}:host .menu .bubble{--scheme-heading-color:#fff}:host .menu .bubble{--scheme-foreground-color:#fff}:host .menu .bubble{--scheme-background-color:#001f52}:host .menu .bubble{--scheme-highlight-color:#435460}:host .menu .bubble{--scheme-lowlight-color:#001029}:host .menu .bubble{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .menu .bubble{--scheme-focus-outline-color:#ffc72c}:host .menu .bubble{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}
17:host .menu .bubble .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host .menu .bubble .body{pointer-events:auto}:host .menu .bubble .body .header .close{color:var(--scheme-foreground-color);outline:medium none currentcolor;outline:initial}:host .menu .bubble .body .header .close{background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host .menu .bubble .body .header .close .icon{height:var(--menu-bubble-header-icon-size);width:var(--menu-bubble-header-icon-size)}:host .menu .bubble .body .header .close:focus-visible .icon{--action-focus-visible-border-radius:0.125rem;--action-focus-visible-outline-offset:0.125rem}:host .menu .bubble .body .header .close:focus-visible .icon{border-radius:.5rem;border-radius:var(--action-focus-visible-border-radius,.5rem);outline-color:currentcolor;outline-offset:-.25rem;outline-offset:var(--action-focus-visible-outline-offset,-.25rem);outline-style:solid;outline-width:.25rem}:host .menu.mobile{--menu-header-height:4.5rem}:host .menu.mobile [popover]{right:0;top:0}:host .menu.mobile:not(.special-account) .button{align-items:normal;border:none;font-size:var(--header-action-font-size);height:100%;letter-spacing:inherit;outline:medium none currentcolor;outline:initial;position:relative}:host .menu.mobile:not(.special-account) .button .icon{margin:.5em 1em;pointer-events:none}:host .menu.mobile:not(.special-account) .button:focus-visible .icon{--action-focus-visible-border-radius:0.0625rem;--action-focus-visible-outline-offset:0.125rem}:host .menu.mobile:not(.special-account) .button:focus-visible .icon{border-radius:.5rem;border-radius:var(--action-focus-visible-border-radius,.5rem);outline-color:currentcolor;outline-offset:-.25rem;outline-offset:var(--action-focus-visible-outline-offset,-.25rem);outline-style:solid;outline-width:.25rem}:host .menu.mobile:not(.special-account) .button .label{bottom:.5em;left:0;position:absolute;right:0;text-align:center}:host .menu.mobile .bubble{background-color:var(--scheme-background-color)}:host .menu.mobile .bubble .body{height:100dvh;left:0;top:0;width:100dvw}:host .menu.mobile .bubble .body .header{display:grid;grid-template-columns:1fr max-content;height:var(--menu-header-height);justify-content:space-between;padding-inline-end:5%;padding-inline-start:5%}:host .menu.mobile .bubble .body .header .close{align-items:center;cursor:pointer;display:flex;flex-direction:column;letter-spacing:inherit;position:relative}:host .menu.mobile .bubble .body .header .close .icon{margin-block:.5em;margin-inline:1em;pointer-events:none}:host .menu.mobile .bubble .body .header .close .label{bottom:.5em;left:0;position:absolute;right:0;text-align:center}:host .menu.mobile .bubble .body .content{height:calc(100dvh - var(--frame-top-size));left:0;overflow-y:auto;padding-block-end:1.5rem;padding-block-start:1.5rem;padding-inline-end:5%;padding-inline-start:5%;position:absolute;right:0}:host .menu.desktop [popover]{left:calc(var(--frame-buttons-size) + 5%);right:5%;top:var(--frame-top-size)}:host .menu.desktop .button.active:after{border-block-end-color:var(--scheme-lowlight-color);border-block-start-color:transparent;border-inline-end-color:transparent;border-inline-start-color:transparent;border-style:solid;border-width:1rem;bottom:-1rem;content:"";left:calc(50% - 1rem);margin-inline:auto;position:absolute}:host .menu.desktop .bubble{overflow-y:auto}:host .menu.desktop .bubble .layout{margin-inline-end:auto;margin-inline-start:auto;max-width:1440px;width:100%}:host .menu.desktop .bubble .body{background-color:var(--scheme-background-color);border-radius:.5rem;margin-inline-start:auto;min-width:320px;padding-block-end:1.5rem;padding-block-start:1.5rem;padding-inline-end:1.5rem;padding-inline-start:1.5rem;width:-moz-max-content;width:max-content}:host .menu.desktop .bubble .body .header{float:right;margin-block-start:-.5rem;margin-inline-end:-.5rem;position:relative;z-index:1}:host .menu.desktop .bubble .body .header .close{padding-block-end:.5rem;padding-block-start:.5rem;padding-inline-end:.5rem;padding-inline-start:.5rem}:host .menu.desktop .bubble .body .header .close .label{clip:rect(0 0 0 0);clip-path:inset(50%);
17height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (min-width:720px){:host .menu{--menu-button-icon-size:3rem}}`;const ar=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host :is(button,input,optgroup,select,textarea):not(.ember-view){background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host [type=button],:host [type=reset],:host [type=submit],:host button{-webkit-appearance:button;-webkit-border-radius:0}:host fieldset{border:0;margin:0;padding:0}:host legend{padding:0}:host .frame{--frame-button-icon-size:1.5rem;--frame-header-icon-size:2.25rem;display:grid;min-height:100svh}:host .frame.app-view{display:block}:host .frame a,:host .frame button{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host .frame a :focus:not(:focus-visible),:host .frame button :focus:not(:focus-visible){outline-style:none}:host .frame a:focus-visible,:host .frame button:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .frame a:focus-visible:hover,:host .frame button:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .frame a:hover,:host .frame button:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host .frame a,:host .frame button{outline-color:currentcolor}:host .frame .content{grid-area:content;max-width:100vw}:host .frame .nav-skip{left:0;position:absolute;right:0;top:0}:host .frame .nav-skip ul{list-style-type:none;margin:0;max-width:none;padding:0}:host .frame .nav-skip ul li{margin:0;padding:0}:host .frame .nav-skip ul a{padding-block-end:.25rem;padding-block-start:.25rem;padding-inline-end:.5rem;padding-inline-start:.5rem;position:absolute;-webkit-text-decoration:none;text-decoration:none;top:-200em;z-index:1}:host .frame .nav-skip ul a:focus-visible{display:block;left:20%;top:.5rem}:host .frame frame-icon{display:block}:host .frame .header{grid-area:header;padding-inline-end:5%;padding-inline-start:5%}:host .frame .header .nav{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"logo search menu";grid-template-columns:max-content 1fr max-content;max-width:1440px;width:100%}:host .frame .header .nav .logo{grid-area:logo;width:-moz-fit-content;width:fit-content}:host .frame .header .nav .logo img{display:block;height:var(--frame-logo-height);max-width:100%}:host .frame .header .nav .menu{grid-area:menu}:host .frame .header .nav .search{display:flex;grid-area:search}:host .frame .header .nav .search frame-control{margin-inline-start:auto}:host .frame .header .nav .search frame-control::part(button){border-radius:.25rem}:host .frame .header .nav .search frame-control::part(button):focus-visible{outline-color:var(--scheme-focus-outline-color);outline-offset:0;outline-style:solid;outline-width:.25rem}:host .frame .header .nav .search frame-control::part(label){margin-block-end:0;margin-block-start:0}:host .frame .header .nav .search frame-control::part(label){font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .frame .header .nav .search frame-control::part(label){font-size:1.067rem}}@media (min-width:1620px){:host .frame .header .nav .search frame-control::part(label){font-size:1.067rem}}:host .frame .header .nav .search frame-control::part(label){font-family:British Gas Body,sans-serif!important}:host .frame .header .nav .search frame-control::part(circle){--button-circle-size:2rem;--button-circle-icon-size:1.25rem;margin:2px}:host .frame .header .nav .search frame-control:focus-within::part(circle){outline-style:none}:host .frame .header frame-menu .menu-panel h2{margin-block-end:.5rem;margin-block-start:0}:host .frame .header frame-menu .menu-panel h2{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .frame .header frame-menu .menu-panel h2{font-size:1.067rem}}@media (min-width:1620px){:host .frame .header frame-menu .menu-panel h2{font-size:1.067rem}}@media (min-width:720px){:host .frame .header frame-menu .menu-panel h2{margin-block-end:.5rem}}@media (min-width:1620px){:host .frame .header frame-menu .menu-panel h2{margin-block-end:.5rem}}:host .frame .header frame-menu .menu-panel .account-name{margin-block-end:.5rem;margin-block-start:0}:host .frame .header frame-menu .menu-panel .account-name{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .frame .header frame-menu .menu-panel .account-name{font-size:1.067rem}}@media (min-width:1620px){:host .frame .header frame-menu .menu-panel .account-name{font-size:1.067rem}}@media (min-width:720px){:host .frame .header frame-menu .menu-panel .account-name{margin-block-end:.5rem}}@media (min-width:1620px){:host .frame .header frame-menu .menu-panel .account-name{margin-block-end:.5rem}}:host .frame .header frame-menu .menu-panel .account-label{margin-block-end:0;margin-block-start:0}:host .frame .header frame-menu .menu-panel .account-label{font-family:British Gas Medium,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .frame .header frame-menu .menu-panel .account-label{font-size:1.266rem}}@media (min-width:1620px){:host .frame .header frame-menu .menu-panel .account-label{font-size:1.266rem}}
17:host .frame .header frame-menu .menu-panel .account-label+.menu-links{margin-block-start:1rem}:host .frame .header frame-menu .menu-panel .account-info{margin-block-end:.75rem;margin-block-start:0}:host .frame .header frame-menu .menu-panel .account-info{font-family:British Gas Body,sans-serif;font-size:.889rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .frame .header frame-menu .menu-panel .account-info{font-size:.889rem}}@media (min-width:1620px){:host .frame .header frame-menu .menu-panel .account-info{font-size:.889rem}}@media (min-width:720px){:host .frame .header frame-menu .menu-panel .account-info{margin-block-end:.75rem}}@media (min-width:1620px){:host .frame .header frame-menu .menu-panel .account-info{margin-block-end:1rem}}:host .frame .header frame-menu .menu-panel .account-info{margin-block-start:.25rem}:host .frame .header frame-menu .menu-panel .details .menu-item{margin-block-end:1.5rem;padding-block-end:.75rem;position:relative}:host .frame .header frame-menu .menu-panel .details .menu-item:after{background-color:var(--scheme-highlight-color);bottom:-.0625rem;content:"";height:.125rem;left:0;position:absolute;right:0}:host .frame .header frame-menu .menu-panel .details .menu-item a{margin-block-end:.5rem;margin-block-start:0}:host .frame .header frame-menu .menu-panel .details .menu-item a{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .frame .header frame-menu .menu-panel .details .menu-item a{font-size:1.067rem}}@media (min-width:1620px){:host .frame .header frame-menu .menu-panel .details .menu-item a{font-size:1.067rem}}@media (min-width:720px){:host .frame .header frame-menu .menu-panel .details .menu-item a{margin-block-end:.5rem}}@media (min-width:1620px){:host .frame .header frame-menu .menu-panel .details .menu-item a{margin-block-end:.5rem}}:host .frame .header frame-menu .menu-panel .details .menu-item a frame-icon{height:1.125rem;width:1.125rem}:host .frame .header frame-menu a{align-items:center;display:flex;gap:.5rem;-webkit-text-decoration:none;text-decoration:none}:host .frame .header frame-menu a:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .frame .buttons{background-color:#fff;grid-area:buttons}:host .frame .buttons button{align-items:center;color:#002f87;cursor:pointer;display:flex;flex-direction:column;font-family:British Gas Body,sans-serif!important;position:relative;transition-duration:.3s;transition-property:color;transition-timing-function:ease-in-out}:host .frame .buttons button{margin-block-end:0;margin-block-start:0}:host .frame .buttons button{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .frame .buttons button{font-size:1.067rem}}@media (min-width:1620px){:host .frame .buttons button{font-size:1.067rem}}:host .frame .buttons button .icon{height:var(--frame-button-icon-size);position:relative;width:var(--frame-button-icon-size)}:host .frame .buttons button .icon frame-icon{height:100%;position:absolute;transition-duration:.3s;transition-property:opacity;transition-timing-function:ease-in-out;width:100%}:host .frame .buttons button .icon [name*=solid]{opacity:0}:host .frame .buttons button.active .icon [name*=solid]{opacity:1}:host .frame .buttons button.active .icon [name*=outline]{opacity:0}:host .frame .buttons button:after{border-color:transparent;content:"";position:absolute;transition-duration:.3s;transition-property:border-color;transition-timing-function:ease-in-out;z-index:1}:host .frame .buttons button.active:after,:host .frame .buttons button:hover:after{border-color:#001f52}:host .frame .buttons button.active{color:#001f52}@media (max-width:719.98px){:host .frame{--frame-buttons-size:4rem}:host .frame .buttons button{padding-block-start:.5rem}}@media (min-width:720px){:host .frame{--frame-button-icon-size:1.75rem;--frame-header-icon-size:3rem}:host .frame .header .nav .search frame-control::part(circle){--button-circle-size:calc(3rem - 6px);--button-circle-icon-size:1.5rem;margin:3px}}@media (max-width:1079.98px){:host .frame{--frame-top-size:4.5rem;--frame-buttons-size:4rem;grid-template-areas:"header" "buttons" "content";grid-template-rows:4.5rem 4rem 1fr;grid-template-rows:var(--frame-top-size) var(--frame-buttons-size) 1fr}:host .frame.hide-buttons{grid-template-areas:"header" "content" "content"}:host .frame.hide-buttons .buttons{display:none}:host .frame .header .nav{margin-block-start:1rem}:host .frame .header .nav .search .desktop{display:none}:host .frame .header frame-menu .menu-header .mark{display:block;height:var(--frame-logo-height);margin-block-end:1rem;margin-block-start:1rem;min-width:-moz-max-content;min-width:max-content;padding-inline-end:1.25rem}:host .frame .buttons{border-block-end-color:#c3ced5;border-block-end-style:solid;border-block-end-width:.0625rem;display:grid;position:sticky;top:0;z-index:1}:host .frame .buttons button{height:calc(var(--frame-buttons-size) - .0625rem);padding-block-end:.25rem;padding-inline-end:.75rem;padding-inline-start:.75rem}:host .frame .buttons button .label{white-space:nowrap}:host .frame .buttons button:after{border-block-start-style:solid;border-block-start-width:.25rem;border-start-end-radius:.125rem;border-start-start-radius:.125rem;bottom:0;left:.25rem;right:.25rem}}@media (min-width:1080px){:host .frame{--frame-top-size:80px;--frame-buttons-size:9rem;--frame-logo-height:3rem;grid-template-areas:"buttons header" "buttons content";grid-template-columns:9rem 1fr;grid-template-columns:var(--frame-buttons-size) 1fr;grid-template-rows:80px 1fr;grid-template-rows:var(--frame-top-size) 1fr}:host .frame .header{display:grid}:host .frame .header frame-menu .mark{display:none}:host .frame .header frame-menu a{width:-moz-fit-content;width:fit-content}:host .frame .header .nav{align-items:center;justify-self:center}:host .frame .header .nav .logo{left:calc(var(--frame-buttons-size)/2);margin-block-end:1rem;margin-block-start:1.25rem;position:fixed;top:0;transform:translateX(-50%);z-index:2}:host .frame .header .nav .search frame-control{margin-inline-end:auto}:host .frame .header .nav .search frame-control::part(button){background-color:#f3f5f7;border-radius:100px;padding-block-end:.25rem;padding-block-start:.25rem;padding-inline-end:.25rem;padding-inline-start:1.5rem;width:-moz-fit-content;width:fit-content}:host .frame .header .nav .search .mobile{display:none}:host .frame .header .nav .item{position:relative}:host .frame .header .menu{position:relative}:host .frame .buttons{border-inline-end-color:#c3ced5;border-inline-end-style:solid;border-inline-end-width:.0625rem;bottom:0;left:0;min-width:var(--frame-buttons-size);padding-block-end:4rem;padding-block-start:calc(var(--frame-top-size) + 1rem);position:fixed;top:0;z-index:1}:host .frame .buttons button{gap:.5rem;max-width:var(--frame-buttons-size);outline-offset:-.25rem;padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:1rem;padding-inline-start:1rem;width:100%}:host .frame .buttons button:after{border-end-start-radius:.125rem;border-inline-start-style:solid;border-inline-start-width:.25rem;border-start-start-radius:.125rem;bottom:.5rem;right:0;top:.5rem}}@media (max-width:1619.98px){:host .frame{--frame-logo-height:2.25rem}:host .frame .header .nav .logo .desktop{display:none}}@media (min-width:1620px){:host .frame{--frame-buttons-size:11.5vw;--frame-logo-width:9rem;--frame-button-icon-size:2rem}:host .frame .header .nav .logo{left:calc(var(--frame-buttons-size)/2 - .5rem);margin-block-start:1rem}:host .frame .header .nav .logo .mobile{display:none}:host .frame .buttons button{flex-direction:row;padding-inline-start:calc(var(--frame-buttons-size)/2 - var(--frame-logo-width)/2);text-align:inherit}}`,lr=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host :is(button,input,optgroup,select,textarea):not(.ember-view){background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host [type=button],:host [type=reset],:host [type=submit],:host button{-webkit-appearance:button;-webkit-border-radius:0}:host fieldset{border:0;margin:0;padding:0}:host legend{padding:0}:host .scroller{display:flex}:host .scroller button{border-radius:0!important;outline-color:#002f87}:host .scroller button{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host .scroller button :focus:not(:focus-visible){outline-style:none}:host .scroller button:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .scroller button:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .scroller button:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host .scroller button:focus-visible{outline-offset:-.25rem}:host .scroller .container{scrollbar-width:none;width:100%}:host .scroller .indicator{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}:host .scroller .indicator scroller-control{background-color:#fff;color:#002f87;cursor:pointer;display:flex;pointer-events:auto;position:absolute;z-index:1}:host .scroller .indicator scroller-control::part(circle){border:none}@media (max-width:1079.98px){:host .scroller{grid-auto-flow:column}:host .scroller .indicator scroller-control{bottom:0;top:0}:host .scroller .indicator scroller-control.start{left:0}:host .scroller .indicator scroller-control.end{right:0}:host .scroller .container{display:grid;grid-auto-flow:column;overflow-y:auto;position:absolute}}@media (min-width:1080px){:host .scroller{align-content:start;height:100%;justify-content:end;position:relative}:host .scroller .indicator scroller-control{justify-content:center;left:0;right:0}:host .scroller .indicator scroller-control::part(icon){transform:rotate(90deg)}:host .scroller .indicator scroller-control.start{top:0}:host .scroller .indicator scroller-control.end{bottom:0}:host .scroller .container{overflow-x:auto}}`;class cr extends(Mt(Ut)){static get scopedElements(){return{"frame-icon":wo,"frame-cta":ei,"frame-scroller":hr,"frame-menu":dr,"frame-control":Ii}}static get properties(){return{menu:{type:Array},buttons:{type:Array},name:{type:String},showSearch:{type:Boolean,attribute:"show-search"},activeButton:{type:Number,attribute:"active-button"},hideButtons:{type:Boolean,attribute:"hide-buttons"},hideMenu:{type:Boolean,attribute:"hide-menu"},appView:{type:Boolean,attribute:"app-view"},ignorePrefixPath:{type:String,attribute:"ignore-prefix-path"},_internalActiveButton:{type:Number,state:!0},_focusButton:{type:Number,state:!0},_menuBubbleRef:{type:Object,state:!0}}}static get styles(){return ar}constructor(){super(),this.activeButton=void 0,this.name=void 0,this.showSearch=!1,this.hideButtons=!1,this.hideMenu=!1,this.appView=!1,this.ignorePrefixPath="",this.buttons=[],this.menu=[],this._internalActiveButton=void 0,this._menuBubbleRef=ss()}willUpdate(e){super.willUpdate(e),void 0===this._focusButton&&(void 0!==this.activeButton?this._focusButton=this.activeButton:this._focusButton=this._internalActiveButton??0)}connectedCallback(){super.connectedCallback();const e=()=>{if(this.buttons.length>0){const e=this._currentPathButton;this._internalActiveButton!==e&&(this._internalActiveButton=e,this.activeButton=void 0)}},t=window?.history?.pushState,o=this;window.history.pushState=function(){setTimeout((()=>{e.bind(o)()}),0),t.apply(this,arguments)},window.addEventListener("popstate",(()=>{e()}))}firstUpdated(){super.firstUpdated(),this.hideButtons||setTimeout((()=>{this._scrollButtonIntoView(this.__activeButton)}),500)}get __isAppView(){return"true"===ti("appview")||this.appView}get __pathname(){return window?.location?.pathname}get _currentPathButton(){const e=this.__pathname.replace(new RegExp(`^${this.ignorePrefixPath}`),"");return this.buttons.findIndex((t=>
17t.url===e||t["url-pattern"]&&e?.match(t["url-pattern"])))}get __activeButton(){return"number"==typeof this.activeButton?this.activeButton:void 0!==this._internalActiveButton?this._internalActiveButton:this._currentPathButton}fireEvent(e,t){this.dispatchEvent(new CustomEvent(e,{...t,bubbles:!0,composed:!0}))}get __header(){if(!this.__isAppView)return _e`<header class="header"><nav aria-label="Skip links" class="nav-skip"><ul><li><a href="#content">Skip to content</a></li><li><a href="#footer">Skip to footer</a></li></ul></nav><nav class="nav">${this.__logo}<div class="search">${this.__search}</div><div class="menu">${this.__accountMenu}</div></nav></header>`}get __logo(){return _e`<a href="/" class="logo"><img class="mobile" src="https://www.britishgas.co.uk/nucleus/images/flamemark.svg" alt="British Gas"> <img class="desktop" src="https://www.britishgas.co.uk/nucleus/images/logo.svg" alt="British Gas"></a>`}get __search(){if(this.showSearch)return _e`<frame-control icon="search" text-position="start" @click="${()=>this.fireEvent("search-click")}"><span class="label mobile">Search</span> <span class="label desktop">Hey, ${this.name} how can we help you today?</span></frame-control>`}get __accountMenu(){if(!this.hideMenu)return _e`<frame-menu label="Account" icon="user-circle" ${as(this._menuBubbleRef)}>${this.__accountMenuBubble}</frame-menu>`}get __accountMenuBubble(){const e=this.menu?.[0],t=e?.data||[],o=e=>{"Tab"!==e.key||e.shiftKey||this._menuBubbleRef?.value?.hide()},i=()=>{this.fireEvent("logout-click"),this._menuBubbleRef?.value?.hide()},s=(e,t)=>{this.fireEvent("menu-click",{detail:{event:e,...t}}),this._menuBubbleRef?.value?.hide()};return _e`<div slot="header" class="menu-header"><img class="mark mobile" src="https://www.britishgas.co.uk/nucleus/images/flamemark-white.svg" alt="British Gas"></div><div slot="content" class="menu-panel"><div class="details"><div class="menu-item"><h2>${e?.label||"Account"}</h2>${this.name?_e`<p class="account-name">${this.name}</p>`:""}</div>${t.map((e=>_e`<div class="menu-item">${e.label?_e`<h3 class="account-label">${e.label}</h3>`:void 0} ${e.value?_e`<p class="account-info">${e.value}</p>`:void 0}<div class="menu-links">${e?.links?.map((e=>_e`<a href="${e.url}" @click="${t=>s(t,e)}">${e.icon?_e`<frame-icon name="${e.icon}" class="icon"></frame-icon>`:_e``} <span class="label">${e.label}</span></a>`))}</div></div>`))}</div><div class="menu-links"><frame-cta @click="${()=>i()}" @keydown="${e=>o(e)}" icon="log-out">Log out</frame-cta></div></div>`}get __isMobileView(){return window.innerWidth<oo.replace("px","")}_scrollButtonIntoView(e){const t=this.shadowRoot.querySelectorAll(".buttons button");let o={behavior:"smooth",inline:"center",block:"nearest"};this.__isMobileView||(o={behavior:"smooth",block:"center"}),t?.[e]?.scrollIntoView(o)}clickButtonHandler(e){this._focusButton=e,this._internalActiveButton=e,this.activeButton=void 0,this._scrollButtonIntoView(e),this.fireEvent("button-click",{detail:{key:e,...this.buttons[e]}})}__onKeyChangeHandler(e){let t=0;switch(e.key){case"Home":e.preventDefault(),t=-this._focusButton||0;break;case"End":e.preventDefault(),t=this.buttons.length-1-this._focusButton;break;case"ArrowRight":case"ArrowDown":e.preventDefault(),t=1;break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),t=-1;break;case"Tab":t=0;break;default:return}if(t){const e=this.shadowRoot.querySelectorAll(".buttons button"),o=(this._focusButton??this.__activeButton)+t;this._focusButton=o<0?e.length-1:o===e.length?0:o,Array.from(e)?.[this._focusButton]?.focus()}else this._focusButton=this.__activeButton&&this.__activeButton>-1?this.__activeButton:0}*__buttonsList(){yield _e`${jt(this.buttons,(e=>e?.url||e?.["url-pattern"]?.toString?.()||`${e?.label??""}-${e?.icon??""}`),((e,t)=>{const o={active:this.__activeButton===t};return _e`<button role="tab" class="${tt(o)}" @keydown="${e=>this.__onKeyChangeHandler(e)}" @click="${()=>this.clickButtonHandler(t)}" aria-selected="${this.__activeButton===t}" tabindex="${this._focusButton===t||this.__activeButton===t?0:-1}"><div class="icon"><frame-icon name="${e.icon}-solid"></frame-icon><frame-icon name="${e.icon}-outline"></frame-icon></div><span class="label">${e.label}</span></button>`}))}`}get __buttons(){if(!this.__isAppView)return _e`<div class="buttons">${this.hideButtons?"":_e`<frame-scroller>${this.__buttonsList()}</frame-scroller>`}</div>`}get standardTemplate(){const e={frame:!0,"hide-buttons":this.hideButtons,"app-view":this.__isAppView};return _e`<div class="${tt(e)}">${this.__header} ${this.__buttons}<div class="content" id="content"><slot></slot></div></div>`}}class hr extends(Oi(Ut)){static get styles(){return lr}constructor(){super(),this._role="tablist"}get scrollContentSize(){return{width:200,height:200}}__scrollIndicator(e){if(!("start"===e&&this._hideStartIndicator||"end"===e&&this._hideEndIndicator))return super.__scrollIndicator(e)}}class dr extends(Mt(rn(Ut))){static get styles(){return rr}get slottedStyles(){return'light-dom [slot=content]{--scheme-heading-color:#fff;--scheme-foreground-color:#fff;--scheme-background-color:#001f52;--scheme-highlight-color:#435460;--scheme-lowlight-color:#001029;--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff;--scheme-focus-outline-color:#ffc72c;--scheme-action-focus-outline-color:var(--scheme-focus-outline-color);color:var(--scheme-foreground-color)}light-dom [slot=content] :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}light-dom [slot=content] a{color:var(--scheme-action-foreground-color)}light-dom [slot=content] a:hover{color:var(--scheme-action-hover-foreground-color)}light-dom [slot=content] a:focus-visible{outline-color:var(--scheme-focus-outline-color)}light-dom [slot=content] [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}'}get standardTemplate(){const e={menu:!0,"special-account":!0,desktop:"desktop"===this._viewportType,mobile:"mobile"===this._viewportType};return _e`<div class="${tt(e)}">${this._menuButton} ${this._bubble}</div>`}}const mr=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host :is(button,input,optgroup,select,textarea):not(.ember-view){background-color:transparent;border:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}:host [type=button],:host [type=reset],:host [type=submit],:host button{-webkit-appearance:button;-webkit-border-radius:0}:host legend{padding:0}:host fieldset{border:0;margin:0;padding:0}:host .header{margin-block-start:0}:host .header{font-family:British Gas Medium,sans-serif;font-size:1.296rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .header{font-size:1.424rem}}@media (min-width:1620px){:host .header{font-size:1.44rem}}@media (min-width:720px){:host .header{margin-block-end:1.25rem}}@media (min-width:1620px){:host .header{margin-block-end:1.5rem}}:host .header{margin-block-end:1rem}:host .content{grid-gap:1rem;display:grid;gap:1rem}@media (min-width:720px){:host .header{margin-block-end:1.5rem}:host .content{gap:1.5rem}}@media (min-width:1620px){:host .header{margin-block-end:2rem}:host .content{gap:2rem}}`;class ur extends Ut{static get properties(){return{legend:{type:String}}}static get styles(){return mr}constructor(){super(),this.legend=""}get _legend(){return this.legend?_e`<legend class="header">${this.legend}</legend>`:void 0}get standardTemplate(){return _e`<fieldset>${this._legend}<div class="content"><slot></slot></div></fieldset>`}}class pr extends ur{}const gr=O`:host{display:block}:host .content{color:var(--scheme-foreground-color)}:host .content :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .content a{color:var(--scheme-action-foreground-color)}:host .content a:hover{color:var(--scheme-action-hover-foreground-color)}:host .content a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .content [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .content ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .content ::slotted(a){color:var(--scheme-action-foreground-color)}:host .content ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .content ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .content ::slotted(*){margin-block-end:0!important;margin-block-start:var(--content-margin-block-start)!important}:host .content ::slotted(:first-child){margin-block-start:0!important}:host .content ::slotted(:last-child){margin-block-end:0!important}:host .content.spacing-compact{--content-margin-block-start:0.25em}:host .content.spacing-cosy{--content-margin-block-start:0.5em}:host .content.spacing-normal{--content-margin-block-start:1em}:host .content.spacing-loose{--content-margin-block-start:1.5em}`;class fr extends Ut{static get properties(){return{spacing:{type:String},_config:{type:Object,state:!0}}}static get styles(){return gr}get slottedStyles(){return"light-dom ns-image,light-dom ns-video{border-radius:.5rem}light-dom figcaption{font-family:British Gas Body,sans-serif;font-size:.889rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){light-dom figcaption{font-size:.889rem}}@media (min-width:1620px){light-dom figcaption{font-size:.889rem}}@media (min-width:720px){light-dom figcaption{margin-block-end:.75rem}}@media (min-width:1620px){light-dom figcaption{margin-block-end:1rem}}"}constructor(){super(),this.spacing="normal",this._config={spacing:""}}connectedCallback(){super.connectedCallback(),("ns-article"===this.parentElement?.nodeName.toLowerCase()||"section"===this.parentElement?.nodeName.toLowerCase()&&"ns-article"===this.parentElement.parentElement?.nodeName.toLowerCase())&&(this._config.spacing="loose")}get classes(){return{content:!0,[`spacing-${this._config?.spacing?this._config?.spacing:this.spacing?this.spacing:"normal"}`]:!0}}get standardTemplate(){return _e`<div class="${tt(this.classes)}"><slot></slot></div>`}}const br=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host .editorial{--layout-panel-spacer-block:2rem;--layout-panel-gap:1.5rem}@media (min-width:720px){:host .editorial{--layout-panel-spacer-block:3rem;--layout-panel-gap:2rem}}@media (min-width:1620px){:host .editorial{--layout-panel-spacer-block:4rem;--layout-panel-gap:2.25rem}}:host .editorial{display:grid;grid-template-columns:5% 1fr 5%;grid-template-columns:var(--layout-gutter,5%) 1fr var(--layout-gutter,5%);padding-block-end:var(--layout-panel-spacer-block);padding-block-start:var(--layout-panel-spacer-block)}:host .editorial>:not(:first-child){margin-block-start:var(--layout-panel-gap)}:host .editorial>*{grid-column-end:-2;grid-column-start:2;justify-self:center;max-width:1440px;width:100%}:host .editorial{--scheme-heading-color:#002f87}:host .editorial{--scheme-foreground-color:#111518}:host .editorial{--scheme-background-color:#fff}:host .editorial{--scheme-highlight-color:#c3ced5}:host .editorial{--scheme-lowlight-color:#f3f5f7}:host .editorial{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .editorial{--scheme-focus-outline-color:#002f87}:host .editorial{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .editorial{background-color:var(--scheme-background-color)}:host .editorial{color:var(--scheme-foreground-color)}:host .editorial :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .editorial a{color:var(--scheme-action-foreground-color)}:host .editorial a:hover{color:var(--scheme-action-hover-foreground-color)}:host .editorial a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .editorial [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .editorial ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .editorial ::slotted(a){color:var(--scheme-action-foreground-color)}:host .editorial ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .editorial ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .editorial .layout{display:flex;flex-direction:column}:host .editorial [name=heading]{order:1}:host .editorial [name=heading]::slotted(*){margin-block-end:1rem;margin-block-start:0}:host .editorial [name=heading]::slotted(*){font-family:British Gas Medium,sans-serif;font-size:1.683rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .editorial [name=heading]::slotted(*){font-size:2.281rem}}@media (min-width:1620px){:host .editorial [name=heading]::slotted(*){font-size:2.488rem}}@media (min-width:720px){:host .editorial [name=heading]::slotted(*){margin-block-end:1.5rem}}@media (min-width:1620px){:host .editorial [name=heading]::slotted(*){margin-block-end:2rem}}:host .editorial editorial-image{border-radius:.5rem;order:2;width:60%}:host .editorial editorial-content{order:3}@media (min-width:480px){:host .editorial editorial-image{width:45%}}@media (max-width:719.98px){:host .editorial editorial-image{margin-block-end:1rem}}@media (min-width:720px){:host .editorial .layout{display:block}:host .editorial editorial-image{float:right;margin-inline-start:3rem;width:40%}}@media (min-width:1080px){:host .editorial:not(.reverse) editorial-image{margin-inline-start:4rem}:host .editorial.reverse editorial-image{float:left;margin-inline-end:4rem;margin-inline-start:0}:host .editorial.reverse [name=heading]::slotted(*){margin-inline-start:calc(40% + 4rem)}:host .editorial.reverse editorial-content{display:block;margin-inline-start:calc(40% + 4rem)}}`;class vr extends(Mt(mo(Ut))){static get scopedElements(){return{"editorial-image":Fo,"editorial-content":fr}}static get properties(){return{image:{type:String},reverse:{type:Boolean}}}constructor(){super(),this.reverse=!1,this.ratio="4 / 3"}static get styles(){return br}get slottedStyles(){return'light-dom{color:var(--scheme-foreground-color)}light-dom :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}light-dom a{color:var(--scheme-action-foreground-color)}light-dom a:hover{color:var(--scheme-action-hover-foreground-color)}light-dom a:focus-visible{outline-color:var(--scheme-focus-outline-color)}light-dom [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}light-dom :is(h1,h2,h3,h4,h5,h6):not([slot]){margin-block-end:1rem;margin-block-start:0}light-dom :is(h1,h2,h3,h4,h5,h6):not([slot]){font-family:British Gas Medium,sans-serif;font-size:1.383rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){light-dom :is(h1,h2,h3,h4,h5,h6):not([slot]){font-size:1.602rem}}@media (min-width:1620px){light-dom :is(h1,h2,h3,h4,h5,h6):not([slot]){font-size:1.728rem}}@media (min-width:720px){light-dom :is(h1,h2,h3,h4,h5,h6):not([slot]){margin-block-end:1.25rem}}@media (min-width:1620px){light-dom :is(h1,h2,h3,h4,h5,h6):not([slot]){margin-block-end:1.5rem}}'}get _imageRatio(){return eo.includes(this.ratio)?this.ratio:"4 / 3"}get _image(){return this.image?_e`<editorial-image src="${this.image}" ratio="${this._imageRatio}"></editorial-image>`:void 0}get standardTemplate(){const e={editorial:!0,reverse:this.reverse};return _e`<div class="${tt(e)}"><div class="layout">${this._image}<slot name="heading"></slot><editorial-content><slot></slot></editorial-content></div></div>`}}const kr=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host .download{--download-icon-size:1rem}:host .download a{align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;display:inline-flex;letter-spacing:normal;padding-inline-end:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .download a:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .download a{margin-block-end:0;margin-block-start:0}:host .download a{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .download a{font-size:1.067rem}}@media (min-width:1620px){:host .download a{font-size:1.067rem}}:host .download a{color:var(--scheme-action-foreground-color)}:host .download a:hover{color:var(--scheme-action-hover-foreground-color)}:host .download a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .download a.cyan-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .download a.cyan-scheme{--scheme-focus-outline-color:#002f87}:host .download a.cyan-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.cyan-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .download a.cyan-light-scheme{--scheme-focus-outline-color:#002f87}:host .download a.cyan-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.lime-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .download a.lime-scheme{--scheme-focus-outline-color:#002f87}:host .download a.lime-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.lime-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .download a.lime-light-scheme{--scheme-focus-outline-color:#002f87}:host .download a.lime-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.navy-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .download a.navy-scheme{--scheme-focus-outline-color:#ffc72c}:host .download a.navy-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.navy-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .download a.navy-light-scheme{--scheme-focus-outline-color:#002f87}:host .download a.navy-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.blue-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .download a.blue-scheme{--scheme-focus-outline-color:#ffc72c}:host .download a.blue-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.forest-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .download a.forest-scheme{--scheme-focus-outline-color:#002f87}:host .download a.forest-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.forest-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .download a.forest-light-scheme{--scheme-focus-outline-color:#002f87}:host .download a.forest-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.membership-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .download a.membership-scheme{--scheme-focus-outline-color:#002f87}:host .download a.membership-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.slate-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .download a.slate-scheme{--scheme-focus-outline-color:#ffc72c}:host .download a.slate-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.orange-scheme{--scheme-action-foreground-color:#001f52;--scheme-action-hover-foreground-color:#111518}:host .download a.orange-scheme{--scheme-focus-outline-color:#002f87}:host .download a.orange-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.orange-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .download a.orange-light-scheme{--scheme-focus-outline-color:#002f87}:host .download a.orange-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.red-scheme{--scheme-action-foreground-color:#d6efff;--scheme-action-hover-foreground-color:#fff}:host .download a.red-scheme{--scheme-focus-outline-color:#ffc72c}:host .download a.red-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.yellow-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .download a.yellow-scheme{--scheme-focus-outline-color:#002f87}:host .download a.yellow-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.yellow-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .download a.yellow-light-scheme{--scheme-focus-outline-color:#002f87}:host .download a.yellow-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.white-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .download a.white-scheme{--scheme-focus-outline-color:#002f87}:host .download a.white-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.grey-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .download a.grey-light-scheme{--scheme-focus-outline-color:#002f87}:host .download a.grey-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.navigation-light-scheme{--scheme-action-foreground-color:#002f87;--scheme-action-hover-foreground-color:#001f52}:host .download a.navigation-light-scheme{--scheme-focus-outline-color:#002f87}:host .download a.navigation-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.navigation-dark-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .download a.navigation-dark-scheme{--scheme-focus-outline-color:#ffc72c}:host .download a.navigation-dark-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.ai-labs-light-scheme{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .download a.ai-labs-light-scheme{--scheme-focus-outline-color:#002f87}:host .download a.ai-labs-light-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a.ai-labs-dark-scheme{--scheme-action-foreground-color:#99d6ff;--scheme-action-hover-foreground-color:#fff}:host .download a.ai-labs-dark-scheme{--scheme-focus-outline-color:#ffc72c}:host .download a.ai-labs-dark-scheme{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download a{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host .download a :focus:not(:focus-visible){outline-style:none}:host .download a:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host .download a:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host .download a:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host .download a:not([class*=-scheme]){--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .download a:not([class*=-scheme]){--scheme-focus-outline-color:#002f87}:host .download a:not([class*=-scheme]){--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .download abbr{text-decoration-line:underline;text-decoration-style:dotted}:host .download .icon{align-self:start;flex-shrink:0;height:var(--download-icon-size);margin-block-start:.25em;width:var(--download-icon-size)}:host .download.link .info{display:inline-flex;margin-inline-start:.25rem}:host .download.link .info:before{content:"("}:host .download.link .info:after{content:")"}:host .download.link .info .file-size-number{margin-inline-start:.25rem}:host .download.list{margin-block-end:1rem;padding-block-end:1.2em;position:relative}:host .download.list .info{margin-block-end:0;margin-block-start:0}:host .download.list .info{font-family:British Gas Body,sans-serif;font-size:.889rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .download.list .info{font-size:.889rem}}@media (min-width:1620px){:host .download.list .info{font-size:.889rem}}:host .download.list .info{bottom:0;left:calc(var(--download-icon-size) + .25rem);position:absolute}@media (min-width:720px){:host .download{--download-icon-size:1.125rem}}@media (min-width:1620px){:host .download{--download-icon-size:1.25rem}}`,yr=e=>t=>[t.slice(0,e),t.slice(e)];class wr extends(Mt(Us(Wo(Ut)))){static get scopedElements(){return{"download-icon":wo}}static get properties(){return{href:{type:String},fileName:{type:String,attribute:"file-name"},fileSize:{type:String,attribute:"file-size"},fileType:{type:String,attribute:"file-type"}}}static get styles(){return kr}static get observedAttributes(){return[...super.observedAttributes,"filesize","filetype"]}constructor(){super(),this.href="",this.fileSize="",this.fileType=""}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"filesize"===e?this.fileSize=o:"filetype"===e&&(this.fileType=o)}get _fileExtensionInfo(){return{pdf:{type:"application/pdf",abbr:"PDF",abbrTitle:"Portable Document Format"},xls:{type:"application/vnd.ms-excel",abbr:"XLS",abbrTitle:"Microsoft Excel Document"}}}get _fileSizeInfo(){return{b:{display:"B",title:"Bytes"},kb:{display:"kB",title:"Kilobyte"},mb:{display:"MB",title:"Megabyte"},gb:{display:"GB",title:"Gigabyte"}}}get _fileSizeHTML(){if(this.fileSize){const e=this.fileSize.toLowerCase().replace(/\s+/g,""),t=Object.keys(this._fileSizeInfo).reverse().find((t=>-1!==e.indexOf(t)));if(t){const o=yr(e.indexOf(t))(e)[0];
17return _e`<span class="file-size-number">${o}</span><abbr title="${this._fileSizeInfo[t].title}">${this._fileSizeInfo[t].display}</abbr>`}}}get _fileExtension(){const e=yr(this.href.lastIndexOf(".")+1)(this.href.toLowerCase())[1],t=3===e.length||4===e.length;return this._fileExtensionInfo[e]?e:this.fileType?this.fileType:t?e:void console.error("ns-download - a file type must be provided either at the end of the href or via the fileType attribute")}get _downloadInfo(){const e=this._fileExtensionInfo[this._fileExtension],t=this._fileSizeHTML;return _e`<span class="info">${e?.abbr?_e`<abbr title="${e.abbrTitle}">${e.abbr}</abbr>`:""} ${e?.abbr&&t?" ":""} ${t??""}</span>`}get _downloadName(){const e=this._fileExtension?.toLowerCase();let t=this.fileName?.trim()?.toLocaleLowerCase();t?.endsWith(`.${e}`)&&(t=t.substring(0,t.length-(e.length+1)));const o=t||this.textContent;var i;return`${i=o,i?.toLowerCase()?.trim()?.replace(/\s+/g,"-")??""}.${e}`}get _downloadIcon(){return _e`<download-icon name="download" class="icon"></download-icon>`}get _downloadLink(){return _e`<a href="${this.href}" class="${this._schemeValue?`${this._schemeValue}-scheme`:void 0}" download="${this._downloadName}" type="${this._fileExtensionInfo[this._fileExtension]?.type}" target="${this._formContextValue?"_blank":""}" rel="${this._formContextValue?"noopener noreferrer":""}">${this._downloadIcon} <span><slot></slot>${this._downloadInfo}</span></a>`}get standardTemplate(){if(!this._fileExtension)return;const e="LI"===this.parentElement.nodeName&&this.parentElement.parentElement.classList.contains("download-list");return _e`<div class="${tt({download:!0,list:e,link:!e})}">${this._downloadLink}</div>`}}const xr=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],_r=["January","February","March","April","May","June","July","August","September","October","November","December"],$r=e=>{const t=new Date(e),o=xr[(t.getDay()+6)%7],i=_r[t.getMonth()];return`${o} ${t.getDate()} ${i}`},zr=(e,t=!1)=>t?e.split("/").reverse().join("-"):e.split("-").reverse().join("/"),Sr=O`*,:after,:before{box-sizing:border-box}body{font-family:British Gas Body,sans-serif;font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}body,figure{margin:0}:host .datepicker [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .datepicker input[type=date]::-webkit-date-and-time-value{min-height:1.5rem}`;class Cr extends(Mt(ps(gs(Ut)))){static get scopedElements(){return{"datepicker-inputter":Ls,"datepicker-cta":ei}}static get styles(){return Sr}get slottedStyles(){return[super.slottedStyles,"light-dom [slot=tip-details]{font-family:British Gas Body,sans-serif;font-size:.889rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:.75rem;margin-block-start:0}@media (min-width:720px){light-dom [slot=tip-details]{font-size:.889rem}}@media (min-width:1620px){light-dom [slot=tip-details]{font-size:.889rem}}@media (min-width:720px){light-dom [slot=tip-details]{margin-block-end:.75rem}}@media (min-width:1620px){light-dom [slot=tip-details]{margin-block-end:1rem}}light-dom [slot=tip-details] p{font-size:inherit}"]}static get properties(){return{autocomplete:{type:String},helper:{type:String},label:{type:String},min:{type:String},max:{type:String},validation:{type:Array},type:{converter:e=>("default"===e&&(e="standard"),e)},_showCalendar:{type:Boolean,state:!0},_inputterRef:{type:Object,state:!0},_calendarButtonRef:{type:Object,state:!0},_dialogId:{type:String,state:!0},_inputType:{type:String,state:!0}}}constructor(){super(),this.value="",this.autocomplete="off",this._showCalendar=!1,this._inputterRef=ss(),this._calendarButtonRef=ss(),this._dialogId=`${this._randomId}-dialog`,this.min=void 0,this.max=void 0,this.validation=[]}willUpdate(e){if(super.willUpdate(e),e.has("type")){const e=(()=>{const e=document.createElement("input");return e.setAttribute("type","date"),e.setAttribute("value","a"),"a"!==e.value})(),t=!!(navigator.userAgent.indexOf("Macintosh")>-1&&navigator.maxTouchPoints&&navigator.maxTouchPoints>2)||[/Android/i,/webOS/i,/iPhone/i,/iPad/i,/iPod/i,/BlackBerry/i,/Windows Phone/i].some((e=>navigator?.userAgent?.match(e)));"standard"===this.type&&t&&(this._inputType="native"),("native"===this._inputType&&!e||"mask"===this.type)&&(this._inputType="mask")}e.has("value")&&this._calendar&&this.value!==this._calendar.isoSelectedDate&&(this._calendar.isoSelectedDate=this.value??void 0)}get _slottedInputs(){return[this._inputterRef.value]}get _slottedValue(){return this._slottedInputs[0].value}
17_processFormChangeValue(e){const t=super._processFormChangeValue(e);return"native"===this._inputType?t:zr(t,!0)}reportValidity(){return this.validity}get validity(){return this._slottedInputs[0].validity}validate(){return this._slottedInputs[0].validate()}get _labelHTML(){if(this.label)return _e`<label slot="label">${this.label}</label>`;console.warn("Datepicker label is missing")}get _tipDetailsHTML(){if(this.querySelector('[slot="tip-details"]'))return _e`<slot slot="tip-details" name="tip-details"></slot>`}get _inputHTML(){return"native"===this._inputType?_e`<input type="date" autocomplete="${this.autocomplete}" class="calendar-icon" min="${this.min}" max="${this.max}" .value="${this.value}">`:_e`<input type="text" .value="${zr(this.value)}" autocomplete="${this.autocomplete}" inputmode="numeric">`}get __mask(){return""+("native"===this._inputType?"":"dd/mm/yyyy")}get __separator(){return""+("native"===this._inputType?"":"/")}get __dateValidation(){const e=this.min?`minDate('${zr(this.min)}')`:"",t=this.max?`maxDate('${zr(this.max)}')`:"";return[...this.validation,"isDate",e,t].filter((e=>e))}get _datepickerToggleButton(){return _e`<datepicker-cta ${as(this._calendarButtonRef)} type="text" @click="${this._onDateToggle}" icon="calendar" class="calendar-button">Select a date</datepicker-cta>`}get standardTemplate(){return _e`<div class="datepicker"><datepicker-inputter ${as(this._inputterRef)} .value="${"native"===this._inputType?this.value:zr(this.value)}" name="${this.name}" helper="${this.helper}" disableNative mask="${this.__mask}" separator="${this.__separator}" .validation="${this.__dateValidation}">${this._labelHTML} ${this._inputHTML} ${this._tipDetailsHTML}</datepicker-inputter>${this._inputType?void 0:this._datepickerToggleButton}</div>`}get maskTemplate(){return this.standardTemplate}get _dialog(){return document.querySelector(`#${this._dialogId} dialog`)}get _calendar(){return this._dialog?.querySelector("[data-calendar]")}_injectDialog(){const e=document.createElement("div");e.classList.add("ndsn","datepicker-container"),e.setAttribute("id",this._dialogId),e.innerHTML=this._calendarDialog,document.body.appendChild(e)}_registerListeners(){const e=this._dialog,t=e.querySelector(".datepicker-header-close");this._calendar.addEventListener("change",(e=>{this.value=e.target.isoSelectedDate,this.updateComplete.then((()=>{this._fireChangeEvent(),this.validate()})),this._hideCalendar()})),e.addEventListener("close",(()=>{this._calendarButtonRef.value?.focus()})),e.addEventListener("click",(t=>{t&&t.target!==e||this._hideCalendar()})),t.addEventListener("click",(()=>{this._hideCalendar()}))}_calendarPosition(){if(this._showCalendar){const e=document.querySelector(`#${this._dialogId}`),t=(e=>{const t=e.getBoundingClientRect(),o=document.body,i=document.documentElement,s=window.pageYOffset||i.scrollTop||o.scrollTop,n=window.pageXOffset||i.scrollLeft||o.scrollLeft,r=i.clientTop||o.clientTop||0,a=i.clientLeft||o.clientLeft||0,l=t.top+s-r,c=t.left+n-a;return{top:Math.round(l),left:Math.round(c),width:Math.round(t.width),height:Math.round(t.height)}})(this._calendarButtonRef.value);e.style.top=`${t.top+t.height+5}px`,e.style.left=`${t.left}px`;const o=400,i=t.top+window.scrollY-window.scrollY+o>window.innerHeight?window.scrollY+o:0;this.updateComplete.then((()=>window.scrollTo(0,i)))}}_hideCalendar(){this._showCalendar=!1,this._dialog?.close(),this.updateComplete.then((()=>this._calendarButtonRef.value.focus()))}_onDateToggle(){this._showCalendar=!this._showCalendar,this._showCalendar?(this._dialog||(this._injectDialog(),this._registerListeners()),this._calendarPosition(),this._dialog.show(),this.updateComplete.then((()=>this._calendar.focus()))):this._hideCalendar()}disconnectedCallback(){document.querySelector(`#${this._dialogId}`)?.remove(),super.disconnectedCallback()}get _calendarDialogHeader(){return'\n <div class="datepicker-header">\n <ns-icon class="datepicker-header-icon" name="calendar"></ns-icon>\n <h3 class="datepicker-header-heading">Select a date</h3>\n <button class="datepicker-header-close">
17\n <span class="visually-hidden">Close</span>\n <ns-icon name="cross"></ns-icon>\n </button>\n </div>'}get _calendarTag(){return"ns-calendar"}get _calendarDialog(){return`\n <style>\n .datepicker-container {\n position: absolute;\n }\n\n .datepicker-container dialog[open] {\n display: block;\n position: absolute;\n right: auto;\n border: none;\n background-color: #FFFFFF;\n z-index: 1;\n padding: 0;\n }\n\n .datepicker-container dialog::before {\n position: fixed;\n content: "";\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: transparent;\n }\n\n .datepicker-dialog {\n overflow: hidden;\n position: relative;\n border-style: solid;\n border-width: 0.125rem;\n border-color: #c3ced5;\n border-radius: 0.5rem;\n }\n\n .datepicker-header {\n background-color: #f3f5f7;\n color: #002F87;\n border-bottom: 0.125rem solid #c3ced5;\n position: relative;\n font-size: 0.8em;\n padding: 0.75em 1em;\n display: flex;\n align-items: center;\n column-gap: 0.5em;\n }\n\n .datepicker-calendar {\n padding-block: 0.5em;\n }\n\n @media (min-width: 480px) {\n .datepicker-calendar {\n padding-inline: 1em;\n }\n }\n\n @media (min-width: 720px) {\n .datepicker-header {\n font-size: 0.9em;\n }\n }\n \n @media (min-width: 1620px) {\n .datepicker-header {\n font-size: 1em;\n }\n }\n\n .datepicker-header h3.datepicker-header-heading {\n margin-top: 0;\n margin-bottom: 0;\n font-weight: 400;\n font-size: 1.25em;\n }\n\n .datepicker-header .datepicker-header-icon {\n width: 1.25em;\n height: 1.25em;\n }\n\n .datepicker-header .datepicker-header-close {\n cursor: pointer;\n margin-inline-start: auto !important;\n width: 2em;\n height: 2em;\n }\n\n .datepicker-header .datepicker-header-close:focus {\n outline-style: solid;\n outline-color: #ffc72c;\n outline-width: 0.25em;\n }\n </style>\n <dialog>\n <div class="datepicker-dialog">\n ${this._calendarDialogHeader}\n <div class="datepicker-calendar">\n <${this._calendarTag} ${this.value?`iso-selected-date="${zr(this.value,!0)}"`:""} ${this.min?`min-date="${this.min}"`:""} ${this.max?`max-date="${this.max}"`:""}></${this._calendarTag}>\n </div>\n </div>\n </dialog>\n `}}class Er extends Ut{static get properties(){return{date:{type:String},hideDate:{type:Boolean,attribute:"hide-date"},hideTime:{type:Boolean,attribute:"hide-time"},hideDay:{type:Boolean,attribute:"hide-day"},hideMonth:{type:Boolean,attribute:"hide-month"},hideYear:{type:Boolean,attribute:"hide-year"},__onlyTime:{type:Boolean,state:!0},__onlyDate:{type:Boolean,state:!0}}}constructor(){super(),this.date="",this.hideDate=!1,this.hideTime=!1,this.hideDay=!1,this.hideMonth=!1,this.hideYear=!1,this.__onlyTime=!1,this.__onlyDate=!1}willUpdate(e){super.willUpdate(e),e.has("date")&&""!==this.date&&(this.__onlyTime="Invalid Date"===new Date(this.date).toString(),this.__onlyDate=!this.date.includes("T")&&!this.date.includes(":"))}get __ordinalSuffix(){const e=new Date(this.date).getDate();if(e>3&&e<21)return"th";switch(e%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}}get __dateTime(){const e=new Date(this.date);return"Invalid Date"===e.toString()?new Date(`1970-01-01T${this.date}`):e}get __formatDate(){if("Invalid Date"===this.__dateTime.toString())return"";const e=new Intl.DateTimeFormat("en-GB",{month:"long",year:"numeric",day:"numeric"}).formatToParts(new Date(this.__dateTime)),t=e.find((({type:e})=>"day"===e))?.value,o=e.find((({type:e})=>"month"===e))?.value,i=e.find((({type:e})=>"year"===e))?.value;return`${this.hideDay?"":`${t}${this.__ordinalSuffix}`} ${this.hideMonth?"":o} ${this.hideYear?"":i}`.trim()}get __formatTime(){return"Invalid Date"===this.__dateTime.toString()?"":new Date(this.__dateTime).toLocaleTimeString("en-GB",{hour:"numeric",minute:"numeric",hour12:!0}).replace(":00","").replace(":",".").toLowerCase()}get _showDate(){return!this.hideDate&&!this.__onlyTime}get _showTime(){return!this.hideTime&&!this.__onlyDate}
17get standardTemplate(){if(this.date)return _e`<span>${this._showDate?_e`${this.__formatDate}`:""}${this._showDate&&this._showTime?" ":""}${this._showTime?_e`${this.__formatTime}`:""}</span>`}}const Ar=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:flow-root}:host .caveat{--layout-panel-spacer-block:2rem;--layout-panel-gap:1.5rem}@media (min-width:720px){:host .caveat{--layout-panel-spacer-block:3rem;--layout-panel-gap:2rem}}@media (min-width:1620px){:host .caveat{--layout-panel-spacer-block:4rem;--layout-panel-gap:2.25rem}}:host .caveat{display:grid;grid-template-columns:5% 1fr 5%;grid-template-columns:var(--layout-gutter,5%) 1fr var(--layout-gutter,5%);padding-block-end:var(--layout-panel-spacer-block);padding-block-start:var(--layout-panel-spacer-block)}:host .caveat>:not(:first-child){margin-block-start:var(--layout-panel-gap)}:host .caveat>*{grid-column-end:-2;grid-column-start:2;justify-self:center;max-width:1440px;width:100%}:host .caveat{--scheme-heading-color:#002f87}:host .caveat{--scheme-foreground-color:#111518}:host .caveat{--scheme-background-color:#f3f5f7}:host .caveat{--scheme-highlight-color:#c3ced5}:host .caveat{--scheme-lowlight-color:#fff}:host .caveat{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host .caveat{--scheme-focus-outline-color:#002f87}:host .caveat{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host .caveat{background-color:var(--scheme-background-color)}:host .caveat{color:var(--scheme-foreground-color)}:host .caveat :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){color:var(--scheme-heading-color)}:host .caveat a{color:var(--scheme-action-foreground-color)}:host .caveat a:hover{color:var(--scheme-action-hover-foreground-color)}:host .caveat a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .caveat [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host .caveat ::slotted(:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6)){color:var(--scheme-heading-color)}:host .caveat ::slotted(a){color:var(--scheme-action-foreground-color)}:host .caveat ::slotted(a):hover{color:var(--scheme-action-hover-foreground-color)}:host .caveat ::slotted(a):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .caveat .heading ::slotted(*){margin-block-end:.75rem;margin-block-start:0}:host .caveat .heading ::slotted(*){font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.013em;line-height:1.5}@media (min-width:720px){:host .caveat .heading ::slotted(*){font-size:1.424rem}}@media (min-width:1620px){:host .caveat .heading ::slotted(*){font-size:1.424rem}}@media (min-width:720px){:host .caveat .heading ::slotted(*){margin-block-end:.75rem}}@media (min-width:1620px){:host .caveat .heading ::slotted(*){margin-block-end:1rem}}`;class Br extends(Mt(Ut)){static get styles(){return Ar}get slottedStyles(){return'light-dom>[slot=heading]:not(:empty){font-family:British Gas Body,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2;margin-block-end:1rem;margin-block-start:0}@media (min-width:720px){light-dom>[slot=heading]:not(:empty){font-size:1.266rem}}@media (min-width:1620px){light-dom>[slot=heading]:not(:empty){font-size:1.266rem}}@media (min-width:720px){light-dom>[slot=heading]:not(:empty){margin-block-end:1.25rem}}@media (min-width:1620px){light-dom>[slot=heading]:not(:empty){margin-block-end:1.5rem}}light-dom [slot=caveat]{margin-block-start:unset}light-dom [slot=caveat] li:before{color:currentcolor;content:" " counter(list-item) " ";font-family:British Gas Medium,sans-serif;position:absolute;transform:translate(-100%,.0125em);white-space:pre}light-dom [slot=caveat] ol{padding-inline-start:1.75em}light-dom [slot=caveat] ol li:before{content:" " counters(list-item,".") " "}light-dom [slot=caveat] ol ol{padding-inline-start:2.5em}light-dom [slot=caveat] *{max-width:none}light-dom [slot=caveat] p,light-dom [slot=caveat]>*{font-family:British Gas Body,sans-serif;font-size:.889rem;font-weight:400;letter-spacing:-.013em;line-height:1.5;margin-block-end:0;margin-block-start:0}@media (min-width:720px){light-dom [slot=caveat] p,light-dom [slot=caveat]>*{font-size:.889rem}}@media (min-width:1620px){light-dom [slot=caveat] p,light-dom [slot=caveat]>*{font-size:.889rem}}light-dom [slot=caveat] li+li,light-dom [slot=caveat]>*+*{margin-top:1.75rem!important}@media (min-width:1080px){light-dom [slot=caveat] li+li,light-dom [slot=caveat]>*+*{margin-top:1.5rem!important}}'}static get properties(){return{id:{type:String,reflect:!0}}}constructor(){super(),this.id="caveat"}attributeChangedCallback(e,t,o){"id"===e&&"caveat"!==o&&(this.id="caveat")}get _heading(){return _e`<div class="heading"><slot name="heading"><h2>Information</h2></slot></div>`}get _caveats(){return _e`<div class="caveats"><slot name="caveat"></slot></div>`}get standardTemplate(){return _e`<div class="${tt({caveat:!0})}"><div>${this._heading} ${this._caveats}</div></div>`}}const Tr=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block;position:relative}:host button{background-color:transparent;border:none;cursor:pointer;font-size:1em;line-height:inherit;outline:none;padding:.5rem}:host .navigation{display:flex;justify-content:space-between;left:0;position:absolute;right:0;top:0}:host .navigation button{background-color:transparent;color:#111518;cursor:pointer;outline:none;touch-action:manipulation}:host .navigation button[disabled]{color:#767676;pointer-events:none}:host .navigation button:focus-visible{outline-color:#002f87;outline-offset:-.32em;outline-style:solid;outline-width:.2em}:host .navigation button calendar-icon{display:block;height:2em;width:2em}:host .calendar{display:flex;flex-wrap:nowrap}:host .calendar .month{flex:1}:host .calendar table{border-collapse:collapse;width:100%}:host .calendar table caption{margin-block-end:0;margin-block-start:0}:host .calendar table caption{font-family:British Gas Medium,sans-serif;font-size:1.383rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .calendar table caption{font-size:1.602rem}}@media (min-width:1620px){:host .calendar table caption{font-size:1.728rem}}:host .calendar table caption{color:#111518;display:table-caption;margin-block-end:.5rem;margin-block-start:.5rem;max-width:none}:host .calendar table tbody,:host .calendar table thead{color:#111518}:host .calendar table th{border-bottom:.0625rem solid #c3ced5;cursor:default;font-weight:400;padding-block-end:.75em;padding-block-start:.75em;pointer-events:none;text-align:center}:host .calendar table td{text-align:center}:host .calendar table tr:last-child .date{border:0}:host .calendar .date{border-bottom:.0625rem solid #c3ced5;padding-block-end:.2em;padding-block-start:.2em;padding-inline-end:.1em;padding-inline-start:.1em}:host .calendar .date .disc{border-radius:50%;cursor:pointer;display:inline-block;width:2.3em}:host .calendar .date .disc .circle{border-radius:50%;border-width:.15em;padding-bottom:.4em;padding-top:.4em}:host .calendar .date .disc .circle time{color:#004ecc;display:inline-block;font-family:British Gas Medium,sans-serif}:host .calendar .date .disc:hover{background-color:#ffc72c}:host .calendar .date .disc:hover time{color:#002f87;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:#002f87}:host .calendar .date .disc:focus{outline-color:#002f87;outline-offset:.125em;outline-style:solid;outline-width:.25em;position:relative}:host .calendar .date .disc:focus time{color:#004ecc;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:#004ecc}:host .calendar .date:focus{outline:0}:host .calendar .date:focus .disc{outline-color:#002f87;outline-offset:.125em;outline-style:solid;outline-width:.25em}:host .calendar .date.disabled{pointer-events:none}:host .calendar .date.disabled .disc .circle time{color:#767676;font-family:British Gas Body,sans-serif;position:relative}:host .calendar .date.disabled .disc .circle time:before{border-color:#767676;border-radius:0;border-width:medium 1px 1px;border-top:1px solid #767676;color:#767676;content:"";height:0;left:52%;position:absolute;top:46%;transform:translate(-52%) rotate(45deg);width:1.5em}:host .calendar .date.disabled:focus .disc .circle time{color:#767676;-webkit-text-decoration:none;text-decoration:none}:host .calendar .date.disabled.today .disc .circle time:before{border-color:#767676}:host .calendar .date:active:hover .disc .circle time{color:#fff;text-decoration-color:#fff}:host .calendar .date:active .disc{background-color:#002f87}:host .calendar .date:active .disc .circle time{color:#fff}:host .calendar .date.today.disabled .disc .circle{border-color:#767676}:host .calendar .date.today.disabled .disc .circle time{color:#767676}:host .calendar .date.today.disabled .disc .circle time:before{border-color:#767676}:host .calendar .date.today .disc .circle{border-color:#002f87;border-style:solid;padding-bottom:.25em;padding-top:.25em}:host .calendar .date.today .disc .circle time{color:#002f87}:host .calendar .date.selected .disc{background-color:#002f87}:host .calendar .date.selected .disc .circle{border:.4em double transparent;border-radius:0;padding-bottom:0;padding-top:0}:host .calendar .date.selected .disc .circle time{color:#fff}:host .calendar .date.selected .disc:focus{background-color:#002f87}:host .calendar .date.selected .disc:focus .circle time{color:#ffc72c;-webkit-text-decoration:none;text-decoration:none}:host .calendar .date.selected .disc:hover .circle time{color:#fff;text-decoration-color:#fff}@media (min-width:720px){:host .navigation{font-size:1.125em}:host .calendar table tbody,:host .calendar table thead{font-size:1.125em}}@media (min-width:1620px){:host .navigation{font-size:1.25em}:host .calendar table tbody,:host .calendar table thead{font-size:1.25em}}`,Mr={disableddates:"disabledDates",enableddates:"enabledDates",mindate:"minDate",maxdate:"maxDate",isoselecteddate:"isoSelectedDate"};class Lr extends(Mt(Ut)){static get scopedElements(){return{"calendar-icon":wo}}static get shadowRootOptions(){return{...Ut.shadowRootOptions,delegatesFocus:!0}}static get properties(){return{month:{type:Number,converter:e=>Number(e)-1},year:{type:Number},disabledDates:{type:Array,attribute:"disabled-dates"},enabledDates:{type:Array,attribute:"enabled-dates"},minDate:{type:String,attribute:"min-date"},maxDate:{type:String,attribute:"max-date"},isoSelectedDate:{type:String,attribute:"iso-selected-date",reflect:!0},__focusedDay:{type:String,state:!0}}}static get observedAttributes(){const e=Object.keys(Mr);return[...super.observedAttributes,...e]}static get styles(){return Tr}constructor(){super(),this.month=(new Date).getMonth(),this.year=(new Date).getFullYear()}willUpdate(e){if(super.willUpdate(e),e.has("isoSelectedDate")){if((e.has("minDate")||e.has("maxDate"))&&(this.isoSelectedDate<this.minDate||this.isoSelectedDate>this.maxDate))return void(this.isoSelectedDate=void 0);const t=e=>e instanceof Date&&!isNaN(e);let o=new Date(this.isoSelectedDate);t(o)||(this.minDate?o=new Date(this.minDate):this.maxDate&&(o=new Date(this.maxDate)),t(o)||(o=new Date)),this.month=o.getMonth(),this.year=o.getFullYear()}}connectedCallback(){super.connectedCallback(),this.getAttribute("data-calendar")||this.setAttribute("data-calendar","")}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),Mr[e]&&(this[Mr[e]]=o)}get _monthName(){return new Date(this.year,this.month).toLocaleDateString("default",{month:"long"})}get _yearName(){return new Date(this.year,this.month).toLocaleDateString("default",{year:"numeric"})}get _amountOfDaysInMonth(){return new Date(this.year,this.month+1,0).getDate()}get _skipColumnDays(){const e=new Date(this.year,this.month,1).getDay();return 0===e?6:e-1}get _monthDates(){const e=[];for(let t=1;t<=this._amountOfDaysInMonth;t++)e.push(t);return e}_dayName(e){return new Date(1,0,e).toLocaleDateString("default",{weekday:"short"})}_triggerChangeMonth(e,{next:t,prev:o}){this.__focusedDay=void 0,t&&(this.month=this.month+1),o&&(this.month=this.month-1)}_triggerKeyPressed(e,t){this.__focusedDay=void 0;const o=e.key;let i=0;if("Enter"===o||" "===o)return void this._triggerSetSelected(e,t);switch(o){case"ArrowLeft":e.preventDefault(),i=-1;break;case"ArrowRight":e.preventDefault(),i=1;break;case"ArrowUp":e.preventDefault(),i=-7;break;case"ArrowDown":e.preventDefault(),i=7}const s=this._date(this.year,this.month,t+i),n=this._ISODateWithoutTime(s),r=s.getDate();r===t||0===i||n<this.minDate||n>this.maxDate||(s.getMonth()!==this.month&&(this.month=s.getMonth()),s.getFullYear()!==this.year&&(this.year=s.getFullYear()),this.__focusedDay=r)}_triggerSetSelected(e,t){let o;
17t&&(o=this._ISODateWithoutTime(this._date(this.year,this.month,t))),this.isoSelectedDate=o||this.isoSelectedDate,this.__focusedDay=t,this.selectedDate=o||this.isoSelectedDate,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.isoSelectedDate}}))}_setFocused(e){requestAnimationFrame((()=>{e&&Number(e?.innerText)===this.__focusedDay&&e?.focus()}))}_date(e,t,o){const i=Date.UTC(e,t,o);return new Date(i)}_ISODateWithoutTime(e){return e||(e=new Date),e.toISOString().split("T")[0]}*_formatMonthDates(){const e=Math.ceil((this._amountOfDaysInMonth+this._skipColumnDays)/7);let t=!1;for(let o=0;o<e;o++){let e=7,i=this._skipColumnDays;0===o&&(e-=this._skipColumnDays,i=0),yield _e`<tr>${Array(this._skipColumnDays).fill(null).map((()=>0===o?_e`<td></td>`:null))} ${this._monthDates.slice(o*e-i,o*e+(e-i)).map(((e,o)=>{let i=!1;const s=this._date(this.year,this.month,e),n=this._ISODateWithoutTime(s),r=this._ISODateWithoutTime()===n,a=this.isoSelectedDate===n,l=o+1;i=n<this.minDate||n>this.maxDate,this.enabledDates&&(i=!this.enabledDates.includes(n)),this.disabledDates&&(i=this.disabledDates.includes(n));const c=!i&&(this.isoSelectedDate===n||!this.isoSelectedDate&&r),h=!t&&!i,d=c||h?0:-1,m={date:!0,disabled:i,enabled:!i,today:r,selected:a};return h&&(t=!0),i?_e`<td role="gridcell" class="${tt(m)}" aria-disabled="${i}" aria-colindex="${l}"><div class="disc"><div class="circle"><time datetime="${n}">${e}</time></div></div></td>`:_e`<td role="gridcell" class="${tt(m)}" aria-colindex="${l}" tabindex="${d}" autofocus="${ft(c||void 0)}" @keydown="${t=>this._triggerKeyPressed(t,e)}" @click="${t=>this._triggerSetSelected(t,e)}" ${as(this._setFocused)}><div class="disc"><div class="circle"><time datetime="${n}">${e}</time></div></div></td>`}))}</tr>`}}*_days(){for(let e=0;e<7;e++)yield _e`<th>${this._dayName(e)}</th>`}get _table(){return _e`<table role="grid"><caption>${this._monthName} ${this._yearName}</caption><thead><tr>${this._days()}</tr></thead><tbody>${this._formatMonthDates()}</tbody></table>`}get standardTemplate(){const e=this._date(this.year,this.month,0).getDate(),t=this._date(this.year,this.month+1,1),o=this._date(this.year,this.month-1,e),i=new Intl.DateTimeFormat("en-GB",{month:"long"}).format(t),s=new Intl.DateTimeFormat("en-GB",{month:"long"}).format(o),n=!!this.maxDate&&this._ISODateWithoutTime(t)>this.maxDate,r=!!this.minDate&&this._ISODateWithoutTime(o)<this.minDate;return _e`<div class="calendar"><div class="navigation"><button title="Previous month ${s}" ?disabled="${r}" @click="${e=>this._triggerChangeMonth(e,{prev:!0})}"><calendar-icon name="chevron-left"></calendar-icon></button> <button title="Next month ${i}" ?disabled="${n}" @click="${e=>this._triggerChangeMonth(e,{next:!0})}"><calendar-icon name="chevron-right"></calendar-icon></button></div><div class="month">${this._table}</div></div>`}}const qr=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host .content{--article-section-spacer:2rem;--article-section-marker:0.5rem;margin-inline-end:auto;margin-inline-start:auto;max-width:720px}:host .content ::slotted(section:not(:last-child)){background-image:repeating-linear-gradient(90deg,#111518,#111518 20%,transparent 0,transparent 40%);background-position-x:center;background-position-y:calc(100% + var(--article-section-marker));background-repeat:no-repeat;background-size:calc(var(--article-section-marker)*5) var(--article-section-marker);border-block-end-style:solid;border-block-end-width:var(--article-section-marker);border-color:transparent;margin-block-end:var(--article-section-spacer);padding-block-end:var(--article-section-spacer)}@media (min-width:720px){:host .content{--article-section-spacer:3rem}}@media (min-width:1620px){:host .content{--article-section-spacer:4rem}}`;class Rr extends Ut{static get styles(){return qr}get standardTemplate(){return _e`<article class="content"><slot></slot></article>`}}const Dr=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}
17:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block}:host .appointment-picker{--appointment-picker-padding:1rem}:host .appointment-picker .body{background-color:#fff;border:.125rem solid #c3ced5;border-radius:.5rem;overflow:hidden}:host .appointment-picker .header{background-color:#f3f5f7;border-bottom:.125rem solid #c3ced5}:host .appointment-picker .header .heading{margin-block-end:0;margin-block-start:0}:host .appointment-picker .header .heading{font-family:British Gas Medium,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .appointment-picker .header .heading{font-size:1.266rem}}@media (min-width:1620px){:host .appointment-picker .header .heading{font-size:1.266rem}}:host .appointment-picker .header .heading{color:#111518;padding-block-end:calc(var(--appointment-picker-padding) - .125rem);padding-block-start:calc(var(--appointment-picker-padding) - .125rem);padding-inline-end:calc(var(--appointment-picker-padding) - .125rem);padding-inline-start:calc(var(--appointment-picker-padding) - .125rem)}:host .appointment-picker .content{display:grid}:host .appointment-picker .content .calendar{padding-block-start:calc(var(--appointment-picker-padding) - .125rem)}:host .appointment-picker .content .picker input[type=radio]{opacity:0;pointer-events:none;position:absolute}:host .appointment-picker .content .picker input[type=radio]+label{cursor:pointer;padding-inline-start:calc(2em + .5rem);position:relative}:host .appointment-picker .content .picker input[type=radio]+label:after,:host .appointment-picker .content .picker input[type=radio]+label:before{border-style:solid;content:"";left:1em;position:absolute;top:1.25em;transform:translate(-50%,-50%)}:host .appointment-picker .content .picker input[type=radio]+label:before{background-color:#fff;border-color:#435460;border-width:2px;height:2em;width:2em}:host .appointment-picker .content .picker input[type=radio]+label:before{border-radius:50%}:host .appointment-picker .content .picker input[type=radio]+label:after{opacity:0}:host .appointment-picker .content .picker input[type=radio]+label:after{border:.5em solid #004ecc;border-radius:50%;height:0;width:0}:host .appointment-picker .content .picker input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}:host .appointment-picker .content .picker input[type=checkbox]+label{cursor:pointer;padding-inline-start:calc(2em + .5rem);position:relative}:host .appointment-picker .content .picker input[type=checkbox]+label:after,:host .appointment-picker .content .picker input[type=checkbox]+label:before{border-style:solid;content:"";left:1em;position:absolute;top:1.25em;transform:translate(-50%,-50%)}:host .appointment-picker .content .picker input[type=checkbox]+label:before{background-color:#fff;border-color:#435460;border-width:2px;height:2em;width:2em}:host .appointment-picker .content .picker input[type=checkbox]+label:before{border-radius:.25rem}:host .appointment-picker .content .picker input[type=checkbox]+label:after{opacity:0}:host .appointment-picker .content .picker input[type=checkbox]+label:after{border:.25em solid #004ecc;border-left:initial;border-top:initial;height:1.125em;transform:translate(-50%,-60%) rotate(45deg);width:.625em}:host .appointment-picker .content .picker input[type=checkbox]+label+p,:host .appointment-picker .content .picker input[type=radio]+label+p{margin-inline-start:calc(2em + .5rem)}:host .appointment-picker .content .picker input[type=checkbox]+label:hover:before,:host .appointment-picker .content .picker input[type=radio]+label:hover:before{background-color:#c3ced5;border-color:#111518}:host .appointment-picker .content .picker input[type=checkbox]:focus+label:before,:host .appointment-picker .content .picker input[type=radio]:focus+label:before{border-color:#002f87;outline-color:#002f87;outline-offset:0;outline-style:solid;outline-width:.125rem}:host .appointment-picker .content .picker input[type=checkbox]:checked+label:after,:host .appointment-picker .content .picker input[type=radio]:checked+label:after{opacity:1}:host .appointment-picker .content .picker.inline input[type=checkbox]+label:after,:host .appointment-picker .content .picker.inline input[type=checkbox]+label:before,:host .appointment-picker .content .picker.inline input[type=radio]+label:after,:host .appointment-picker .content .picker.inline input[type=radio]+label:before{left:1.75em;top:1.75em}:host .appointment-picker .content .picker{padding-block-end:calc(var(--appointment-picker-pad
17ding) - .125rem);padding-block-start:calc(var(--appointment-picker-padding) - .125rem);padding-inline-end:calc(var(--appointment-picker-padding) - .125rem);padding-inline-start:calc(var(--appointment-picker-padding) - .125rem)}:host .appointment-picker .validation{align-items:center;color:#e3660e;-moz-column-gap:.25rem;column-gap:.25rem;display:flex;margin-block-start:.5rem;width:-moz-fit-content;width:fit-content}:host .appointment-picker .validation .icon{flex-shrink:0;width:1.5rem}:host .appointment-picker .validation .message{color:#bf5910}:host .appointment-picker .unavailable .message{margin-block-end:1rem;margin-block-start:0}:host .appointment-picker .unavailable .message{font-family:British Gas Medium,sans-serif;font-size:1.296rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .appointment-picker .unavailable .message{font-size:1.424rem}}@media (min-width:1620px){:host .appointment-picker .unavailable .message{font-size:1.44rem}}@media (min-width:720px){:host .appointment-picker .unavailable .message{margin-block-end:1.25rem}}@media (min-width:1620px){:host .appointment-picker .unavailable .message{margin-block-end:1.5rem}}:host .appointment-picker .unavailable .date{margin-block-end:.5rem;margin-block-start:0}:host .appointment-picker .unavailable .date{font-family:British Gas Medium,sans-serif;font-size:1rem;font-weight:400;letter-spacing:-.0145em;line-height:1.5}@media (min-width:720px){:host .appointment-picker .unavailable .date{font-size:1.067rem}}@media (min-width:1620px){:host .appointment-picker .unavailable .date{font-size:1.067rem}}@media (min-width:720px){:host .appointment-picker .unavailable .date{margin-block-end:.5rem}}@media (min-width:1620px){:host .appointment-picker .unavailable .date{margin-block-end:.5rem}}@media (max-width:719.98px){:host .appointment-picker .content .calendar{border-block-end-color:#c3ced5;border-block-end-style:solid;border-block-end-width:.125rem}}@media (min-width:720px){:host .appointment-picker{--appointment-picker-padding:1.25rem}:host .appointment-picker .content{grid-template-columns:60% 1fr}:host .appointment-picker .content .calendar{border-inline-end-color:#c3ced5;border-inline-end-style:solid;border-inline-end-width:.125rem}}@media (min-width:1080px){:host .appointment-picker{min-width:637px;width:60%}}@media (min-width:1620px){:host .appointment-picker{--appointment-picker-padding:1.5rem}}`;class Ir extends(Mt(ps(zs(Ut)))){static get scopedElements(){return{"appointment-calendar":Lr,"appointment-inputter":qs,"appointment-icon":xo,"appointment-form-group":ur}}static get properties(){return{slotData:{type:Array,attribute:"slot-data"},_selectedDate:{type:String,state:!0},_calendarRef:{type:Object,state:!0},_inputterRef:{type:Object,state:!0},_minDate:{type:String,state:!0},_maxDate:{type:String,state:!0}}}static get styles(){return Dr}static get observedAttributes(){return[...super.observedAttributes,"slotdata"]}constructor(){super(),this._calendarRef=ss(),this._inputterRef=ss(),this.validation=["isRequired"],this.disableNative=!0,this.slotData=[],this.addEventListener("focusout",this._onFocusOut.bind(this))}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),"slotdata"===e&&("string"!=typeof o||o.includes("[object Object]")||(this.slotData=JSON.parse(o)))}_updateValue(){if(this._selectedDate){const e=this.slotData?.find((({date:e})=>e===this._selectedDate));this.value=e?.slots?.length>0?`${this._selectedDate}-${e.slots[0].value}`:""}}willUpdate(e){if(e.has("slotData")&&this.slotData&&(this._minDate=this.slotData.find((e=>e.slots?.length>0))?.date,this._maxDate=Array.from(this.slotData).reverse().find((e=>e.slots?.length>0))?.date),e.has("_selectedDate")&&this._updateValue(),!this._selectedDate)if(this.value){const e=this.value.split("-");this._selectedDate=`${e[0]}-${e[1]}-${e[2]}`}else this._selectedDate=this._minDate,this._updateValue()}get _slottedInputs(){return[this._inputterRef.value,this._calendarRef.value].filter((e=>void 0!==e))}get _slottedValue(){return this._slottedInputs?.[0]?.value}_onChange(e){const t=e.target;t?.nodeName.endsWith("CALENDAR")?(this._selectedDate=this._calendarRef.value.isoSelectedDate,this.updateComplete.then((()=>{this._fireChangeEvent()}))):t.nodeName.endsWith("INPUTTER")&&super._onChange(e)}_onFocusOut(){this._pristine=!1,this.validate()}formResetCallback(){super.formResetCallback(),this._pristine=!0,this._selectedDate=void 0}validate(){return super.validate(),{valid:!this.validationMessage,customError:!0}}get _addValidationIcon(){return _e`<appointment-icon name="${to}" class="icon"></appointment-icon>`}updated(e){super.updated(e),this._inputterRef?.value?.removeEventListener("change",this._boundChangeEvent),this._inputterRef?.value?.addEventListener("change",this._boundChangeEvent)}*_getGenericSlots(){const e=this.slotData?.find((({date:e})=>e===this._selectedDate)),t=e?.slots;if(t)for(let o=0;o<t.length;o++){const i=`${e.date}-${t[o].value}`,s=`${this._id}-${i}`;yield _e`<input type="radio" name="${e.date}" id="${s}" value="${i}" ?checked="${this.value===i}"> <label for="${s}">${t[o].name}</label>`}}get _slotPickerInputter(){if(this._selectedDate){const e=this.slotData?.find((({date:e})=>e===this._selectedDate)),t=e?.slots;return t?.length>0?_e`<appointment-form-group legend="Available times"><appointment-inputter ${as(this._inputterRef)} heading="${$r(e.date)}" name="${this._selectedDate}" value="${gt(this.value)}" .validation="${this.validation}">${this._getGenericSlots()}</appointment-inputter></appointment-form-group>`:_e`<div class="unavailable"><p class="message">No available times for this date</p><p class="date">${$r(this._selectedDate)}</p></div>`}}get _enabledDates(){return this.slotData.map((e=>e.date))}
17get _calendar(){let e,t;if(this._selectedDate){const o=(e=>{if(10!==e?.length)return null;{const[t,o,i]=e.split("-");return new Date(t,o-1,i)}})(this._selectedDate);e=o?.getMonth()+1,t=o?.getFullYear()}return _e`<appointment-calendar ${as(this._calendarRef)} month="${e??Ce}" year="${t??Ce}" min-date="${this._minDate??Ce}" max-date="${this._maxDate??Ce}" enabled-dates="${ft(this._enabledDates?.length>0?JSON.stringify(this._enabledDates):void 0)}" .isoSelectedDate="${this._selectedDate?gt(this._selectedDate):void 0}"></appointment-calendar>`}get standardTemplate(){return _e`<div class="appointment-picker"><div class="body"><div class="header"><h3 class="heading">Select a date and time</h3></div><div class="content"><div class="calendar">${this._calendar}</div><div class="picker">${Ni(this._selectedDate,this._slotPickerInputter)}</div></div></div><div class="footer">${this._addValidationMessage}</div></div>`}}const Or=O`*,:after,:before{box-sizing:border-box}:host{font-family:British Gas Body,sans-serif}:host .visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host{display:block;height:100%}:host{--scheme-action-foreground-color:#004ecc;--scheme-action-hover-foreground-color:#002f87}:host{--scheme-focus-outline-color:#002f87}:host{--scheme-action-focus-outline-color:var(--scheme-focus-outline-color)}:host a{font-family:British Gas Medium,sans-serif;font-weight:400}:host a{color:var(--scheme-action-foreground-color)}:host a:hover{color:var(--scheme-action-hover-foreground-color)}:host a:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host a{-webkit-text-decoration-skip:ink;border-radius:.25rem;text-decoration-skip-ink:auto;text-decoration-thickness:.0625em;text-underline-offset:.125em}:host a :focus:not(:focus-visible){outline-style:none}:host a:focus-visible{outline-offset:0;outline-style:solid;outline-width:.25rem;-webkit-text-decoration:none;text-decoration:none}:host a:focus-visible:hover{-webkit-text-decoration:underline;text-decoration:underline}:host a:hover{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.125em}:host a:has(>[href=""]){-webkit-text-decoration:none;text-decoration:none}:host [tabindex="0"]{outline-color:var(--scheme-focus-outline-color)}:host [href="#caveat"]{display:inline-block;font-family:monospace;font-size:1rem;line-height:1.2;padding-inline:.25rem;position:relative;vertical-align:top}:host [href="#caveat"]:after{bottom:-.5rem;content:"";left:-.5rem;position:absolute;right:-.5rem;top:-.5rem}:host .action-link{--action-link-padding-block:1.75rem;--action-link-padding-inline:1.25rem;grid-gap:1rem;background-color:#fff;border:.125rem solid #004ecc;border-radius:.5rem;display:grid;gap:1rem;height:100%;padding-block-end:1.625rem;padding-block-end:calc(var(--action-link-padding-block) - .125rem);padding-block-start:1.625rem;padding-block-start:calc(var(--action-link-padding-block) - .125rem);padding-inline-end:1.125rem;padding-inline-end:calc(var(--action-link-padding-inline) - .125rem);padding-inline-start:1.125rem;padding-inline-start:calc(var(--action-link-padding-inline) - .125rem);text-align:center;-webkit-text-decoration:none!important;text-decoration:none!important;text-decoration-color:transparent!important}:host .action-link:is(div){color:var(--scheme-action-foreground-color)}:host .action-link:is(div):hover{color:var(--scheme-action-hover-foreground-color)}:host .action-link:is(div):focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .action-link:is(div){cursor:pointer}:host .action-link.cyan-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.cyan-light-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.lime-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.lime-light-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.navy-scheme{--scheme-focus-outline-color:#ffc72c}:host .action-link.navy-light-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.blue-scheme{--scheme-focus-outline-color:#ffc72c}:host .action-link.forest-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.forest-light-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.membership-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.slate-scheme{--scheme-focus-outline-color:#ffc72c}:host .action-link.orange-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.orange-light-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.red-scheme{--scheme-focus-outline-color:#ffc72c}:host .action-link.yellow-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.yellow-light-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.white-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.grey-light-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.navigation-light-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.navigation-dark-scheme{--scheme-focus-outline-color:#ffc72c}:host .action-link.ai-labs-light-scheme{--scheme-focus-outline-color:#002f87}:host .action-link.ai-labs-dark-scheme{--scheme-focus-outline-color:#ffc72c}:host .action-link:not([class*=-scheme]){--scheme-focus-outline-color:#002f87}@media (prefers-reduced-motion:no-preference){:host .action-link{transition-duration:.15s;transition-property:background-color,box-shadow,text-decoration-color;transition-timing-function:ease-in-out}}:host .action-link.focused{outline-offset:0;outline-style:solid;outline-width:.25rem}:host .action-link.focused,:host .action-link:focus-visible{outline-color:var(--scheme-focus-outline-color)}:host .action-link:hover{background-color:#f3f5f7;border-color:#002f87;box-shadow:inset .125rem 0 #002f87,inset -.125rem 0 #002f87,inset 0 .125rem #002f87,inset 0 -.125rem #002f87;-webkit-text-decoration:underline!important;text-decoration:underline!important;text-decoration-color:inherit}:host .action-link .label{margin-block-end:0;margin-block-start:0}:host .action-link .label{font-family:British Gas Medium,sans-serif;font-size:1.215rem;font-weight:400;letter-spacing:-.0145em;line-height:1.2}@media (min-width:720px){:host .action-link .label{font-size:1.266rem}}@media (min-width:1620px){:host .action-link .label{font-size:1.266rem}}:host .action-link .label{align-self:center;margin-inline-end:auto;margin-inline-start:auto;max-width:16ch}:host .action-link .decoration{height:4rem;margin-inline-end:auto;margin-inline-start:auto;width:4rem}@media (max-width:479.98px){:host .action-link{--action-link-padding-block:1.5rem;--action-link-padding-inline:1rem}:host .action-link.standard .label{max-width:revert;order:1}:host .action-link.standard.has-decoration{grid-template-columns:1fr 4rem}:host .action-link.standard.has-decoration .label{margin-block-end:auto;margin-block-start:auto;margin-inline-end:revert;margin-inline-start:revert;text-align:start}:host .action-link.standard .decoration{order:2}}@media (min-width:480px){:host .action-link.standard.has-decoration{grid-template-rows:4rem 1fr}}`;class Pr extends(Mt(Wo(Xo(Ut)))){static get scopedElements(){return{"action-link-illustration":Io}}static get properties(){return{type:{type:String},link:{type:String},href:{type:String,reflect:!0},label:{type:String},decoration:{type:String}}}static get styles(){return Or}static get observedAttributes(){return[...super.observedAttributes,"link"]}constructor(){super(),this.href="",this.label="",this.decoration=""}willUpdate(e){super.willUpdate(e),e.has("link")&&(this.href=this.link),e.has("href")&&!this.href&&(this.href="")}get _illustration(){if(this.decoration)return _e`<div class="decoration"><action-link-illustration name="${this.decoration}"></action-link-illustration></div>`}get _scheme(){return this._schemeValue}get classes(){return{...super.classes,[this.type]:!0,"action-link":!0,"has-decoration":""!==this.decoration,[`${this._scheme}-scheme`]:!!this._scheme}}get standardTemplate(){return this.href?_e`<a href="${this.href}" class="${tt(this.classes)}">${this._illustration} <span class="label">${this.label}</span></a>`:_e`<div class="${tt(this.classes)}">${this._illustration} <span class="label">${this.label}</span></div>`}get stackedTemplate(){return this.standardTemplate}}function Hr(){customElements.define("ns-video",ii),customElements.define("ns-timeline-event",ri
17),customElements.define("ns-timeline",li),customElements.define("ns-testimonial",hi),customElements.define("ns-tabs",ui),customElements.define("ns-table",bi),customElements.define("ns-tab",yi),customElements.define("ns-standout",xi),customElements.define("ns-skyline",Ei),customElements.define("ns-skeleton",Bi),customElements.define("ns-selector",qi),customElements.define("ns-scroller",Gi),customElements.define("ns-progress",is),customElements.define("ns-product-card",cs),customElements.define("ns-price",hs),customElements.define("ns-pill",ms),customElements.define("ns-password",Is),customElements.define("ns-panel",Gs),customElements.define("nsx-product-card-overview",Js),customElements.define("nsx-marketing-consent",tn),customElements.define("nsx-header",vn),customElements.define("nsx-footer",xn),customElements.define("nsx-filter",Mn),customElements.define("nsx-address-selector",In),customElements.define("ns-labs-transpose",Pn),customElements.define("ns-labs-totem",Gn),customElements.define("ns-labs-product-card",Vn),customElements.define("ns-labs-ai-response",jn),customElements.define("ns-labs-ai-container",Wn),customElements.define("ns-media-group",Yn),customElements.define("ns-lockup",Zn),customElements.define("ns-live",Jn),customElements.define("ns-landmark",tr),customElements.define("ns-inputter",Ls),customElements.define("ns-image",Fo),customElements.define("ns-illustration",Io),customElements.define("ns-icon",wo),customElements.define("ns-highlighter",nr),customElements.define("ns-header",fn),customElements.define("ns-frame",cr),customElements.define("ns-form-group",ur),customElements.define("ns-form",Ks),customElements.define("ns-footer",yn),customElements.define("ns-fieldset",pr),customElements.define("ns-expander",Sn),customElements.define("ns-editorial",vr),customElements.define("ns-download",wr),customElements.define("ns-datepicker",Cr),customElements.define("ns-date-time",Er),customElements.define("ns-cta",ei),customElements.define("ns-control",Ii),customElements.define("ns-content",fr),customElements.define("ns-column",Zs),customElements.define("ns-caveat",Br),customElements.define("ns-card",Yo),customElements.define("ns-calendar",Lr),customElements.define("ns-article",Rr),customElements.define("ns-appointment-picker",Ir),customElements.define("ns-alert",sr),customElements.define("ns-action-link",Pr),customElements.define("ns-accordion",Tn)}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",(()=>{Hr()})):Hr()}();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.