@iamproperty/components 7.7.1--beta14 → 7.7.1--beta16

package/assets/js/components/std-nav/std-nav.component.js

@@ -0,0 +1,179 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import Cookies from '../../../../node_modules/js-cookie/dist/js.cookie.mjs';
+import iamNav from '../nav/nav.component';
+class iamSTDNav extends HTMLElement {
+    constructor() {
+        super();
+        this.loadNavData = () => __awaiter(this, void 0, void 0, function* () {
+            const ajaxURL = '/nav.json';
+            // Setup controller vars if not already set
+            if (!window.controller)
+                window.controller = [];
+            // Abort if controller already present for this url
+            if (window.controller[ajaxURL])
+                window.controller[ajaxURL].abort();
+            // Create a new controller so it can be aborted if new fetch made
+            window.controller[ajaxURL] = new AbortController();
+            const { signal } = window.controller[ajaxURL];
+            try {
+                return yield fetch(ajaxURL, {
+                    signal: signal,
+                    method: 'get',
+                    credentials: 'same-origin',
+                    headers: new Headers({
+                        'Content-Type': 'application/json',
+                        Accept: 'application/json',
+                        'X-Requested-With': 'XMLHttpRequest',
+                        'X-XSRF-TOKEN': Cookies.get('XSRF-TOKEN'),
+                    }),
+                })
+                    .then((response) => response.json())
+                    .then((response) => {
+                    // populate datalist
+                    let listString = '';
+                    const data = response['data'] ? response['data'] : response;
+                    return data;
+                });
+            }
+            catch (error) {
+                if ((error === null || error === void 0 ? void 0 : error.name) === 'AbortError') {
+                    return true;
+                }
+                console.log(error);
+                return 'There has been a problem. Please try again in a few moments.';
+            }
+        });
+        this.defaultToSecondary = () => {
+            // Set links and details to secondary slot
+            Array.from(this.querySelectorAll(':scope > a, :scope > details')).forEach((element) => {
+                element.setAttribute('slot', 'secondary');
+            });
+            const defaultContent = this.innerHTML;
+            this.outerHTML = `${defaultContent}`;
+        };
+        this.defaultToNav = () => {
+            const defaultContent = this.innerHTML;
+            this.innerHTML = `<iam-nav>
+    ${defaultContent} 
+    </iam-nav>`;
+        };
+        this.defaultToStandalone = () => {
+            const defaultContent = this.innerHTML;
+            this.wrapper.innerHTML = `<div class="container">${defaultContent}</div>`;
+        };
+        this.populateLinks = (data) => {
+            let html = ``;
+            data.forEach((link) => {
+                html += `
+      <a href="${link.url}">${link.title}</a>`;
+            });
+            return html;
+        };
+        this.populateSections = (data) => {
+            let html = ``;
+            data.forEach((section) => {
+                html += `<span class="section ${section.class}">
+        <span class="lead text-heading d-block">${section.enabled == "false" && section.marketing ? section.marketing : section.title}</span>
+        ${this.populateLinks(section.links)}
+      </span>`;
+            });
+            return html;
+        };
+        this.populateNav = (data) => {
+            let html = ``;
+            data.forEach((feature) => {
+                if (feature.attributes.sections)
+                    html += `<details name="megamenu"><summary>${feature.attributes.title}</summary><div data-title="${feature.attributes.title}">${this.populateSections(feature.attributes.sections)}</div></details>`;
+                else if (feature.attributes.links)
+                    html += `<details name="megamenu"><summary>${feature.attributes.title}</summary><div data-title="${feature.attributes.title}">${this.populateLinks(feature.attributes.links)}</div></details>`;
+                else
+                    html += `<a href="/">${feature.attributes.title}</a>`;
+            });
+            return html;
+        };
+        this.transformToSecondary = (data) => {
+            this.innerHTML = this.populateNav(data);
+            // Set links and details to secondary slot
+            Array.from(this.querySelectorAll(':scope > a, :scope > details')).forEach((element) => {
+                element.setAttribute('slot', 'secondary');
+            });
+            const defaultContent = this.innerHTML;
+            this.outerHTML = `${defaultContent}`;
+        };
+        this.transformToStandalone = (data) => {
+            this.wrapper.innerHTML = `<div class="container"><details><summary>Products</summary><div class="iam-nav">${this.populateNav(data)}</div></details></div>`;
+            // Set links and details to secondary slot
+            Array.from(this.wrapper.querySelectorAll('.iam-nav > a, .iam-nav > details')).forEach((element) => {
+                element.setAttribute('slot', 'secondary');
+            });
+        };
+        this.transformToNav = (data) => {
+            this.innerHTML = `<iam-nav>
+    <a href="/" class="brand brand--property" slot="logo">
+      <svg>
+        <title>iam key</title>
+        <use xlink:href="/svg/logo.svg#logo-property"></use>
+      </svg>
+    </a>
+    ${this.populateNav(data)}
+    </iam-nav>`;
+        };
+    }
+    connectedCallback() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            this.wrapper = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.wrapper');
+            if (!window.customElements.get(`iam-nav`))
+                window.customElements.define(`iam-nav`, iamNav);
+            if (this.hasAttribute('data-hub')) {
+                this.defaultToNav();
+            }
+            else if (!this.closest('iam-nav')) {
+                this.defaultToStandalone();
+            }
+            else {
+                //this.defaultToSecondary(); TODO: change this to show default content but still be able to update
+            }
+            const data = yield this.loadNavData().then((data) => {
+                if (typeof data == 'string') {
+                    return data;
+                }
+                //console.log(data);
+                if (this.hasAttribute('data-hub')) {
+                    this.transformToNav(data);
+                }
+                else if (!this.closest('iam-nav')) {
+                    this.transformToStandalone(data);
+                }
+                else {
+                    this.transformToSecondary(data);
+                    //this.transformToNav(data);
+                }
+                return true;
+            });
+        });
+    }
+    static get observedAttributes() {
+        return [];
+    }
+    attributeChangedCallback(attrName, oldVal, newVal) {
+        const addressComponent = this.querySelector('iam-address-lookup');
+        switch (attrName) {
+            case 'data-url': {
+                if (oldVal != newVal && addressComponent) {
+                    addressComponent.setAttribute('data-url', newVal + '?search_string=');
+                }
+                break;
+            }
+        }
+    }
+}
+export default iamSTDNav;

package/assets/js/components/std-nav/std-nav.component.min.js

@@ -0,0 +1,66 @@
+/*!
+  * iamKey v7.7.1--beta16
+  * Copyright 2022-2026 iamproperty
+  *//*! js-cookie v3.0.5 | MIT */function h(l){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var a in i)l[a]=i[a]}return l}var f={read:function(l){return l[0]==='"'&&(l=l.slice(1,-1)),l.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(l){return encodeURIComponent(l).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function g(l,e){function i(r,d,t){if(!(typeof document>"u")){t=h({},e,t),typeof t.expires=="number"&&(t.expires=new Date(Date.now()+t.expires*864e5)),t.expires&&(t.expires=t.expires.toUTCString()),r=encodeURIComponent(r).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var o="";for(var s in t)t[s]&&(o+="; "+s,t[s]!==!0&&(o+="="+t[s].split(";")[0]));return document.cookie=r+"="+l.write(d,r)+o}}function a(r){if(!(typeof document>"u"||arguments.length&&!r)){for(var d=document.cookie?document.cookie.split("; "):[],t={},o=0;o<d.length;o++){var s=d[o].split("="),m=s.slice(1).join("=");try{var n=decodeURIComponent(s[0]);if(t[n]=l.read(m,n),r===n)break}catch{}}return r?t[r]:t}}return Object.create({set:i,get:a,remove:function(r,d){i(r,"",h({},d,{expires:-1}))},withAttributes:function(r){return g(this.converter,h({},this.attributes,r))},withConverter:function(r){return g(h({},this.converter,r),this.attributes)}},{attributes:{value:Object.freeze(e)},converter:{value:Object.freeze(l)}})}var y=g(f,{path:"/"});window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"nav"});class w extends HTMLElement{constructor(){super();const e=this.attachShadow({mode:"open"});document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const i=document.createElement("template");i.innerHTML=`
+    <style class="styles">
+
+    
+    @layer reset{.row{--gutter-x: 1rem;--gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--gutter-y));margin-right:calc(-0.5*var(--gutter-x));margin-left:calc(-0.5*var(--gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--gutter-x)*.5);padding-left:calc(var(--gutter-x)*.5);margin-top:var(--gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.g-0,.gx-0{--gutter-x: 0}.g-0,.gy-0{--gutter-y: 0}.g-1,.gx-1{--gutter-x: 0.25rem}.g-1,.gy-1{--gutter-y: 0.25rem}.g-2,.gx-2{--gutter-x: 0.5rem}.g-2,.gy-2{--gutter-y: 0.5rem}.g-3,.gx-3{--gutter-x: 1rem}.g-3,.gy-3{--gutter-y: 1rem}.g-4,.gx-4{--gutter-x: 1.5rem}.g-4,.gy-4{--gutter-y: 1.5rem}.g-5,.gx-5{--gutter-x: 3rem}.g-5,.gy-5{--gutter-y: 3rem}@media screen and (min-width: 36em){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.g-sm-0,.gx-sm-0{--gutter-x: 0}.g-sm-0,.gy-sm-0{--gutter-y: 0}.g-sm-1,.gx-sm-1{--gutter-x: 0.25rem}.g-sm-1,.gy-sm-1{--gutter-y: 0.25rem}.g-sm-2,.gx-sm-2{--gutter-x: 0.5rem}.g-sm-2,.gy-sm-2{--gutter-y: 0.5rem}.g-sm-3,.gx-sm-3{--gutter-x: 1rem}.g-sm-3,.gy-sm-3{--gutter-y: 1rem}.g-sm-4,.gx-sm-4{--gutter-x: 1.5rem}.g-sm-4,.gy-sm-4{--gutter-y: 1.5rem}.g-sm-5,.gx-sm-5{--gutter-x: 3rem}.g-sm-5,.gy-sm-5{--gutter-y: 3rem}}@media screen and (min-width: 62em){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.g-md-0,.gx-md-0{--gutter-x: 0}.g-md-0,.gy-md-0{--gutter-y: 0}.g-md-1,.gx-md-1{--gutter-x: 0.25rem}.g-md-1,.gy-md-1{--gutter-y: 0.25rem}.g-md-2,.gx-md-2{--gutter-x: 0.5rem}.g-md-2,.gy-md-2{--gutter-y: 0.5rem}.g-md-3,.gx-md-3{--gutter-x: 1rem}.g-md-3,.gy-md-3{--gutter-y: 1rem}.g-md-4,.gx-md-4{--gutter-x: 1.5rem}.g-md-4,.gy-md-4{--gutter-y: 1.5rem}.g-md-5,.gx-md-5{--gutter-x: 3rem}.g-md-5,.gy-md-5{--gutter-y: 3rem}}}@layer elements{:is(label:not(.tag),.label){font-size:1.125rem;line-height:1.3125rem;margin-bottom:.5rem;font-weight:normal;color:var(--colour-heading);display:block;&>iam-rating{margin-top:.25rem !important}&.label--sm{--input-max-width: 15rem}}}@layer elements{input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}::-moz-focus-inner{padding:0;border-style:none}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;font-weight:normal;line-height:inherit}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-moz-color-swatch{border-radius:0;border:none}::-webkit-color-swatch{border-radius:0;border:none}::file-selector-button{font:inherit;-webkit-appearance:button}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output){display:block;width:100%;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-heading);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);appearance:none;border-radius:.5rem;margin-bottom:1.5rem;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output):is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output):is(:focus,.focus):not(:disabled):not(:invalid){box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}input[type=color]{padding:0 !important;max-width:3rem !important}[disabled] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output,select:not(.select--minimal,.btn)){background-color:#ccd6d8;opacity:.4;cursor:not-allowed;pointer-events:none}[disabled] label{cursor:not-allowed;pointer-events:none}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])){max-width:var(--input-max-width)}}@layer elements{select,optgroup{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}select{text-transform:none;word-wrap:normal}select:disabled{opacity:1}select:not(.select--minimal,.btn){background:var(--icon-select) right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat,linear-gradient(to right, var(--colour-canvas-2), var(--colour-canvas-2));padding-right:calc(var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem) + var(--input-lh, 1.25rem)) !important}select:not(.select--minimal,.btn) option{font-size:1.2em}select:not(.select--minimal,.btn){box-shadow:inset -2px 0px 0px var(--colour-primary-theme);max-width:var(--select-max-width)}select:not(.select--minimal,.btn)[multiple],select:not(.select--minimal,.btn)[size]:not([size="1"]){background:none;max-height:none !important}select:not(.select--minimal,.btn):disabled{background-color:gray;border-color:#000}select:not(.select--minimal,.btn):-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 inherit}div:has(>select){margin-bottom:1.5rem}div:has(>select) select{margin-bottom:0 !important}.select--minimal{all:unset;font-size:inherit;line-height:inherit;background:none;border:2px solid rgba(0,0,0,0);display:inline-block;padding:.4em calc(1em + .8ch) .4rem var(--select-padding-left, 0.4em) !important;font-weight:normal !important;margin:-0.4em 0 !important;border-radius:.25em;color:var(--colour-body);height:auto;cursor:pointer;font-family:var(--font-body) !important}.select--minimal option{background-color:var(--colour-canvas);padding-left:1em;font-size:inherit;line-height:inherit}.select--minimal:hover{background:var(--colour-light)}.select--minimal:is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}*:has(>.select--minimal){position:relative;display:inline-block !important;width:auto !important;font-size:inherit !important;line-height:1 !important;padding:0 !important;margin:0 !important;font-family:var(--font-body) !important}*:has(>.select--minimal):after{font-size:.8em;line-height:1em;content:"\uF078";font-family:"Font Awesome 7 Pro";position:absolute;top:40%;transform:translate(0, -50%);right:.8ch;pointer-events:none;color:var(--colour-body)}select:not(.select--minimal,.btn){width:100%;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-heading);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);border-radius:.5rem;margin-bottom:1.5rem;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}select:not(.select--minimal,.btn):is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0}select:not(.select--minimal,.btn):is(:focus,.focus):not(:disabled):not(:invalid){box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}select:not(.select--minimal,.btn):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}[disabled] select:not(.select--minimal,.btn){background-color:#ccd6d8;opacity:.4;cursor:not-allowed;pointer-events:none}@media(hover: hover){select{appearance:base-select !important}}select::picker-icon{display:none}select::picker(select){appearance:base-select}select option::checkmark{display:none}select selectedcontent span{display:none}select[multiple]{border-radius:.35rem}select[multiple]::-webkit-scrollbar{width:.7rem}select[multiple]::-webkit-scrollbar *{background-color:rgba(0,0,0,0)}select[multiple]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:.35rem}}@layer elements{textarea{--textarea-height-scale: 3;margin:0;font-family:inherit;resize:vertical;display:block;width:100%;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-heading);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);appearance:none;border-radius:.5rem;margin-bottom:1.5rem;max-height:100%;&:not([rows]){min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*var(--textarea-height-scale) + 4px) !important}&[rows="1"]{--textarea-height-scale: 1}&[rows="2"]{--textarea-height-scale: 2}&:is([rows="2"],[rows="2"]){min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*var(--textarea-height-scale) + 4px) !important}&:is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0}&:is(:focus,.focus):not(:disabled):not(:invalid){box-shadow:0 0 0 .1rem rgba(30, 190, 230, 0.25)}&:disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}}[disabled] textarea{background-color:#ccd6d8;opacity:.4;cursor:not-allowed;pointer-events:none}label:not(.tag):has(textarea){display:block;margin-bottom:1.5rem;max-width:var(--input-max-width);textarea{margin-top:.5rem;margin-bottom:0 !important}}}@layer elements{fieldset{min-width:0;padding:0;margin:0;border:0}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[disabled] label{cursor:not-allowed;pointer-events:none}fieldset{width:100%;position:relative}legend{font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);line-height:2rem;color:var(--colour-heading);margin:0;clear:both;display:block;float:none;font-size:var(--h4-fs);line-height:var(--heading-lh);padding-bottom:.5rem;max-width:var(--content-max-width);min-width:100%}div:has(>label:first-child):has(>input){position:relative;max-width:var(--input-max-width);margin-bottom:1.5rem}div:has(>label:first-child):has(>input) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),div:has(>label:first-child):has(>input) output,div:has(>label:first-child):has(>input) .prefix,div:has(>label:first-child):has(>input) .suffix{margin-bottom:0 !important}div:has(>label:first-child):has(>input){display:flex;flex-wrap:wrap;align-items:center}div:has(>label:first-child):has(>input)>*:not(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])):not(output):not(.prefix):not(.suffix){flex-shrink:0;width:100%}div:has(>label:first-child):has(>input) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),output){flex-shrink:1;flex-grow:1;width:0}div:has(>label:first-child):has(>input) input~*:not(output){order:5;margin-top:.5rem}*:has(>:is(.form-control-sm,.input--sm)){--input-fs: 0.875rem;--input-lh: 1rem;--input-padding-block: 0.625rem;--input-padding-inline: 0.875rem}*:has(>:is(.form-control-lg,.input--lg)){--input-fs: 1.5rem;--input-lh: 1.8125rem;--input-padding-block: 1.25rem;--input-padding-inline: 1.375rem}*:has(>label:first-child):has(>input):has(>:is(.form-control-inline,.input--inline)) label{flex-shrink:0;white-space:nowrap;width:fit-content !important;margin:0;margin-inline-end:1rem}*:has(>input[readonly]){position:relative;max-width:var(--input-max-width)}*:has(>input[readonly]):after{font-family:var(--fa-family-classic);font-weight:300;content:"\uF023";position:absolute;font-size:var(--input-lh, 1.25rem);height:var(--input-lh, 1.25rem);width:var(--input-lh, 1.25rem);top:auto !important;bottom:calc(var(--input-padding-block, 0.75rem) + 2px);right:calc(var(--input-padding-block, 1rem) + 2px);text-align:center}@supports selector(:has(*)){.suffix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),output),:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),output):has(~.suffix){order:1;border-start-end-radius:0 !important;border-end-end-radius:0 !important}:is(input):has(~iam-password-indicator){border-start-end-radius:0 !important;border-end-end-radius:0 !important}label:has(.suffix) input{border-start-end-radius:0 !important;border-end-end-radius:0 !important}}.was-validated *:not(button):is(:invalid,.is-invalid,[aria-invalid]):not(.is-valid)+label,.was-validated label:has(*:not(button):is(:invalid,.is-invalid,[aria-invalid]):not(.is-valid)){--colour-check-border: var(--colour-danger);--colour-check-bg: #fcebec;border-color:var(--colour-danger)}.was-validated *:not(button):is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){border-color:var(--colour-danger) !important}.was-validated select:not(.btn):is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){background:var(--icon-select) right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.8rem) + var(--input-lh, 1.25rem)) no-repeat,var(--icon-error) right var(--input-padding-block, 3.5rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat;padding-right:6rem !important}.was-validated input:is(:invalid,.is-invalid,[aria-invalid],:-internal-autofill-selected){background-image:var(--icon-error);background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important}.was-validated *:not(button):is(:valid,.is-valid):not(.is-invalid){border-color:var(--colour-complete)}.was-validated input:is(:valid,.is-valid):not(:is(:invalid,.is-invalid)){background-image:var(--icon-tick);background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem)) !important}.invalid-feedback{color:var(--colour-danger);margin-top:.5rem;background-image:var(--icon-error);background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + .5rem);display:none}iam-address-lookup:has([required]){--req-display: none}.was-validated :is(:invalid,.is-invalid)~.invalid-feedback{display:block}.was-validated iam-address-lookup:has([required]:invalid){--error-border: var(--colour-danger);--error-bg: var(--icon-error);--error-display: block;--error-hide: none}@supports selector(:has(*)){input:is([type=radio],[type=checkbox]){position:absolute;top:0;left:0;opacity:0;height:0;width:0;margin:0;pointer-events:none}:is(div,fieldset,label:not(.tag)):has(>input:is([type=radio],[type=checkbox])):not(:has(label input)){position:relative;margin-bottom:1.5rem}:is(div,fieldset,label:not(.tag)):has(>input[type=radio]){--border-radius: 50%;--outline-width: 0.5rem}:is(div,fieldset,label:not(.tag)):has(>input[type=checkbox]){--border-radius: 0.25rem;--outline-width: 0.25rem}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)){--tick-colour: transparent;color:var(--colour-heading);position:relative;font-size:1rem;line-height:1.25rem;padding-left:2.5rem;padding-top:.625rem;padding-bottom:.625rem;margin-bottom:1.5rem;margin-right:1.5rem;cursor:pointer}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+span),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):has(+span){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+input),label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):has(+input){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):last-child,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):last-child{margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):before,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)):before{content:"";border:2px solid var(--colour-check-border, var(--colour-primary));background:var(--colour-check-bg, transparent);border-radius:var(--border-radius);height:var(--radio-size, 1.5rem);width:var(--radio-size, 1.5rem);display:inline-block;position:absolute;top:.5rem;left:var(--outline-width)}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)).btn:before,label:not(.tag):has(input:is([type=radio],[type=checkbox])):not(:has(>iam-card)).btn:before{opacity:0}input[type=radio]+label:not(:has(>iam-card)):after,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)):after{content:"" !important;background:var(--colour-info);border-radius:var(--border-radius);height:.875rem;width:.875rem;height:var(--radio-inner-size, 0.875rem);width:var(--radio-inner-size, 0.875rem);display:none;position:absolute;top:var(--radio-inner-top, 0.8125rem);left:var(--radio-inner-left, calc(0.3125rem + var(--outline-width)))}input[type=radio]+label:not(:has(>iam-card)).radio--tick:before,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)).radio--tick:before{content:"\uF00C";position:absolute;font-size:1.5em;line-height:1;color:var(--tick-colour);font-family:var(--fa-family-classic);background:none !important;border:none !important;outline:none !important;left:.25rem}input[type=radio]+label:not(:has(>iam-card)).radio--tick:after,label:not(.tag):has(input[type=radio]):not(:has(>iam-card)).radio--tick:after{display:none}@media(forced-colors: active){input:is([type=radio],[type=checkbox]):not(:checked)+label.radio--tick:not(:has(>iam-card)):before,label:has(input:is([type=radio],[type=checkbox]):not(:checked)).radio--tick:not(:has(>iam-card)):before{display:none}}:is(div,fieldset):has(>:is(input[type=radio],input[type=checkbox]):nth-of-type(2)) label:not(.tag):not(:has(>iam-card)){margin-bottom:0rem}fieldset:has(label>input:is([type=radio],[type=checkbox])) label{margin-bottom:0 !important}fieldset:has(label>input:is([type=radio],[type=checkbox])){margin-bottom:1.5rem}input:is([type=radio],[type=checkbox]):checked+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked){--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked):before{border-color:var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:after,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked):after{display:inline-block}input:is([type=radio],[type=checkbox]):checked+label iam-card,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked) iam-card{--colour: var(--colour, var(--colour-info))}input[type=checkbox]:not([disabled]):checked+label:before,label:not(.tag):has(input[type=checkbox]:not([disabled]):checked):before{background:var(--colour-info) !important}input[type=checkbox]:checked+label:not(:has(>iam-card)):after,label:not(.tag):has(input[type=checkbox]:checked):after{content:"\uF00C";position:absolute;font-size:var(--checkbox-tick-size, 1em);line-height:1;color:var(--colour-primary-theme);font-family:var(--fa-family-classic);font-weight:bold;height:var(--checkbox-inner-size, 1.5rem);width:var(--checkbox-inner-size, 1.5rem);line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:var(--checkbox-inner-top, 0.5rem);left:var(--checkbox-inner-left, var(--outline-width));text-align:center}input[type=checkbox]:indeterminate+label:before,label:not(.tag):has(input[type=checkbox]:indeterminate):before{background:var(--colour-info) !important;border-color:var(--colour-info) !important}input[type=checkbox]:indeterminate+label:after,label:not(.tag):has(input[type=checkbox]:indeterminate):after{content:"\uF068";position:absolute;font-size:var(--checkbox-tick-size, 1em);line-height:1;color:var(--colour-primary-theme);font-family:var(--fa-family-classic);font-weight:bold;height:var(--checkbox-inner-size, 1.5rem);width:var(--checkbox-inner-size, 1.5rem);line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:var(--checkbox-inner-top, 0.5rem);left:var(--checkbox-inner-left, var(--outline-width));text-align:center}input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)){--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label,input:is([type=radio],[type=checkbox])+label.hover,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)){--tick-colour: var(--colour-muted)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label:before,input:is([type=radio],[type=checkbox])+label.hover:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)):before{background:var(--colour-check-bg, light-dark(var(--colour-light), #444444));outline:var(--outline-width) solid light-dark(var(--colour-light), #444444)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label,input:is([type=radio],[type=checkbox])+label.active,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:active,.active)){--tick-colour: var(--colour-light)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label:before,input:is([type=radio],[type=checkbox])+label.active:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):is(:active,.active)):before{background:var(--colour-check-bg, #e0e0e0);outline:var(--outline-width) solid #e0e0e0}input:is([type=radio],[type=checkbox]):disabled+label,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled){opacity:.4;cursor:not-allowed}input:is([type=radio],[type=checkbox]):disabled+label>iam-card,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled)>iam-card{pointer-events:none}input:is([type=radio],[type=checkbox]):disabled+label:before,label:not(.tag):has(input:is([type=radio],[type=checkbox]):disabled):before{background-color:none !important;outline:none !important;border-color:var(--colour-primary) !important}input[type=radio][disabled]:checked+label:after,label:not(.tag):has(input[type=radio][disabled]:checked):after{background-color:var(--colour-primary) !important}input[type=checkbox][disabled]:checked+label:before,label:not(.tag):has(input[type=checkbox][disabled]:checked):before{background:#e0e0e0 !important;border-color:#e0e0e0 !important}}.conditional{display:none}input:checked+.conditional,input:checked+label+.conditional,label:has(:checked)+.conditional,.was-validated .conditional:has(input[required]:invalid),.was-validated .conditional:focus-within{display:block;clear:both}input:not([class*=conditional-input-]):nth-of-type(1):checked~.conditional-1,input:not([class*=conditional-input-]):nth-of-type(2):checked~.conditional-2,input:not([class*=conditional-input-]):nth-of-type(3):checked~.conditional-3,input:not([class*=conditional-input-]):nth-of-type(4):checked~.conditional-4,input:not([class*=conditional-input-]):nth-of-type(5):checked~.conditional-5,input.conditional-input-1:checked~.conditional-1,input.conditional-input-2:checked~.conditional-2,input.conditional-input-3:checked~.conditional-3,input.conditional-input-4:checked~.conditional-4,input.conditional-input-5:checked~.conditional-5,label:has(input.conditional-input-1:checked)~.conditional-1,label:has(input.conditional-input-2:checked)~.conditional-2,label:has(input.conditional-input-3:checked)~.conditional-3,label:has(input.conditional-input-4:checked)~.conditional-4,label:has(input.conditional-input-5:checked)~.conditional-5{display:block;clear:both}iam-fileupload input{display:none}:is(label:not(.tag),.label):has(:is(input,select,textarea)){display:block;margin-bottom:1.5rem;max-width:var(--input-max-width)}:is(label:not(.tag),.label):has(:is(input,select,textarea)) :is(input:not([type=range]),select){margin-top:.5rem;margin-bottom:0 !important}:is(label:not(.tag),.label):has(:is(input,select,textarea)) :is(input,select)~span:not(:is(.suffix,.prefix,.invalid-feedback)),:is(label:not(.tag),.label):has(:is(input,select,textarea)) span:has(>:is(input,select))~span:not(:is(.suffix,.prefix,.invalid-feedback)),:is(label:not(.tag),.label):has(:is(input,select,textarea)) .hint-text{all:initial;font-family:var(--font-body);color:var(--colour-body);margin-top:.5rem;display:block;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select,textarea)) .invalid-feedback{font-size:1rem;font-weight:normal;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select,textarea)) span:has(:is(input,select)){display:flex;width:100%}:is(label:not(.tag),.label):has(:is(input,select,textarea)) :is(.suffix,.prefix):not(.mt-0){margin:.5rem 0 0 0 !important}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)),.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid){margin-bottom:1.5rem}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)):has(:is(:invalid,.is-invalid)):after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid):has(:is(:invalid,.is-invalid)):after{content:"This field is required";color:var(--colour-danger);margin-top:.5rem;background-image:var(--icon-error);background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + .5rem);display:block;width:100%;font-size:1rem;line-height:1.2}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select))[data-error]:has(:is(:invalid,.is-invalid)):after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid)[data-error]:has(:is(:invalid,.is-invalid)):after{content:attr(data-error) !important}.was-validated label:has(:is(input:not([type=radio]):not([type=checkbox]),select)).error-nowrap:after,.was-validated fieldset:has(label input:is([type=radio],[type=checkbox]):invalid).error-nowrap:after{white-space:nowrap}input[type=range]{--track-size: 0.5rem;--track-colour: var(--colour-light);--thumb-colour: var(--colour-info);--thumb-size: 1.5rem;width:100%;background:rgba(0,0,0,0);cursor:pointer;margin-top:2rem;margin-bottom:2rem;height:2rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}*:has(>input[type=range]){position:relative;padding-bottom:6rem;max-width:var(--input-max-width)}label input[type=range]{position:absolute;top:1.5rem;left:0}input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:.5rem}input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.5rem;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]::-moz-range-thumb{border:none;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]:focus{outline:none}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{outline:.5rem solid rgba(30,190,231,.2)}input[type=range]:active::-webkit-slider-thumb{outline:.5rem solid rgba(30,190,231,.4)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{outline:.5rem solid rgba(30,190,231,.2)}input[type=range]:focus::-moz-range-thumb{outline:.5rem solid rgba(30,190,231,.4)}iam-slider input::-webkit-outer-spin-button,iam-slider input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:is(input[type=date],input[type=datetime-local],input[type=year],input[type=month],input[type=week],input[type=time]){position:relative;margin-right:-3rem;padding-right:3rem !important;background-position:right 4rem center;border-radius:.5rem !important}::-webkit-calendar-picker-indicator{background:rgba(0,0,0,0);bottom:0;color:rgba(0,0,0,0);cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto;order:3;z-index:98}::-webkit-datetime-edit{position:relative;z-index:99;max-width:fit-content}.input__wrapper{margin-top:.5rem;display:block;position:relative}.input__wrapper input{margin:0 !important}.clear-search{display:var(--error-hide, block);position:absolute;top:50%;transform:translate(0, -50%);right:.5rem;margin:0;aspect-ratio:1/1}.clear-search:not(:hover,:focus){border-color:rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0) !important}.input__wrapper:has(input[disabled],input.empty) .clear-search{display:none}.input__wrapper:has(input:is([name$=Alt]):not([data-value],[data-placeholder])) .clear-search{display:none}}@layer elements{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"\uF00C";font-family:var(--fa-family-classic);margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic)}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:var(--fa-family-classic);margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"\uF1DE";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:var(--fa-family-classic)}}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary);&:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:transparent;border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative;&:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}&.text-decoration-none:after{width:0%}&[class*=fa-]{margin-left:0;margin-right:.5rem}&[class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}&:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active){&:after{width:60% !important}}&:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}}@layer elements{.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}&.icon-only{position:relative;text-indent:-300vw;overflow:hidden;min-width:1.75rem;&:before{position:absolute;left:0;top:0;min-width:1.75rem;text-align:center;text-indent:0;padding-inline:.25rem;line-height:1.85rem}}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2;&>.fa-chevron-down{display:none}&:not(:has(i)):not(.no-icon):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}&[aria-pressed]:after{transform:rotate(270deg)}}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content;select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}&:after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em;select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}&:after{top:.2rem;right:.5rem}}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}@layer elements{:is(.brand,.logo){--svg-width: 2.923076923076923em;display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding-right:1rem;padding-bottom:1rem;min-width:100%;min-width:min(100%,var(--svg-width));font-size:4rem;color:var(--colour-brand);&[class*=text-]:not(.text-secondary){color:inherit !important}svg{fill:currentColor;height:1em;width:100%;max-width:var(--svg-width)}& span{white-space:nowrap;font-size:1rem;padding-left:1rem;line-height:1;font-weight:bold;display:inline-block;text-decoration:none}}.brand--sold{--svg-width: 1.9em}.brand--key{--svg-width: 1.753846153846154em}:is(.brand--compliance,.brand--movebutler){--svg-width: 5.692307692307692em}.brand--medwaylaw{--svg-width: 3.576923076923077em}.brand--openview{--svg-width: 5.337078651685393em}.brand--crm{--svg-width: 2.808988764044944em}a.brand:not(:hover,:focus,:active){color:var(--colour-brand)}a:not(:hover,:focus,:active) .brand{color:var(--colour-brand)}:is(a.brand:hover,a.brand:focus,a.brand:active){color:currentColor !important}:is(a:hover,a:focus,a:active) .brand{color:currentColor !important}}@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog,[popover]{--dialog-padding: 0.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);font-size:1rem;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dialog-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow)}dialog>*:last-child,[popover]>*:last-child{margin-bottom:0}dialog>:is(p):last-child,[popover]>:is(p):last-child{padding-bottom:0}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}dialog[open],[popover]:popover-open{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{overflow-y:auto;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:28.375rem;width:fit-content;max-width:46rem}}details.bg-light{margin-inline:calc(var(--dialog-padding)*-1);padding-inline:var(--dialog-padding)}}@layer elements{*:not(.dialog__wrapper)>dialog[open]:has(.mh-lg){overflow-y:hidden !important}*:not(.dialog__wrapper)>dialog[open]{width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]{--dialog-padding: 2rem;min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]{min-width:28.375rem;width:fit-content;max-width:46rem}}*:not(.dialog__wrapper)>dialog[open]>form:first-child{position:static}*:not(.dialog__wrapper)>dialog[open]>form:first-child button,*:not(.dialog__wrapper)>dialog[open]>button:first-child{position:absolute;top:var(--dialog-padding);right:var(--dialog-padding);z-index:var(--index-floating);text-indent:300%;overflow:hidden;border:none;height:1.25rem;width:1.25rem;background:rgba(0,0,0,0)}*:not(.dialog__wrapper)>dialog[open]>form:first-child button:after,*:not(.dialog__wrapper)>dialog[open]>button:first-child:after{content:"";top:0;left:0;position:absolute;display:block;height:1.25rem;width:1.25rem;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+*,*:not(.dialog__wrapper)>dialog[open]>button:first-child+*{padding-right:var(--dialog-padding);margin-right:1.25rem;display:block}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6),*:not(.dialog__wrapper)>dialog[open]>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6){padding-bottom:.5rem;line-height:1.1875rem}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*,*:not(.dialog__wrapper)>dialog[open]>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*{padding-right:var(--dialog-padding);margin-right:1.25rem;display:block}@media(forced-colors: active){*:not(.dialog__wrapper)>dialog[open]>form:first-child button,*:not(.dialog__wrapper)>dialog[open]>button:first-child{text-indent:0;width:fit-content}*:not(.dialog__wrapper)>dialog[open]>form:first-child button:after,*:not(.dialog__wrapper)>dialog[open]>button:first-child:after{display:none}}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){padding:0 !important}*:not(.dialog__wrapper)>dialog[open].dialog--fullwidth{max-width:69.5rem}@media screen and (max-width: 36em){*:not(.dialog__wrapper)>dialog[open] :is(form,fieldset,.btn--wrapper):has(>.btn:first-child,>.btn:last-child) .btn:not(.dialog__close){width:100%;max-width:100%;margin:0;display:block;text-align:center}*:not(.dialog__wrapper)>dialog[open] :is(form,fieldset,.btn--wrapper):has(>.btn:first-child,>.btn:last-child) .btn:not(.dialog__close):not(:last-child){margin-bottom:1rem !important}}*:not(.dialog__wrapper)>dialog[open] .mh-lg{padding-left:1rem;margin-left:-1rem;padding-right:calc(var(--dialog-padding) - 10px);margin-right:calc(var(--dialog-padding)*-1 + 10px);margin-bottom:calc(var(--dialog-padding)*-1)}*:not(.dialog__wrapper)>dialog[open] .mh-lg>*:last-child{margin-bottom:2rem !important}*:not(.dialog__wrapper)>dialog[open] .mh-lg>p:last-child{padding-bottom:0 !important}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement){text-align:center}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement):not(.hide-icon):before{content:"\uF05A";font-weight:300;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;font-family:var(--fa-family-classic);font-size:3rem;margin-top:0;margin-bottom:1.5rem;line-height:1;color:var(--colour-heading);clear:both}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement):not(.hide-icon):before{font-size:4rem}}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement):has(>i):before{display:none}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement):has(>i)>i{display:var(--fa-display, inline-block);line-height:1;font-size:3rem;margin-top:0;margin-bottom:1.5rem;line-height:1;color:var(--colour-heading);clear:both}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement):has(>i)>i{font-size:4rem}}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement):has(>i)>i:has(>i){position:relative}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement):has(>i)>i>i:before{position:absolute;top:0;left:50%;transform:scale(0.5) translate(-100%, 0)}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement)>form:first-child button,*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement)>button:first-child{display:none}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement)>form:first-child button+*,*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement)>button:first-child+*{padding-right:0;margin-right:0}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement)>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*,*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement)>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*{padding-right:0;margin-right:0}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement) :is(button,.btn):has(~:is(button,.btn):last-child),*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement) :is(button,.btn):last-child{min-width:calc(50% - 1rem);text-align:center}}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){display:block}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed) .mh-lg,*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed) .mh-lg:before{display:contents}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){min-width:42.875rem;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){min-width:46rem;max-width:46rem}}dialog:has(>.admin-panel) .dialog__close{margin-top:-0.8rem}dialog>.admin-panel{margin:-1rem calc(var(--dialog-padding)*-1) calc(var(--dialog-padding)*-1) calc(var(--dialog-padding)*-1) !important;padding-top:0}dialog>.admin-panel:last-child{margin-bottom:calc(var(--dialog-padding)*-1)}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open]{padding:0}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open]>button:first-child{top:calc(var(--dialog-padding)*4) !important}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open] :is(.h1,.h2,.h3,.h4,.h5,.h6){padding-right:calc(var(--dialog-padding)*3);padding-bottom:var(--dialog-padding)}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open] iam-multi-step{padding-inline:0 !important}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open] form{overflow:auto;padding-bottom:var(--dialog-padding);max-height:calc(min(90vh,47rem) - 6rem)}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open] fieldset>:last-child{margin-bottom:var(--dialog-padding) !important}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open] fieldset>p:last-child{padding-bottom:0 !important;margin-bottom:var(--dialog-padding) !important}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open] fieldset:not(.active){display:none}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open]{min-width:28.25rem;width:28.25rem;max-width:28.25rem}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open]>button:first-child{top:calc(var(--dialog-padding)*3.25) !important}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open] .btn--wrapper{margin-top:auto;text-align:right}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open] form{height:calc(100vh - 6rem);padding-left:0 !important;padding-right:var(--dialog-padding) !important}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open]{min-width:57.75rem;width:57.75rem;max-width:57.75rem}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open]>button:first-child{top:calc(var(--dialog-padding)*1) !important}}@media screen and (min-width: 62em)and (min-height: 31.25rem){*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open]{height:29.875rem;max-height:29.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open] form{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open] fieldset{display:flex;flex-direction:column;flex-grow:1;position:relative;overflow:auto;margin-bottom:calc(var(--dialog-padding)*-1);padding-right:calc(var(--dialog-padding) - 10px);margin-right:calc(var(--dialog-padding)*-1 + 10px);max-height:23.125rem}*:not(.dialog__wrapper)>dialog:has(iam-multi-step)[open] fieldset::before{content:"";top:100%;bottom:0;left:0;right:0;height:var(--dialog-padding);min-height:var(--dialog-padding);position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:calc(var(--dialog-padding)*-1)}}@media screen and (max-width: 36em){dialog[open]:has(iam-multi-step){min-width:100%;min-height:100%;border-radius:0;overflow-y:auto}dialog[open]:has(iam-multi-step) iam-multi-step{padding-inline:0 !important}dialog[open]:has(iam-multi-step) form{height:calc(100vh - 6rem);padding-inline:var(--dialog-padding) !important}dialog[open]:has(iam-multi-step) .btn--wrapper{padding-top:4rem}dialog[open]:has(iam-multi-step) .mh-lg{max-height:none !important;overflow:visible}dialog[open]:has(iam-multi-step):before,dialog[open]:has(iam-multi-step) *:first-child{margin-top:auto !important}dialog[open]:has(iam-multi-step) *:last-child{margin-bottom:auto !important}}}@layer elements{.container{display:block;margin-left:auto;margin-right:auto;container-type:inline-size;width:100%}.container:not([class*=col-]){grid-column:container !important;padding:var(--container-padding)}.container:not(:has(.row)):has([class*=col-]){display:grid;grid-template-columns:[content-start col-1-start] 1fr [col-1-end col-2-start] 1fr [col-2-end col-3-start] 1fr [col-3-end col-4-start] 1fr [col-4-end col-5-start] 1fr [col-5-end col-6-start] 1fr [col-6-end col-7-start] 1fr [col-7-end col-8-start] 1fr [col-8-end col-9-start] 1fr [col-9-end col-10-start] 1fr [col-10-end col-11-start] 1fr [col-11-end col-12-start] 1fr [col-12-end content-end] !important;column-gap:1rem}.container [class*=col-span-]:not([class*=-col-span-]):not(:first-child){--col-start: auto}@media screen and (min-width: 36em){.container [class*=sm-col-span-]:not(:first-child){--col-start: auto}}@media screen and (min-width: 62em){.container [class*=md-col-span-]:not(:first-child){--col-start: auto}}.container:not(.container-fluid){max-width:var(--container-max-width)}.container .container:not(.container-xs-breakout){padding-left:0;padding-right:0;padding-bottom:0;padding-top:0}.container[class*=bg-]{padding-top:3rem;padding-bottom:2rem}.container[class*=bg-]+.container:not([class*=bg-]){padding-top:2rem}.container:before{display:table;clear:both;content:""}.container:after{display:table;clear:both;content:""}.container.container-xs-breakout{margin-left:-1.25rem;margin-right:-1.25rem;width:calc(100% + 2.5rem)}@media screen and (min-width: 36em){.container.container-xs-breakout{margin-left:auto;margin-right:auto;width:100%}}:host .container{display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);width:100%}main>.row{padding-bottom:1rem}main>.row[class*=bg-]{padding-top:3rem;padding-bottom:2rem}main>.row[class*=bg-]+:is(.row,.container):not([class*=bg-]){padding-top:2rem}}@layer utilities{.text-heading{color:var(--colour-heading) !important}.text-primary{color:var(--colour-primary) !important}.bg-primary{--bg-colour: var(--colour-primary) !important;background-color:var(--colour-primary) !important}.hover-primary:is(:hover,:focus,:focus-within){--bg-colour: var(--colour-primary) !important;background-color:var(--colour-primary) !important}.colour-primary{--colour: var(--colour-primary) !important}.text-secondary{color:var(--colour-secondary) !important}.bg-secondary{--bg-colour: var(--colour-secondary) !important;background-color:var(--colour-secondary) !important}.hover-secondary:is(:hover,:focus,:focus-within){--bg-colour: var(--colour-secondary) !important;background-color:var(--colour-secondary) !important}.colour-secondary{--colour: var(--colour-secondary) !important}.text-info{color:var(--colour-info) !important}.bg-info{--bg-colour: var(--colour-info) !important;background-color:var(--colour-info) !important}.hover-info:is(:hover,:focus,:focus-within){--bg-colour: var(--colour-info) !important;background-color:var(--colour-info) !important}.colour-info{--colour: var(--colour-info) !important}.text-warning{color:var(--colour-warning) !important}.bg-warning{--bg-colour: var(--colour-warning) !important;background-color:var(--colour-warning) !important}.hover-warning:is(:hover,:focus,:focus-within){--bg-colour: var(--colour-warning) !important;background-color:var(--colour-warning) !important}.colour-warning{--colour: var(--colour-warning) !important}.text-success{color:var(--colour-success) !important}.bg-success{--bg-colour: var(--colour-success) !important;background-color:var(--colour-success) !important}.hover-success:is(:hover,:focus,:focus-within){--bg-colour: var(--colour-success) !important;background-color:var(--colour-success) !important}.colour-success{--colour: var(--colour-success) !important}.text-complete{color:var(--colour-complete) !important}.bg-complete{--bg-colour: var(--colour-complete) !important;background-color:var(--colour-complete) !important}.hover-complete:is(:hover,:focus,:focus-within){--bg-colour: var(--colour-complete) !important;background-color:var(--colour-complete) !important}.colour-complete{--colour: var(--colour-complete) !important}.text-danger{color:var(--colour-danger) !important}.bg-danger{--bg-colour: var(--colour-danger) !important;background-color:var(--colour-danger) !important}.hover-danger:is(:hover,:focus,:focus-within){--bg-colour: var(--colour-danger) !important;background-color:var(--colour-danger) !important}.colour-danger{--colour: var(--colour-danger) !important}.text-dark{color:var(--colour-dark) !important}.bg-dark{--bg-colour: var(--colour-dark) !important;background-color:var(--colour-dark) !important}.hover-dark:is(:hover,:focus,:focus-within){--bg-colour: var(--colour-dark) !important;background-color:var(--colour-dark) !important}.colour-dark{--colour: var(--colour-dark) !important}.text-light{color:var(--colour-light) !important}.bg-light{--bg-colour: var(--colour-light) !important;background-color:var(--colour-light) !important}.hover-light:is(:hover,:focus,:focus-within){--bg-colour: var(--colour-light) !important;background-color:var(--colour-light) !important}.colour-light{--colour: var(--colour-light) !important}.text-canvas{color:var(--colour-canvas) !important}.bg-canvas{--bg-colour: var(--colour-canvas) !important;background-color:var(--colour-canvas) !important}.hover-canvas:is(:hover,:focus,:focus-within){--bg-colour: var(--colour-canvas) !important;background-color:var(--colour-canvas) !important}.colour-canvas{--colour: var(--colour-canvas) !important}.text-white{color:var(--colour-white) !important}.bg-white{--bg-colour: var(--colour-white) !important;background-color:var(--colour-white) !important}.hover-white:is(:hover,:focus,:focus-within){--bg-colour: var(--colour-white) !important;background-color:var(--colour-white) !important}.colour-white{--colour: var(--colour-white) !important}.text-body{color:var(--colour-body)}}@layer utilities{.m-0{margin:var(--spacer-0) !important}.mx-0{margin-left:var(--spacer-0) !important;margin-right:var(--spacer-0) !important}.mx-minus-0{margin-left:-var(--spacer-0) !important;margin-right:-var(--spacer-0) !important}.my-minus-0{margin-top:-var(--spacer-0) !important;margin-bottom:-var(--spacer-0) !important}.my-0{margin-top:var(--spacer-0) !important;margin-bottom:var(--spacer-0) !important}.mt-0{margin-top:var(--spacer-0) !important}.me-0{margin-right:var(--spacer-0) !important}.mb-0{margin-bottom:var(--spacer-0) !important}.ms-0{margin-left:var(--spacer-0) !important}.m-1{margin:var(--spacer-1) !important}.mx-1{margin-left:var(--spacer-1) !important;margin-right:var(--spacer-1) !important}.mx-minus-1{margin-left:-var(--spacer-1) !important;margin-right:-var(--spacer-1) !important}.my-minus-1{margin-top:-var(--spacer-1) !important;margin-bottom:-var(--spacer-1) !important}.my-1{margin-top:var(--spacer-1) !important;margin-bottom:var(--spacer-1) !important}.mt-1{margin-top:var(--spacer-1) !important}.me-1{margin-right:var(--spacer-1) !important}.mb-1{margin-bottom:var(--spacer-1) !important}.ms-1{margin-left:var(--spacer-1) !important}.m-2{margin:var(--spacer-2) !important}.mx-2{margin-left:var(--spacer-2) !important;margin-right:var(--spacer-2) !important}.mx-minus-2{margin-left:-var(--spacer-2) !important;margin-right:-var(--spacer-2) !important}.my-minus-2{margin-top:-var(--spacer-2) !important;margin-bottom:-var(--spacer-2) !important}.my-2{margin-top:var(--spacer-2) !important;margin-bottom:var(--spacer-2) !important}.mt-2{margin-top:var(--spacer-2) !important}.me-2{margin-right:var(--spacer-2) !important}.mb-2{margin-bottom:var(--spacer-2) !important}.ms-2{margin-left:var(--spacer-2) !important}.m-3{margin:var(--spacer-3) !important}.mx-3{margin-left:var(--spacer-3) !important;margin-right:var(--spacer-3) !important}.mx-minus-3{margin-left:-var(--spacer-3) !important;margin-right:-var(--spacer-3) !important}.my-minus-3{margin-top:-var(--spacer-3) !important;margin-bottom:-var(--spacer-3) !important}.my-3{margin-top:var(--spacer-3) !important;margin-bottom:var(--spacer-3) !important}.mt-3{margin-top:var(--spacer-3) !important}.me-3{margin-right:var(--spacer-3) !important}.mb-3{margin-bottom:var(--spacer-3) !important}.ms-3{margin-left:var(--spacer-3) !important}.m-4{margin:var(--spacer-4) !important}.mx-4{margin-left:var(--spacer-4) !important;margin-right:var(--spacer-4) !important}.mx-minus-4{margin-left:-var(--spacer-4) !important;margin-right:-var(--spacer-4) !important}.my-minus-4{margin-top:-var(--spacer-4) !important;margin-bottom:-var(--spacer-4) !important}.my-4{margin-top:var(--spacer-4) !important;margin-bottom:var(--spacer-4) !important}.mt-4{margin-top:var(--spacer-4) !important}.me-4{margin-right:var(--spacer-4) !important}.mb-4{margin-bottom:var(--spacer-4) !important}.ms-4{margin-left:var(--spacer-4) !important}.m-5{margin:var(--spacer-5) !important}.mx-5{margin-left:var(--spacer-5) !important;margin-right:var(--spacer-5) !important}.mx-minus-5{margin-left:-var(--spacer-5) !important;margin-right:-var(--spacer-5) !important}.my-minus-5{margin-top:-var(--spacer-5) !important;margin-bottom:-var(--spacer-5) !important}.my-5{margin-top:var(--spacer-5) !important;margin-bottom:var(--spacer-5) !important}.mt-5{margin-top:var(--spacer-5) !important}.me-5{margin-right:var(--spacer-5) !important}.mb-5{margin-bottom:var(--spacer-5) !important}.ms-5{margin-left:var(--spacer-5) !important}.m-auto{margin:auto !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-auto{margin-top:auto !important}.me-auto{margin-right:auto !important}.mb-auto{margin-bottom:auto !important}.ms-auto{margin-left:auto !important}}@layer utilities{.p-0{padding:var(--spacer-0) !important}.px-0{padding-left:var(--spacer-0) !important;padding-right:var(--spacer-0) !important}.py-0{padding-top:var(--spacer-0) !important;padding-bottom:var(--spacer-0) !important}.pt-0{padding-top:var(--spacer-0) !important}.pe-0{padding-right:var(--spacer-0) !important}.pb-0{padding-bottom:var(--spacer-0) !important}.ps-0{padding-left:var(--spacer-0) !important}.p-1{padding:var(--spacer-1) !important}.px-1{padding-left:var(--spacer-1) !important;padding-right:var(--spacer-1) !important}.py-1{padding-top:var(--spacer-1) !important;padding-bottom:var(--spacer-1) !important}.pt-1{padding-top:var(--spacer-1) !important}.pe-1{padding-right:var(--spacer-1) !important}.pb-1{padding-bottom:var(--spacer-1) !important}.ps-1{padding-left:var(--spacer-1) !important}.p-2{padding:var(--spacer-2) !important}.px-2{padding-left:var(--spacer-2) !important;padding-right:var(--spacer-2) !important}.py-2{padding-top:var(--spacer-2) !important;padding-bottom:var(--spacer-2) !important}.pt-2{padding-top:var(--spacer-2) !important}.pe-2{padding-right:var(--spacer-2) !important}.pb-2{padding-bottom:var(--spacer-2) !important}.ps-2{padding-left:var(--spacer-2) !important}.p-3{padding:var(--spacer-3) !important}.px-3{padding-left:var(--spacer-3) !important;padding-right:var(--spacer-3) !important}.py-3{padding-top:var(--spacer-3) !important;padding-bottom:var(--spacer-3) !important}.pt-3{padding-top:var(--spacer-3) !important}.pe-3{padding-right:var(--spacer-3) !important}.pb-3{padding-bottom:var(--spacer-3) !important}.ps-3{padding-left:var(--spacer-3) !important}.p-4{padding:var(--spacer-4) !important}.px-4{padding-left:var(--spacer-4) !important;padding-right:var(--spacer-4) !important}.py-4{padding-top:var(--spacer-4) !important;padding-bottom:var(--spacer-4) !important}.pt-4{padding-top:var(--spacer-4) !important}.pe-4{padding-right:var(--spacer-4) !important}.pb-4{padding-bottom:var(--spacer-4) !important}.ps-4{padding-left:var(--spacer-4) !important}.p-5{padding:var(--spacer-5) !important}.px-5{padding-left:var(--spacer-5) !important;padding-right:var(--spacer-5) !important}.py-5{padding-top:var(--spacer-5) !important;padding-bottom:var(--spacer-5) !important}.pt-5{padding-top:var(--spacer-5) !important}.pe-5{padding-right:var(--spacer-5) !important}.pb-5{padding-bottom:var(--spacer-5) !important}.ps-5{padding-left:var(--spacer-5) !important}}@layer utilities{.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.mw-100{max-width:100% !important}.mw-fit-content{max-width:fit-content !important}.mw-input{max-width:fit-content !important}.mw-content{max-width:var(--content-max-width) !important}.vw-100{width:100vw !important}.min-vw-100{min-width:100vw !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mh-100{max-height:100% !important}.vh-100{height:100vh !important}.min-vh-100{min-height:100vh !important}.min-100{min-width:100% !important}.min-fit-content{min-width:fit-content !important}.object-cover{object-fit:cover !important}.object-contain{object-fit:contain !important}}@layer utilities{.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}@media screen and (min-width: 36em){.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}}@media screen and (min-width: 62em){.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}}}*,*::before,*::after{box-sizing:border-box}:host{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important}.btn-menu{padding:0;margin:0 0 0 2rem;text-align:center;height:3rem;padding-block:.75rem;line-height:1.5rem;overflow:hidden;position:relative;background:none;border:none;width:1.5rem;text-indent:-1000%;color:var(--menu-btn-colour)}.btn-menu i{font-size:1.5rem;line-height:1.5rem;position:absolute;text-indent:0px;width:1.5rem;text-align:center;top:.75rem;right:0;margin:0 !important;transition:none !important}.btn-menu i+i{display:none}.btn-menu[aria-expanded] i{display:none}.btn-menu[aria-expanded] i+i{display:inline}@media screen and (max-width: 62em){.btn-menu>.btn{display:contents;display:contents;color:inherit !important;padding:0 !important;margin:0;font-weight:normal !important;line-height:inherit;font-size:inherit;transition:none !important}}@media screen and (min-width: 36em){.btn-menu{margin:0 0 0 3rem;width:auto;padding-right:1.875rem;text-indent:0}.btn-menu[aria-expanded]{text-indent:-1000%}}@media screen and (min-width: 62em){.btn-menu{width:fit-content;height:auto;margin:0 0 0 3rem;padding:0 !important;text-indent:0;padding-right:0 !important}.btn-menu[aria-expanded]{text-indent:0}.btn-menu .btn{margin:0 !important;display:flex}.btn-menu .btn span{order:2}.btn-menu .btn i[class*=fa-]{position:relative;position:static;vertical-align:bottom;display:inline-block;font-size:1.2rem;margin-right:1rem !important}.btn-menu .btn i[class*=fa-]+i[class*=fa-]{display:none}}:host(.bg-primary) .btn:is(:hover,:focus){color:var(--colour-inverted)}@media screen and (max-width: 62em){:host>.container{display:contents}.menu__outer{position:absolute;top:6rem;left:0;width:100%;height:calc(100vh - 6rem);overflow:hidden;pointer-events:none;transition:background .5s}.menu__outer:has(.menu.open){background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-track{border:0 !important}.menu::-webkit-scrollbar-thumb{border:0 !important}.menu{overscroll-behavior:contain;width:23.4375rem;background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}.menu>*{flex-shrink:0;color-scheme:light}.menu{background-color:var(--colour-canvas-2)}}@media screen and (max-width: 62em)and (forced-colors: active){.menu{outline:1px solid #fff}}@media screen and (max-width: 62em){.menu:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;border-top:2px solid var(--colour-border);z-index:1}.menu.open{left:calc(100% - 23.4375rem);-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}.menu__secondary{display:none}.has-secondary .menu__secondary{display:block;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:3rem !important;flex-grow:1;position:relative}.has-secondary .menu__secondary .container{display:contents}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)){display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)):after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}*:is(.has-search,.has-actions) .menu__primary{display:block;padding-bottom:3rem}.menu:not(.has-secondary) .menu__primary{display:block;padding-bottom:3rem}::slotted(.btn:not(.btn-compact):not(.btn-primary)){display:block !important;margin:0 0 1.5rem 0 !important;width:100% !important;max-width:100% !important;text-align:center !important;flex-shrink:0}.has-actions slot[name=actions]{display:block;padding-bottom:1.5rem}slot[name=actions]::slotted(.btn){margin-top:0 !important}}@media screen and (max-width: 62em){.dialog__wrapper{width:100%;margin:0 0 3rem 0 !important;flex-shrink:0}.dialog__wrapper>.btn{margin:0 !important}.dialog__wrapper>.btn{display:none}.dialog__wrapper dialog{display:contents}}@media screen and (max-width: 62em)and (min-width: 36em){.menu{padding-right:2.5rem !important}.has-secondary .menu__secondary{margin-right:-2.5rem !important;padding-right:2.5rem !important}.has-secondary .menu__secondary:before{width:calc(100% - 4rem) !important}::slotted(.btn){width:auto !important}}@media screen and (min-width: 62em){:host{padding-block:0 !important}:host>.container{padding-block:1.5rem;padding-inline:0 !important;max-width:100%;display:flex;flex-wrap:nowrap;align-items:center}:host>.container:has(.has-secondary){padding-top:4rem !important}:host>.container>*{margin-bottom:0 !important}.btn-menu{display:none}.buttons-holder{display:contents}.buttons-holder .btn-menu{display:inline-block;order:2}.menu,.menu__outer,.menu__primary{display:contents}.menu__secondary{display:none}.has-secondary .menu__secondary{background-color:var(--colour-canvas-2);display:block;position:absolute;top:0;left:50%;width:100svw;translate:-50svw 0}.has-secondary .menu__secondary .container{margin-left:auto;margin-right:auto;padding:var(--container-padding) !important;padding-top:.5rem !important;padding-bottom:.5rem !important;text-align:right}::slotted(a[slot=secondary]){font-size:.875rem !important}::slotted(a[slot=secondary]):after{top:calc(100% - .25em) !important}::slotted(a:not([slot=logo])),::slotted(.btn){margin-bottom:0 !important;margin-right:0 !important}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)){font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo]):not(.btn-compact):not(.btn-primary)):after{display:none}::slotted(a:not([slot=logo]):not([slot=dual])){margin-left:2rem !important}::slotted(.btn-primary){margin-left:3rem !important}.has-actions slot[name=actions]{display:block;padding-left:3rem}slot[name=actions]::slotted(.btn){margin-left:.75rem !important}:host([data-search]) slot[name=actions]{padding-left:0 !important}#search-wrapper{margin-left:1.5rem !important;position:static}#search-close,#search-button{margin:0}#search-dialog[open]{position:absolute;top:auto;bottom:0;left:0;width:100%;padding-block:1.5rem;padding-inline:0;background-color:rgba(0,0,0,0);text-align:right;border-radius:0;box-shadow:none}#search-dialog[open] .container{padding:var(--container-padding);padding-bottom:0}:host(.search-open){background:#e6eaec !important}@container style(--theme: dark){:host(.search-open){background:var(--colour-canvas-2) !important}}:host(.search-open) .buttons-holder,:host(.search-open) #search-button{display:none}:host(.search-open.bg-primary){background:var(--colour-primary) !important}:host(.search-open.bg-primary) .suffix,:host(.search-open.bg-primary) #search{border:2px solid #b3c1c5;color:#fff}:host(.search-open.bg-primary) #search{border-right:0}.backdrop{content:"";display:block;position:absolute;top:100%;left:0;height:calc(100vh - var(--nav-height));width:100%;z-index:-1;pointer-events:none;transition:background .5s}.backdrop.show{pointer-events:all;background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}:host(.open-secondary) .backdrop{z-index:1;top:0}:host(.open-secondary) .has-secondary .menu__secondary{z-index:2}}::slotted(.nav--menu){pointer-events:all;overscroll-behavior:contain;width:23.4375rem;background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}::slotted(.nav--menu)>*{flex-shrink:0}@media(forced-colors: active){::slotted(.nav--menu){outline:1px solid #fff}}::slotted(.nav--menu):before{display:block;width:calc(100% + 3rem);border-top:2px solid var(--colour-border);z-index:1;padding:1.5rem 1.5rem;margin:0 -1.5rem;font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);color:var(--colour-heading);clear:both;font-size:var(--h3-fs);line-height:var(--heading-lh);max-width:var(--content-max-width)}@media screen and (min-width: 36em){::slotted(.nav--menu):before{margin-right:-2.5rem;padding-right:2.5rem;width:calc(100% + 4rem)}}@media screen and (min-width: 36em){::slotted(.nav--menu){padding-right:2.5rem !important}}@media screen and (min-width: 62em){::slotted(.nav--menu){height:calc(100vh - var(--nav-height));top:calc(var(--nav-height) + 4px)}}slot[name=menus]{position:absolute;top:0;right:0;display:block;height:100vh;overflow:hidden;pointer-events:none;width:23.4375rem}::slotted(.nav--menu[data-open-title]):before{content:attr(data-open-title)}::slotted(.nav--menu.open){width:calc(23.4375rem - var(--modifier, 0px));left:calc(100% - (23.4375rem - var(--modifier, 0px)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}@media screen and (max-width: 62em){:host(.open) .menu__outer{background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}@media screen and (min-width: 62em){:host(.nav--md-compressed) .buttons-holder button{margin-left:1.5rem !important}:host(.nav--md-compressed) .btn-menu .btn i[class*=fa-]{margin-right:.5rem !important;margin-left:-0.5rem !important}:host(.nav--md-compressed) .btn-menu .btn{--btn-padding-inline: 2.5rem}:host(.nav--md-compressed) ::slotted(a:not([slot=logo]):not([slot=secondary])){margin-left:1.5rem !important}}@media screen and (min-width: 62em){:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn{padding:.5rem !important}:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn i{margin-right:0 !important}:host(.nav--btn-compact:not(.nav--large)) .btn-menu .btn span{display:none}}@media screen and (min-width: 62em)and (max-width: 90em){:host(.nav--btn-compact.nav--large) .btn-menu .btn{padding:.5rem !important}:host(.nav--btn-compact.nav--large) .btn-menu .btn i{margin-right:0 !important}:host(.nav--btn-compact.nav--large) .btn-menu .btn span{display:none}}@media screen and (max-width: 62em){:host(.nav--dual-buttons) slot[name=dual]{padding-block:1.5rem;display:block}}@media screen and (min-width: 62em){:host(.nav--dual-buttons) slot[name=dual]{display:flex;margin-left:auto;flex-direction:row-reverse}}/*# sourceMappingURL=assets/css/components/nav.component.css.map */
+
+    </style>
+    <style class="doc-styles">
+    </style>
+    <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous">
+    <div class="container">
+      <slot name="logo"></slot>
+      <div class="buttons-holder"></div>
+      <button class="btn-menu" part="btn-menu">Menu<i class="fa-regular fa-bars"></i><i class="fa-regular fa-xmark-large"></i></button>
+
+      <div class="menu__outer">
+        <div class="menu closed">
+            
+          <div class="menu__primary">
+            <slot></slot>
+            <slot name="dual"></slot>
+          </div>
+          <div class="dialog__wrapper d-none" id="search-wrapper"></div>
+          <slot name="actions"></slot>
+          <div class="menu__secondary bg-light">
+            <div class="container">
+            <slot name="secondary"></slot>
+            </div>
+          </div>
+        </div>
+        <slot name="menus"></slot>
+      </div>      
+    </div>
+    <div class="backdrop" part="backdrop"></div>
+    `,e.appendChild(i.content.cloneNode(!0)),document.getElementById("navGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="navGlobal">:is(iam-nav,.iam-nav)>:not([slot=logo],[slot=secondary]){color-scheme:light}:is(iam-nav,.iam-nav)>[slot=secondary]{color-scheme:light}:is(iam-nav,.iam-nav)>.nav--menu{--colour-heading: var(--colour-primary-theme);color-scheme:light}:is(iam-nav,.iam-nav):is(.bg-primary,.bg-danger,.bg-dark)>:not([slot=logo],[slot=secondary]){color-scheme:light}.dark-theme :is(iam-nav,.iam-nav)>:not([slot=logo],[slot=secondary]){color-scheme:dark}.dark-theme :is(iam-nav,.iam-nav)>.nav--menu{--colour-heading: var(--colour-white);color-scheme:dark}.dark-theme :is(iam-nav,.iam-nav):is(.bg-primary,.bg-danger,.bg-dark){--menu-btn-colour: var(--colour-white)}@media(prefers-color-scheme: dark){html:not(.light-theme) :is(iam-nav,.iam-nav):is(.bg-primary,.bg-danger,.bg-dark){--menu-btn-colour: var(--colour-heading)}}@media screen and (min-width: 62em){:is(iam-nav,.iam-nav):is(.bg-primary,.bg-danger,.bg-dark)>:not([slot=logo],[slot=secondary],[slot=menus]){color-scheme:dark}:is(iam-nav,.iam-nav):is(.bg-primary,.bg-danger,.bg-dark)>details>div{color-scheme:light}.dark-theme :is(iam-nav,.iam-nav):is(.bg-primary,.bg-danger,.bg-dark)>:not([slot=logo],[slot=secondary],[slot=menus]){color-scheme:light}.dark-theme :is(iam-nav,.iam-nav):is(.bg-primary,.bg-danger,.bg-dark)>details>div{color-scheme:dark}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){html:not(.light-theme) :is(iam-nav,.iam-nav):is(.bg-primary,.bg-danger,.bg-dark)>:not([slot=logo],[slot=secondary],[slot=menus]){color-scheme:light}html:not(.light-theme) :is(iam-nav,.iam-nav):is(.bg-primary,.bg-danger,.bg-dark)>details>div{color-scheme:dark}}body:has(:is(iam-nav,.iam-nav).open:not(.nav--sticky,.demo-open):not(.nav--xs-sticky)){max-height:100vh;overflow:hidden}body{--nav-height: 6rem;--sticky-padding: 0px}body:has(:is(iam-nav,.iam-nav) a[slot=secondary]){--nav-height: 8.5rem}body:has(:is(iam-nav,.iam-nav).nav--sticky){--sticky-padding: var(--nav-height)}nav:has(:is(iam-nav,.iam-nav)){min-height:6rem;display:block;position:relative}nav:has(:is(iam-nav,.iam-nav)) :is(iam-nav,.iam-nav){position:absolute;top:0;left:0;width:100%;z-index:var(--index-menu)}@media screen and (min-width: 62em){nav:has(:is(iam-nav,.iam-nav) [slot=secondary]){min-height:8.5rem}}nav:has(:is(iam-nav,.iam-nav).nav--sticky){position:sticky;top:0;left:0;right:0;z-index:9999}nav:has(:is(iam-nav,.iam-nav).nav--sticky) :is(iam-nav,.iam-nav){position:fixed;outline:2px solid #eee;transition:margin 1s}@media screen and (max-width: 36em){body:has(:is(iam-nav,.iam-nav).open:not(.nav--xs-sticky,.demo-open)){max-height:100vh;overflow:hidden;margin-top:0rem}nav:has(:is(iam-nav,.iam-nav).nav--xs-sticky){position:sticky;top:0;left:0;right:0;z-index:9999;transition:margin 1s}nav:has(:is(iam-nav,.iam-nav).nav--xs-sticky) :is(iam-nav,.iam-nav){position:fixed}body[data-direction=down].past100 nav:has(.nav--xs-sticky){margin-top:-8rem}}@media screen and (min-width: 36em){body:has(:is(iam-nav,.iam-nav).open:not(.nav--sticky)){max-height:100vh;overflow:hidden}}body[data-direction=down].past100 nav:has(.nav--sticky) .nav--sticky{margin-top:-8rem}:is(iam-nav,.iam-nav){--nav-height: 6rem}:is(iam-nav,.iam-nav):has([slot=secondary]){--nav-height: 8.5rem}:is(iam-nav,.iam-nav){overscroll-behavior:contain !important;background-color:var(--colour-canvas);display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);padding-top:1.5rem;padding-bottom:1.5rem;width:100%}:is(iam-nav,.iam-nav) .brand{font-size:3rem;height:3rem;padding:0;text-decoration:none;min-width:min(var(--svg-width),14rem);margin-right:auto}:is(iam-nav,.iam-nav) .brand img{height:100%;width:auto}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)){text-decoration:none}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)) .badge{position:absolute;right:0;top:50%;margin-top:-0.8rem}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)).active,:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,:is(iam-nav,.iam-nav) a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info) !important}@container style(--body-theme: dark){:is(iam-nav,.iam-nav).bg-primary [slot=secondary]{--colour-link: white}}:is(iam-nav,.iam-nav) details{padding-bottom:0}:is(iam-nav,.iam-nav) details>summary{text-decoration:none}:is(iam-nav,.iam-nav) details>summary:where(:hover,:focus,.selected){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav) details>summary:active{text-decoration-color:#a2d393 !important}:is(iam-nav,.iam-nav) details[open]>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-success)}:is(iam-nav,.iam-nav) details:has([aria-current=page]:not([data-duplicate]))>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-info)}@container style(--mobDetails){:is(iam-nav,.iam-nav) details{margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative}:is(iam-nav,.iam-nav) details summary{background-color:var(--colour-canvas-2);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}:is(iam-nav,.iam-nav) details summary:after{content:"\uF055";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:var(--fa-family-classic);line-height:1em}:is(iam-nav,.iam-nav) details[open]>summary:after{content:"\uF056";font-weight:bold}:is(iam-nav,.iam-nav) details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}:is(iam-nav,.iam-nav) details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}:is(iam-nav,.iam-nav) details a:has(iam-card){display:none !important}:is(iam-nav,.iam-nav) details>div .lead{padding:1rem 0 0 3rem !important}:is(iam-nav,.iam-nav) details>div a:last-child{margin-bottom:0 !important}:is(iam-nav,.iam-nav) details>div a:last-child:after{display:none}:is(iam-nav,.iam-nav) details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}:is(iam-nav,.iam-nav) details[slot=secondary]{background-color:rgba(0,0,0,0)}:is(iam-nav,.iam-nav) details[slot=secondary] summary{background-color:rgba(0,0,0,0)}}@media screen and (max-width: 62em){:is(iam-nav,.iam-nav) details{background-color:#eee}:is(iam-nav,.iam-nav){--mobDetails: 'true'}:is(iam-nav,.iam-nav) details details:after{display:none}:is(iam-nav,.iam-nav) details details summary{padding:0 1.5rem 1.5rem 3.5rem;position:relative}:is(iam-nav,.iam-nav) details details summary:after{left:1.5rem;font-size:1rem;top:.1875rem;transform:none;font-weight:400}:is(iam-nav,.iam-nav) details details>div{color-scheme:light}:is(iam-nav,.iam-nav) details a+details>summary{padding-top:1.5rem}:is(iam-nav,.iam-nav) details a+details>summary:after{margin-top:1.5rem}:is(iam-nav,.iam-nav) details details[open]+details:before{content:"";display:block;background:var(--colour-canvas-2);padding-top:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}}@container style(--tabletDetails){:is(iam-nav,.iam-nav) details{padding-right:2.5rem;margin-right:-2.5rem}:is(iam-nav,.iam-nav) details:after{width:calc(100% - 4rem)}:is(iam-nav,.iam-nav) details summary{padding-right:2.5rem;margin-right:-2.5rem}:is(iam-nav,.iam-nav) details summary:after{right:2.5rem}}@media screen and (max-width: 62em)and (min-width: 36em){:is(iam-nav,.iam-nav){--tabletDetails: 'true'}:is(iam-nav,.iam-nav) details details[open]+details:before{padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 62em){:is(iam-nav,.iam-nav) .nav--menu{--mobDetails: 'true';--tabletDetails: 'true'}}@media screen and (min-width: 62em){:is(iam-nav,.iam-nav)>details:not([slot=secondary]),:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]){width:auto}:is(iam-nav,.iam-nav)>details:not([slot=secondary])>summary,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])>summary{display:block;border:none;color:var(--colour-link);margin:0;font-size:1rem;line-height:6rem;min-height:6rem;margin-block:-1.5rem;position:relative;font-weight:normal;white-space:nowrap;padding-right:1.5rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary])>summary:after,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])>summary:after{content:"\uF078";display:block;font-size:1rem;font-weight:300;position:absolute;top:50%;transform:translate(0, -50%);right:0;font-family:var(--fa-family-classic);line-height:1em}:is(iam-nav,.iam-nav)>details:not([slot=secondary]):not(:first-child)>summary,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]):not(:first-child)>summary{margin-left:1.5rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary]) div,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]) div{display:none}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div{position:absolute;display:block;top:100%;left:0;width:100%;padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;box-shadow:0px 6px 12px rgba(0,0,0,.11)}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div .lead,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div .lead{padding:1rem 0 0 0 !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(details),:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(details){background:var(--colour-canvas-2)}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(details)>a,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(details)>a{display:inline-block !important;margin-right:2rem !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(details)>a:first-child,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(details)>a:first-child{margin-right:0}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(details)>a:after,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(details)>a:after{display:none !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(details) a:has(iam-card),:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(details) a:has(iam-card){display:none}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(details) details,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(details) details{display:inline-block}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(details) details summary,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(details) details summary{display:inline-block;margin-left:0 !important;margin-right:2rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(details) details:first-child summary,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(details) details:first-child summary{margin-left:0}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:not(:has(details)),:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:not(:has(details)){background:var(--colour-canvas);padding-top:8rem;padding-bottom:4rem;columns:3;column-gap:6.875rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:not(:has(details))>a,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:not(:has(details))>a{margin-right:0 !important;display:block;max-height:6rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:not(:has(details))>a.double-height,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:not(:has(details))>a.double-height{min-height:6rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:not(:has(details)) a:has(iam-card),:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:not(:has(details)) a:has(iam-card){display:inline-block}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:not(:has(details)):before,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:not(:has(details)):before{content:attr(data-title);display:block;position:absolute;top:0;left:0;width:100%;color:var(--colour-white);padding-inline:max(var(--padding-inline),(100% - var(--container-max-width))/2 + var(--padding-inline)) !important;font-size:2rem;font-weight:bold;line-height:5.5rem;--gradient-direction: 90deg;background-color:var(--colour-info-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-primary-theme) 0, transparent 100%) !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:not(:has(details)):has(iam-card),:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:not(:has(details)):has(iam-card){column-gap:1rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)),:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)){margin-right:5.875rem !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after{display:none}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card),:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card){break-before:column}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(span.section),:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(span.section){display:flex}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(span.section)>span.section,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(span.section)>span.section{display:block;flex-grow:1}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(span.section)>span.section .lead,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(span.section)>span.section .lead{column-span:all}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(span.section)>span.section.double,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(span.section)>span.section.double{display:block;width:calc(66.66% - 6.875rem);columns:2;column-gap:6.875rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(span.section)>span.section.double .lead,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(span.section)>span.section.double .lead{column-span:all}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(span.section)>span.section:first-child:last-child,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(span.section)>span.section:first-child:last-child{display:block;width:calc(66.66% - 6.875rem);columns:3;column-gap:6.875rem}:is(iam-nav,.iam-nav)>details:not([slot=secondary])[open]>div:has(span.section)>span.section:first-child:last-child .lead,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary])[open]>div:has(span.section)>span.section:first-child:last-child .lead{column-span:all}:is(iam-nav,.iam-nav)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card)),:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card)){font-size:1rem;line-height:1.5rem;padding-block:1.5rem;position:relative;font-weight:normal;display:block;margin:0}:is(iam-nav,.iam-nav)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]),:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):active,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,:is(iam-nav,.iam-nav)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page],:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card)).selected,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card))[aria-current=page]{text-decoration-color:var(--colour-info)}:is(iam-nav,.iam-nav)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):after,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]) a:not([slot=logo]):not(.btn):not(:has(iam-card)):after{content:"";display:block;height:2px;width:100% !important;top:calc(100% - 2px);background-color:var(--colour-border) !important}:is(iam-nav,.iam-nav)>details:not([slot=secondary]) details>summary,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]) details>summary{padding-right:0;background:rgba(0,0,0,0)}:is(iam-nav,.iam-nav)>details:not([slot=secondary]) details>summary:after,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]) details>summary:after{display:none}:is(iam-nav,.iam-nav)>details:not([slot=secondary]) details:not(:first-child)>summary,:is(iam-nav,.iam-nav) *:not(.nav--menu)>details:not([slot=secondary]) details:not(:first-child)>summary{margin-left:2rem}nav:has(:is(iam-nav,.iam-nav).open){min-height:100vh !important;max-height:100vh;overflow:auto;margin-bottom:calc((100vh - var(--nav-height))*-1)}html:has(:is(iam-nav,.iam-nav).open:not(.demo-open)){overflow:hidden}:is(iam-nav,.iam-nav)>details[slot=secondary]{display:inline-block;position:relative;width:auto}:is(iam-nav,.iam-nav)>details[slot=secondary] summary{display:inline-block;margin-left:1.5rem;margin-bottom:0 !important}:is(iam-nav,.iam-nav)>details[slot=secondary] summary:after{display:none}:is(iam-nav,.iam-nav)>details[slot=secondary] div{text-align:left}:is(iam-nav,.iam-nav)>details[slot=secondary] div a{white-space:nowrap;text-decoration:none;font-size:1rem !important;line-height:1.5rem !important;margin:0;padding:var(--option-padding) !important}:is(iam-nav,.iam-nav)>details[slot=secondary] div .lead{--colour-heading: var(--colour-body);font-size:.87rem !important;line-height:1.5rem !important;margin:0;padding:var(--option-padding) !important}:is(iam-nav,.iam-nav)>details[slot=secondary] div a:after{width:0}:is(iam-nav,.iam-nav)>details[slot=secondary] div .section+.section{border-top:1px solid var(--colour-border);display:block;padding-top:.5rem;margin-top:.5rem}:is(iam-nav,.iam-nav)>details[slot=secondary]::details-content{display:none}:is(iam-nav,.iam-nav)>details[slot=secondary][open]::details-content{display:block;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dropdown-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow);position:absolute;top:calc(100% + .5rem);left:1.5rem}}@media screen and (min-width: 80em){:is(iam-nav,.iam-nav).nav--large *:not(.nav--menu)>details[open]>div:not(:has(details)){columns:4;column-gap:6.875rem}}@media screen and (min-width: 62em){:is(iam-nav,.iam-nav).search-open>*:not([slot=logo]):not([slot=secondary]):not([slot=search]){display:none !important}}@media screen and (min-width: 62em){:is(iam-nav,.iam-nav):has([slot=dual]) .brand:has(~[slot=dual]){margin-right:1.5rem !important}:is(iam-nav,.iam-nav):has([slot=dual]) *:not([slot=dual]):has(+[slot=dual])+[slot=dual]{margin-left:auto !important}:is(iam-nav,.iam-nav):has([slot=dual]) .btn[slot=dual]{margin-left:0}:is(iam-nav,.iam-nav):has([slot=dual])::part(btn-menu){margin-left:1rem !important}}:is(iam-nav,.iam-nav)>.dialog__wrapper .dialog--list a{font-size:1rem}@media screen and (max-width: 62em){:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs){width:100%}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .btn-compact{display:none !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list{display:contents !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a{font-size:1rem}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a,:is(iam-nav,.iam-nav) .btn-compact{--compact-size: 2rem;all:unset;display:block !important;font-size:.875rem !important;line-height:2rem !important;height:2rem !important;min-height:2rem !important;max-height:2rem !important;width:100% !important;margin:0 !important;cursor:pointer;color:var(--colour-link);font-weight:normal !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a:where(:hover,:focus,.selected,[aria-current=page]),:is(iam-nav,.iam-nav) .btn-compact:where(:hover,:focus,.selected,[aria-current=page]){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a:before,:is(iam-nav,.iam-nav) .btn-compact:before{display:inline-block;width:auto;position:static;margin-right:.5rem;font-size:.875rem !important;text-decoration:none !important}:is(iam-nav,.iam-nav)>.dialog__wrapper:not(.dialog--xs) .dialog--list a:after,:is(iam-nav,.iam-nav) .btn-compact:after{display:none}}:is(iam-nav,.iam-nav) .nav--menu{outline:none !important}:is(iam-nav,.iam-nav) .nav--menu::-webkit-scrollbar{width:6px}:is(iam-nav,.iam-nav) .nav--menu::-webkit-scrollbar-track{border:0 !important}:is(iam-nav,.iam-nav) .nav--menu::-webkit-scrollbar-thumb{border:0 !important}:is(iam-nav,.iam-nav) .nav--menu hr{width:100% !important;border-top:2px solid var(--colour-border) !important}:is(iam-nav,.iam-nav) .nav--menu a{display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 !important}:is(iam-nav,.iam-nav) .nav--menu a:not(.mb-0):not(:has(+a)){margin:0 0 2.25rem 0 !important}:is(iam-nav,.iam-nav) .nav--menu a{flex-shrink:0;font-size:1rem !important;font-weight:normal !important}:is(iam-nav,.iam-nav) .nav--menu a:has(+a){margin-bottom:0 !important}:is(iam-nav,.iam-nav) .nav--menu a:after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}:is(iam-nav,.iam-nav) .nav--menu>button{min-width:100%;text-align:center}:is(iam-nav,.iam-nav) .nav--menu.closed *{display:none !important}/*# sourceMappingURL=assets/css/components/nav.global.css.map */
+</style>`)}connectedCallback(){this.hasAttribute("data-css")&&this.shadowRoot.querySelector(".doc-styles").insertAdjacentHTML("beforeend",`@import "${this.getAttribute("data-css")}";`);const e=this.shadowRoot.querySelector(".btn-menu"),i=this.shadowRoot.querySelector(".menu"),a=this,r=this.shadowRoot.querySelector(".backdrop"),d=this.shadowRoot.querySelector(".buttons-holder");if(this.querySelectorAll(":scope > *").forEach(function(t){switch(t.tagName){case"BUTTON":t.hasAttribute("slot")||(t.setAttribute("slot","actions"),i.classList.add("has-actions"));break}if(t.classList.contains("nav--menu")&&t.hasAttribute("data-title")&&t.hasAttribute("data-icon")){const s=t.getAttribute("data-title"),m=t.getAttribute("data-icon"),n=document.createElement("button");n.setAttribute("slot",s),n.classList.add("btn-menu"),n.setAttribute("part","btn-menu"),n.innerHTML=`<span class="btn btn-primary"><span>${s}</span><i class="${m}"></i><i class="fa-regular fa-xmark-large"></i></span>`,d.insertAdjacentElement("beforeend",n);const c=n.querySelector(".btn-primary");t.setAttribute("slot","menus"),t.classList.contains("open")?(n.setAttribute("aria-expanded",!0),c.classList.toggle("active"),a.classList.add("open"),r.classList.add("show")):t.classList.add("closed"),n.addEventListener("click",function(b){b.preventDefault(),n.toggleAttribute("aria-expanded"),t.classList.toggle("open"),c.classList.toggle("active");const u=a.querySelector(":scope > details[open]");u&&u.removeAttribute("open"),t.classList.contains("open")?(i.classList.remove("open"),e.removeAttribute("aria-expanded"),setTimeout(function(){i.classList.add("closed")},1e3),a.classList.add("open"),r.classList.add("show"),t.classList.remove("closed")):(a.classList.remove("open"),r.classList.remove("show"),setTimeout(function(){t.classList.add("closed")},1e3)),a.querySelectorAll(".nav--menu.open").forEach(function(p){p!=t&&p.classList.remove("open")}),a.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(p){p!=n&&(p.removeAttribute("aria-expanded"),p.querySelector(".btn-primary").classList.remove("active"))})},!1)}}),this.querySelectorAll("details").forEach(function(t){t.classList.add("details--revert")}),this.querySelector('[slot="secondary"]')&&i.classList.add("has-secondary"),e.addEventListener("click",function(t){t.preventDefault(),e.toggleAttribute("aria-expanded"),i.classList.toggle("open"),a.querySelectorAll(".nav--menu.open").forEach(function(o){o.classList.remove("open"),setTimeout(function(){o.classList.add("closed")},1e3)}),a.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(o){o.removeAttribute("aria-expanded"),o.querySelector(".btn-primary").classList.remove("active")}),i.classList.contains("open")?(a.classList.add("open"),i.classList.remove("closed")):(a.classList.remove("open"),setTimeout(function(){i.classList.add("closed")},1e3))},!1),this.addEventListener("request-close",()=>{e.removeAttribute("aria-expanded"),i.classList.remove("open"),a.classList.remove("open")}),r.addEventListener("click",()=>{const t=this.querySelector("details[open] summary");t&&t.click(),a.classList.toggle("open"),a.querySelectorAll(".nav--menu.open").forEach(function(o){o.classList.remove("open")}),a.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(o){o.removeAttribute("aria-expanded"),o.querySelector(".btn-primary").classList.remove("active")}),r.classList.remove("show")}),this.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("summary")&&window.innerWidth>992&&!t.target.closest(".nav--menu")){const s=t.target.closest("summary").closest("details"),m=s.parentNode;s.hasAttribute("open")?s.removeAttribute("open"):s.setAttribute("open","true"),a.querySelectorAll(".nav--menu.open").forEach(function(n){n.classList.remove("open"),setTimeout(function(){i.classList.add("closed")},1e3)}),a.shadowRoot.querySelectorAll(".buttons-holder .btn-menu[aria-expanded]").forEach(function(n){n.removeAttribute("aria-expanded"),n.querySelector(".btn-primary").classList.remove("active")}),Array.from(m.querySelectorAll(":scope > details")).forEach(n=>{n!=s&&n.removeAttribute("open")}),this.querySelectorAll(":scope > details[open]").length?(r.classList.add("show"),a.classList.add("open"),this.querySelectorAll(':scope > details[open][slot="secondary"]').length&&a.classList.add("open-secondary")):(r.classList.remove("show"),a.classList.remove("open"),a.classList.remove("open-secondary")),t.preventDefault()}}),this.querySelectorAll("details").forEach(t=>{const o=t.querySelector("summary");t.querySelector(":Scope > div").setAttribute("data-title",o.textContent)}),this.querySelector('[slot="search"]')){i.classList.add("has-search");const t=this.shadowRoot.querySelector("#search-wrapper");t.classList.remove("d-none"),t.insertAdjacentHTML("afterbegin",`<button class="btn btn-secondary btn-compact fa-search me-0 mb-0" id="search-button" aria-controls="search-dialog">Open Search field</button>
+      <dialog id="search-dialog">
+      <div class="container">
+        <div class="row">
+          <div class="col mb-0 ms-auto col-md-7">
+            <slot name="search"></slot>
+          </div>
+          <div class="col d-none d-md-block mw-fit-content ms-3">
+            <button class="btn btn-compact btn-secondary fa-xmark-large m-0 mb-0" type="button" id="search-close">Close search field</button>
+          </div>
+        </div>
+      </div>
+      </dialog>`);const o=this.shadowRoot.querySelector("#search-button"),s=this.shadowRoot.querySelector("#search-close"),m=this.shadowRoot.querySelector("#search-dialog");this.hasAttribute("data-search-open")&&(m.setAttribute("open","open"),this.classList.add("search-open"),o.setAttribute("aria-expanded",!0)),o.addEventListener("click",()=>{m.setAttribute("open","open"),this.classList.add("search-open"),o.setAttribute("aria-expanded",!0)}),s.addEventListener("click",()=>{m.removeAttribute("open"),this.classList.remove("search-open"),o.removeAttribute("aria-expanded")})}if(this.classList.contains("nav--sticky")){let t=window.scrollY;window.onscroll=function(o){t<window.scrollY?document.body.setAttribute("data-direction","down"):document.body.setAttribute("data-direction","up"),window.scrollY>100?document.body.classList.add("past100"):document.body.classList.remove("past100"),t=window.scrollY}}}}var v=function(l,e,i,a){function r(d){return d instanceof i?d:new i(function(t){t(d)})}return new(i||(i=Promise))(function(d,t){function o(n){try{m(a.next(n))}catch(c){t(c)}}function s(n){try{m(a.throw(n))}catch(c){t(c)}}function m(n){n.done?d(n.value):r(n.value).then(o,s)}m((a=a.apply(l,e||[])).next())})};class k extends HTMLElement{constructor(){super(),this.loadNavData=()=>v(this,void 0,void 0,function*(){const e="/nav.json";window.controller||(window.controller=[]),window.controller[e]&&window.controller[e].abort(),window.controller[e]=new AbortController;const{signal:i}=window.controller[e];try{return yield fetch(e,{signal:i,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":y.get("XSRF-TOKEN")})}).then(a=>a.json()).then(a=>{let r="";return a.data?a.data:a})}catch(a){return a?.name==="AbortError"?!0:(console.log(a),"There has been a problem. Please try again in a few moments.")}}),this.defaultToSecondary=()=>{Array.from(this.querySelectorAll(":scope > a, :scope > details")).forEach(i=>{i.setAttribute("slot","secondary")});const e=this.innerHTML;this.outerHTML=`${e}`},this.defaultToNav=()=>{const e=this.innerHTML;this.innerHTML=`<iam-nav>
+    ${e} 
+    </iam-nav>`},this.defaultToStandalone=()=>{const e=this.innerHTML;this.wrapper.innerHTML=`<div class="container">${e}</div>`},this.populateLinks=e=>{let i="";return e.forEach(a=>{i+=`
+      <a href="${a.url}">${a.title}</a>`}),i},this.populateSections=e=>{let i="";return e.forEach(a=>{i+=`<span class="section ${a.class}">
+        <span class="lead text-heading d-block">${a.enabled=="false"&&a.marketing?a.marketing:a.title}</span>
+        ${this.populateLinks(a.links)}
+      </span>`}),i},this.populateNav=e=>{let i="";return e.forEach(a=>{a.attributes.sections?i+=`<details name="megamenu"><summary>${a.attributes.title}</summary><div data-title="${a.attributes.title}">${this.populateSections(a.attributes.sections)}</div></details>`:a.attributes.links?i+=`<details name="megamenu"><summary>${a.attributes.title}</summary><div data-title="${a.attributes.title}">${this.populateLinks(a.attributes.links)}</div></details>`:i+=`<a href="/">${a.attributes.title}</a>`}),i},this.transformToSecondary=e=>{this.innerHTML=this.populateNav(e),Array.from(this.querySelectorAll(":scope > a, :scope > details")).forEach(a=>{a.setAttribute("slot","secondary")});const i=this.innerHTML;this.outerHTML=`${i}`},this.transformToStandalone=e=>{this.wrapper.innerHTML=`<div class="container"><details><summary>Products</summary><div class="iam-nav">${this.populateNav(e)}</div></details></div>`,Array.from(this.wrapper.querySelectorAll(".iam-nav > a, .iam-nav > details")).forEach(i=>{i.setAttribute("slot","secondary")})},this.transformToNav=e=>{this.innerHTML=`<iam-nav>
+    <a href="/" class="brand brand--property" slot="logo">
+      <svg>
+        <title>iam key</title>
+        <use xlink:href="/svg/logo.svg#logo-property"></use>
+      </svg>
+    </a>
+    ${this.populateNav(e)}
+    </iam-nav>`}}connectedCallback(){return v(this,void 0,void 0,function*(){var e;this.wrapper=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector(".wrapper"),window.customElements.get("iam-nav")||window.customElements.define("iam-nav",w),this.hasAttribute("data-hub")?this.defaultToNav():this.closest("iam-nav")||this.defaultToStandalone(),yield this.loadNavData().then(i=>typeof i=="string"?i:(this.hasAttribute("data-hub")?this.transformToNav(i):this.closest("iam-nav")?this.transformToSecondary(i):this.transformToStandalone(i),!0))})}static get observedAttributes(){return[]}attributeChangedCallback(e,i,a){const r=this.querySelector("iam-address-lookup");switch(e){case"data-url":{i!=a&&r&&r.setAttribute("data-url",a+"?search_string=");break}}}}export{k as default};
+//# sourceMappingURL=std-nav.component.min.js.map