@iamproperty/components 7.7.1--beta20 → 7.7.1--beta21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/actionbar.component.css +1 -1
- package/assets/css/components/actionbar.component.css.map +1 -1
- package/assets/css/components/address-lookup.component.css +1 -1
- package/assets/css/components/address-lookup.component.css.map +1 -1
- package/assets/css/components/advanced-select.component.css +1 -1
- package/assets/css/components/advanced-select.component.css.map +1 -1
- package/assets/css/components/applied-filters.css +1 -1
- package/assets/css/components/applied-filters.css.map +1 -1
- package/assets/css/components/banner.component.css +1 -0
- package/assets/css/components/banner.component.css.map +1 -0
- package/assets/css/components/calendar.component.css +1 -1
- package/assets/css/components/calendar.component.css.map +1 -1
- package/assets/css/components/card.component.css +1 -1
- package/assets/css/components/card.component.css.map +1 -1
- package/assets/css/components/carousel.config.css +1 -1
- package/assets/css/components/carousel.config.css.map +1 -1
- package/assets/css/components/multiselect.css +1 -1
- package/assets/css/components/multiselect.css.map +1 -1
- package/assets/css/components/search.component.css +1 -1
- package/assets/css/components/search.component.css.map +1 -1
- package/assets/css/components/split-button.component.css +1 -1
- package/assets/css/components/split-button.component.css.map +1 -1
- package/assets/css/components/std-nav-standalone.component.css +1 -1
- package/assets/css/components/std-nav-standalone.component.css.map +1 -1
- package/assets/css/components/tabs.component.css +1 -1
- package/assets/css/components/tabs.component.css.map +1 -1
- package/assets/css/components/tabs.config.css +1 -1
- package/assets/css/components/tabs.config.css.map +1 -1
- package/assets/css/components/tag.component.css +1 -1
- package/assets/css/components/tag.component.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/elements/badge-tag.css +1 -1
- package/assets/css/elements/badge-tag.css.map +1 -1
- package/assets/css/elements/dropdown.css +1 -1
- package/assets/css/elements/dropdown.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +2 -2
- package/assets/js/components/address-lookup/address-lookup.component.min.js +2 -2
- package/assets/js/components/advanced-select/advanced-select.component.min.js +2 -2
- package/assets/js/components/applied-filters/applied-filters.component.min.js +2 -2
- package/assets/js/components/banner/banner.component.js +44 -0
- package/assets/js/components/banner/banner.component.min.js +20 -0
- package/assets/js/components/banner/banner.component.min.js.map +1 -0
- package/assets/js/components/barchart/barchart.component.min.js +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.min.js +1 -1
- package/assets/js/components/bone/bone.component.min.js +1 -1
- package/assets/js/components/button/button.component.min.js +1 -1
- package/assets/js/components/calendar/calendar.component.min.js +2 -2
- package/assets/js/components/card/card.component.js +2 -0
- package/assets/js/components/card/card.component.min.js +5 -5
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/carousel/carousel.component.min.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/config/config.component.min.js +1 -1
- package/assets/js/components/content/content.component.js +9 -5
- package/assets/js/components/content/content.component.min.js +3 -3
- package/assets/js/components/content/content.component.min.js.map +1 -1
- package/assets/js/components/darkmode/darkmode.component.min.js +1 -1
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/filter-card/filter-card.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/form/form.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +1 -1
- package/assets/js/components/input/input.component.min.js +1 -1
- package/assets/js/components/input-range/input-range.component.min.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +1 -1
- package/assets/js/components/menu/menu.component.min.js +1 -1
- package/assets/js/components/milestone/milestone.component.min.js +1 -1
- package/assets/js/components/milestone-group/milestone-group.component.min.js +1 -1
- package/assets/js/components/modal/modal.component.min.js +1 -1
- package/assets/js/components/multi-step/multi-step.component.min.js +1 -1
- package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js +2 -2
- package/assets/js/components/nav/nav.component.min.js +1 -1
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/password/password.component.min.js +1 -1
- package/assets/js/components/popover/popover.component.min.js +1 -1
- package/assets/js/components/rank/rank.component.min.js +1 -1
- package/assets/js/components/rankings/rankings.component.min.js +1 -1
- package/assets/js/components/rating/rating.component.min.js +1 -1
- package/assets/js/components/record-card/record-card.component.min.js +1 -1
- package/assets/js/components/search/search.component.js +6 -2
- package/assets/js/components/search/search.component.min.js +5 -5
- package/assets/js/components/search/search.component.min.js.map +1 -1
- package/assets/js/components/skeleton/skeleton.component.min.js +1 -1
- package/assets/js/components/slider/slider.component.min.js +1 -1
- package/assets/js/components/split-button/split-button.component.min.js +2 -2
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js +2 -2
- package/assets/js/components/std-nav/std-nav.component.min.js +1 -1
- package/assets/js/components/std-nav-standalone/std-nav-standalone.component.min.js +2 -2
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/table-ajax/table-ajax.component.min.js +1 -1
- package/assets/js/components/table-basic/table-basic.component.min.js +1 -1
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +1 -1
- package/assets/js/components/table-submit/table-submit.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +4 -4
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
- package/assets/js/components/tag/tag.component.min.js +2 -2
- package/assets/js/components/tooltip/tooltip.component.min.js +1 -1
- package/assets/js/components/video/video.component.min.js +1 -1
- package/assets/js/components/video-card/video-card.component.min.js +1 -1
- package/assets/js/components/video-modal/video-modal.component.min.js +1 -1
- package/assets/js/components/word-count/word-count.component.min.js +1 -1
- package/assets/js/modules/tabs.js +6 -2
- package/assets/js/scripts.bundle.js +1 -1
- package/assets/js/scripts.bundle.min.js +1 -1
- package/assets/sass/components/banner.component.scss +100 -0
- package/assets/sass/components/card.component.scss +1 -1
- package/assets/sass/components/carousel.config.scss +24 -15
- package/assets/sass/components/search.component.scss +46 -1
- package/assets/sass/components/tabs.component.scss +1 -0
- package/assets/sass/components/tabs.config.scss +21 -0
- package/assets/sass/elements/badge-tag.css +2 -2
- package/assets/sass/elements/dropdown.css +0 -5
- package/assets/sass/utilities/shadow.css +4 -0
- package/assets/sass/utilities/text.css +6 -6
- package/assets/ts/components/banner/banner.component.ts +57 -0
- package/assets/ts/components/card/card.component.ts +4 -0
- package/assets/ts/components/content/content.component.ts +14 -6
- package/assets/ts/components/search/search.component.ts +7 -1
- package/assets/ts/modules/tabs.ts +10 -2
- package/dist/components.es.js +441 -469
- package/dist/components.umd.js +141 -126
- package/package.json +1 -1
- package/src/components/Banner/Banner.vue +14 -29
- package/src/components/Banner/Banner.spec.js +0 -26
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
|
+
* Copyright 2022-2026 iamproperty
|
|
4
|
+
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"banner"});class i extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
|
|
5
|
+
<style>
|
|
6
|
+
@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.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 components{:host{padding:1.5rem;border-radius:.5rem;box-shadow:0px 6px 12px rgba(0,0,0,.11);margin-bottom:2rem;position:relative}:host(:not([class*=bg-])){--colour-heading: var(--colour-primary-theme);--colour-body: var(--colour-primary-theme);color:var(--colour-primary-theme);color-scheme:light !important;background-color:var(--colour-canvas-2) !important;color:var(--colour-primary-theme) !important}:host(:is(.bg-primary,.bg-danger,.bg-dark,.gradient-primary)){--colour-heading: var(--colour-white);--colour-body: var(--colour-white);color:var(--colour-white)}:host(:is(.bg-primary,.bg-danger,.bg-dark,.gradient-primary))>*{color-scheme:dark}.banner__img,#dismiss{display:none}.banner__btns{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.banner__btns .btn{margin:0 !important}:host([data-dismiss]) #dismiss{display:block}::slotted(*:not([slot=buttons],hr)){margin:0 !important;padding-bottom:1rem !important}::slotted([slot=buttons]){margin:0 !important}::slotted(:is(h2,h3,h4,h5,h6)){font-size:var(--h4-fs) !important;line-height:var(--h4-lh) !important;max-width:var(--content-max-width) !important}:host([data-image]) .wrapper{padding-right:50%}:host([data-image]) .banner__img{display:block;position:absolute;inset:0;left:60%}:host([data-image]) .banner__img img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}}/*# sourceMappingURL=assets/css/components/banner.component.css.map */
|
|
7
|
+
|
|
8
|
+
</style>
|
|
9
|
+
<div class="wrapper">
|
|
10
|
+
<slot></slot>
|
|
11
|
+
<div class="banner__btns"><slot name="buttons"></slot><button class="btn btn-tertiary" id="dismiss">Dismiss</button></div>
|
|
12
|
+
|
|
13
|
+
</div>
|
|
14
|
+
<div class="banner__img">
|
|
15
|
+
<picture>
|
|
16
|
+
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" lazy="" />
|
|
17
|
+
</picture>
|
|
18
|
+
</div>
|
|
19
|
+
`,(t=this.shadowRoot)===null||t===void 0||t.appendChild(e.content.cloneNode(!0))}connectedCallback(){var t,e;const r=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("#dismiss"),o=(e=this.shadowRoot)===null||e===void 0?void 0:e.querySelector(".banner__img img");r?.addEventListener("click",()=>{this.remove()}),this.hasAttribute("data-image")&&o?.setAttribute("src",this.getAttribute("data-image"))}}export{i as default};
|
|
20
|
+
//# sourceMappingURL=banner.component.min.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"banner.component.min.js","sources":["banner.component.js"],"sourcesContent":["window.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n event: 'customElementRegistered',\n element: 'banner',\n});\nclass iamBentoGrid extends HTMLElement {\n constructor() {\n var _a;\n super();\n this.attachShadow({ mode: 'open' });\n const assetLocation = document.body.hasAttribute('data-assets-location')\n ? document.body.getAttribute('data-assets-location')\n : '/assets';\n const loadCSS = `@import \"${assetLocation}/css/components/banner.component.css\";`;\n const template = document.createElement('template');\n template.innerHTML = `\n <style>\n ${loadCSS}\n </style>\n <div class=\"wrapper\">\n <slot></slot>\n <div class=\"banner__btns\"><slot name=\"buttons\"></slot><button class=\"btn btn-tertiary\" id=\"dismiss\">Dismiss</button></div>\n \n </div>\n <div class=\"banner__img\">\n <picture>\n <img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"\" lazy=\"\" />\n </picture>\n </div>\n `;\n (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(template.content.cloneNode(true));\n }\n connectedCallback() {\n var _a, _b;\n const dismissBtn = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('#dismiss');\n const bgImg = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.banner__img img');\n dismissBtn === null || dismissBtn === void 0 ? void 0 : dismissBtn.addEventListener('click', () => {\n this.remove();\n });\n if (this.hasAttribute('data-image'))\n bgImg === null || bgImg === void 0 ? void 0 : bgImg.setAttribute('src', this.getAttribute('data-image'));\n }\n}\nexport default iamBentoGrid;\n"],"names":["iamBentoGrid","_a","template","_b","dismissBtn","bgImg"],"mappings":";;;IAAA,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAAS,QACb,CAAC,EACD,MAAMA,UAAqB,WAAY,CACnC,aAAc,CACV,IAAIC,EACJ,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAGvD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAepBD,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,YAAYC,EAAS,QAAQ,UAAU,EAAI,CAAC,CAC/G,CACA,mBAAoB,CAChB,IAAID,EAAIE,EACR,MAAMC,GAAcH,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,UAAU,EACpGI,GAASF,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,kBAAkB,EACrDC,GAAW,iBAAiB,QAAS,IAAM,CAC/F,KAAK,OAAM,CACf,CAAC,EACG,KAAK,aAAa,YAAY,GACgBC,GAAM,aAAa,MAAO,KAAK,aAAa,YAAY,CAAC,CAC/G,CACJ"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const M=t=>t.charAt(0).toUpperCase()+t.slice(1),q=t=>t.replace(/_/g," "),P=(t,r)=>{for(let a=1;a<=10;a++){if(t.hasAttribute(`data-colour-${a}`)){const o=t.getAttribute(`data-colour-${a}`);t.style.setProperty(`--chart-colour-${a}`,`var(--chart-colour-${o})`),t.style.setProperty(`--chart-colour-${a}-hover`,`var(--chart-colour-${o}-hover)`)}Array.from(r.querySelectorAll(`[data-colour-${a}]`)).forEach(o=>{const e=o.getAttribute(`data-colour-${a}`);o.style.setProperty(`--chart-colour-${a}`,`var(--chart-colour-${e})`),o.style.setProperty(`--chart-colour-${a}-hover`,`var(--chart-colour-${e}-hover)`)})}return!0},k=(t,r,a)=>{if(t.tagName=="IAM-DOUGHNUTCHART")return R(t,r,a),!0;const o=r.querySelector(".chart__key");o.innerHTML="";const e=r.querySelector(".chart__guidelines");e.innerHTML="";const i=r.querySelector(".chart__yaxis");i.innerHTML="",Array.from(r.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(c=>{c.remove()});const{xaxis:n}=g(t);return A(t,a),T(r,a,o),X(t,e),E(t,i),n&&Y(r),!0},R=(t,r,a)=>{const o=r.querySelector(".chart__key");return o.innerHTML="",Array.from(r.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(e=>{e.remove()}),A(t,a),T(r,a,o),H(r),!0},V=function(t,r){const a=r.querySelector(".chart");a.addEventListener("mousemove",n=>{if(n&&n.target instanceof HTMLElement&&n.target.closest("td:not(:first-child")){const d=n.target.closest("td:not(:first-child").getBoundingClientRect(),h=n.clientX-d.left,l=n.clientY-d.top;a.setAttribute("style",`--cursor-x: ${h}px; --cursor-y: ${l}px;`)}});const o=r.querySelectorAll("label");Array.from(o).forEach(n=>{r.querySelector(`input#${n.getAttribute("for")}`).checked?n.setAttribute("part","key-checked"):n.setAttribute("part","key-unchecked")});const e=t.querySelector("table"),i=r.querySelector("table");r.addEventListener("change",function(n){const c=n.target,d=new CustomEvent("view-change",{detail:{"data-dataset":c.getAttribute("data-dataset"),label:c.getAttribute("data-label"),checked:c.checked}});t.dispatchEvent(d),Array.from(o).forEach(h=>{var l;!((l=r.querySelector(`input#${h.getAttribute("for")}`))===null||l===void 0)&&l.checked?h.setAttribute("part","key-checked"):h.setAttribute("part","key-unchecked")}),i.innerHTML=e.innerHTML,A(t,i),t.tagName=="IAM-DOUGHNUTCHART"&&H(r)})},U=function(t,r){const a=t.querySelector("table"),o=r.querySelector("table"),e=(d,h)=>{h.disconnect(),c.disconnect();for(const l of d)(l.attributeName=="class"||l.type==="attributes"||l.type==="attributes")&&(o.innerHTML=a.innerHTML,k(t,r,o));h.observe(a,{characterData:!0,subtree:!0}),c.observe(t,{attributes:!0})},i=(d,h)=>{h.disconnect(),c.disconnect();for(const l of d)(l.type=="characterData"||l.type=="childList"&&l.addedNodes.length)&&(o.innerHTML=a.innerHTML,k(t,r,o));h.observe(a,{characterData:!0,subtree:!0}),c.observe(t,{attributes:!0})},n=new MutationObserver(i),c=new MutationObserver(e);return n.observe(a,{characterData:!0,subtree:!0}),c.observe(t,{attributes:!0}),!0};function C(t,r){r>1&&(t=t-.25);const a=Math.cos(2*Math.PI*t),o=Math.sin(2*Math.PI*t);return[a*100,o*100]}const g=function(t){const r=t.shadowRoot.querySelector(".chart__wrapper table"),a=t.hasAttribute("data-min")?t.getAttribute("data-min"):0,o=t.hasAttribute("data-max")?t.getAttribute("data-max"):j(t,r),e=t.hasAttribute("data-yaxis")?t.getAttribute("data-yaxis").split(","):[],i=t.hasAttribute("data-guidelines")?t.getAttribute("data-guidelines").split(","):[],n=t.hasAttribute("data-xaxis")?t.getAttribute("data-xaxis").split(","):null;return{min:a,max:o,yaxis:e,xaxis:n,guidelines:i}};function j(t,r){const a=t.classList.contains("chart--stacked")?"tbody tr":"tbody td:not(:first-child)",o=Array.from(r.querySelectorAll(a)).map(i=>i.getAttribute("data-numeric")),e=Math.max(...o);return Math.ceil(e)}const x=function(t,r,a,o){let e=String(t);e=e.replace("\xA3",""),e=e.replace("%",""),e=e.replace(",",""),e=Number.parseFloat(e);let i=(e-r)/(a-r)*100,n=i,c=0;return o&&o!=0&&(c=(o-r)/(a-r)*100),r<0&&(c=Math.abs(r/(a-r)*100),e<0?(i=c-i,c=c-i,n=c):(i=i-c,n=i+c)),{percent:i,axis:n,bottom:c}},A=function(t,r){Array.from(r.querySelectorAll("tbody tr")).forEach(e=>{let i=0;Array.from(e.querySelectorAll("td:not(:first-child)")).forEach(n=>{const c=n.cloneNode(!0);Array.from(c.querySelectorAll("*")).forEach(l=>{l.remove()});const d=parseFloat(c.textContent.replace("\xA3","").replace("%","").replace(",",""));n.setAttribute("data-numeric",d),n.setAttribute("data-value",c.textContent),getComputedStyle(n).display!="none"&&(i+=d),Array.from(n.querySelectorAll("a, button")).forEach((l,m)=>{m==0&&l.insertAdjacentHTML("beforeBegin","<hr/>"),l.classList.add("btn"),l.classList.add("btn-tertiary")})}),e.setAttribute("data-numeric",i)});const{min:a,max:o}=g(t);Array.from(r.querySelectorAll("tbody tr")).forEach((e,i)=>{const n=e.querySelector("td:first-child, th:first-child")?e.querySelector("td:first-child, th:first-child").textContent:"";e.setAttribute("part","group");const c=(e.getAttribute("data-numeric")-a)/(o-a)*100;e.style.setProperty("--percent",`${c}%`),Array.from(e.querySelectorAll("td:not([data-label])")).forEach((l,m)=>{m==0?l.setAttribute("part","xaxis-label"):l.setAttribute("part","value"),e.querySelectorAll("td").length>2&&l.setAttribute("data-label",r.querySelectorAll("thead th")[m].textContent)});const d=e.hasAttribute("data-min")?e.getAttribute("data-min"):a,h=e.hasAttribute("data-max")?e.getAttribute("data-max"):o;if(d<0){const l=Math.abs(d/(h-d)*100);t.setAttribute("style",`--min-bottom: ${l}%;`)}e.style.setProperty("--row-index",i+1),Array.from(e.querySelectorAll('td[data-numeric]:not([data-label="Min"]):not([data-label="Max"]):not(:first-child)')).forEach(l=>{if(getComputedStyle(l).display=="none")return;const f=l.innerHTML,_=Number.parseFloat(l.getAttribute("data-numeric")),s=Number.parseFloat(l.getAttribute("data-start"));if(l.querySelector("span[data-group]")||(l.innerHTML=`<span data-group="${n}" ${l.hasAttribute("data-label")?`data-label="${l.getAttribute("data-label")}"`:""} part="popover">${f}</span>`),!l.hasAttribute("style")){const{percent:u,bottom:y,axis:p}=x(_,d,h,s);l.setAttribute("data-percent",u),l.setAttribute("style",`--bottom:${y}%;--percent:${u}%;--axis:${p}%;`)}})})},I=function(t){const r=t.querySelector(".chart__wrapper"),a=t.querySelector(".chart__spacer span"),o=t.querySelector(".chart table");let e="";Array.from(o.querySelectorAll("tbody tr td:first-child")).forEach(i=>{typeof i.textContent<"u"&&i.textContent.length>e.length&&(e=i.textContent)}),r.setAttribute("data-longest-label",e),a.innerHTML=e},B=function(t){const r=t.querySelector(".chart__wrapper"),a=t.querySelector(".chart table");let o="";Array.from(a.querySelectorAll("tbody tr td:not(:first-child)")).forEach(e=>{typeof e.getAttribute("data-value")<"u"&&e.getAttribute("data-value").length>o.length&&(o=e.getAttribute("data-value"))}),r.setAttribute("data-longest-value",o)},T=function(t,r,a){const o=`chart-${Date.now()+(Math.floor(Math.random()*100)+1)}`;let e;const i=Array.from(r.querySelectorAll("thead th"));return i.forEach((n,c)=>{c!=0&&(e=K(o,c,n.textContent,a,t,e)),c==50&&(i.length=c+1)}),!0};function K(t,r,a,o,e,i){var n;const c=document.createElement("input");c.setAttribute("name",`${t}-dataset-${r}`),c.setAttribute("id",`${t}-dataset-${r}`),c.setAttribute("data-dataset",`${r}`),c.setAttribute("data-label",`${a}`),c.checked=!0,c.setAttribute("type","checkbox"),r==1?e.prepend(c):e.insertBefore(c,i.nextSibling),i=c;const d=document.createElement("label");d.setAttribute("class","key btn btn-action"),d.setAttribute("for",`${t}-dataset-${r}`),d.setAttribute("data-label",`${a}`),d.setAttribute("part","key");const h=(n=e.querySelector(`tbody tr td:nth-child(${r+1})`))===null||n===void 0?void 0:n.getAttribute("data-numeric");return d.setAttribute("data-numeric",h),d.innerHTML=`${a}`,o.append(d),i}const X=function(t,r){const{min:a,max:o,yaxis:e}=g(t);let{guidelines:i}=g(t);i.length||(i=e),r.innerHTML="";for(let n=0;n<i.length;n++){const c=parseFloat(i[n].replace("\xA3","").replace("%","").replace(",","")),{axis:d}=x(c,a,o);r.innerHTML+=`<div class="guideline" style="--percent:${d}%;">${e.indexOf(i[n])!=-1?`<span>${i[n]}</span>`:""}</div>`}},E=function(t,r){const{min:a,max:o,yaxis:e}=g(t);r.innerHTML="";for(let i=0;i<e.length;i++){const n=parseFloat(e[i].replace("\xA3","").replace("%","")),{axis:c}=x(n,a,o);r.innerHTML+=`<div class="axis__point" style="--percent:${c}%;"><span>${e[i]}</span></div>`}},Y=function(t){const r=t.querySelector(".chart");let a=t.querySelector(".chart__xaxis");a||(a=document.createElement("div"),a.setAttribute("class","chart__xaxis")),r.prepend(a)},G=function(t){const r=t.querySelectorAll("thead th[title], tbody th[title]:first-child, tbody td[title]:first-child");Array.from(r).forEach(a=>{const o=`tooltip-${Date.now()}-${Math.floor(Math.random()*100)}`;a.innerHTML=`<button class="tooltip" popovertarget="${o}" part="tooltip" style="anchor-name: --${o};">${a.textContent}</button><span id="${o}" style="position-anchor: --${o};" popover part="tooltip__content" class="tooltip__content">${a.getAttribute("title")}</span>`})},H=function(t){let r="";const a=t.querySelector(".chart");let o=t.querySelector(".doughnuts");o||(o=document.createElement("div"),o.setAttribute("class","doughnuts"),a.append(o)),Array.from(a.querySelectorAll("tbody tr")).forEach((e,i)=>{let n="",c="",d=0,h=0;const m=e.querySelectorAll("td")[0].innerHTML;let f=0;const _=e.getAttribute("data-numeric");Array.from(e.querySelectorAll("td")).forEach((s,u)=>{const y=getComputedStyle(s).display;if(u!=0&&y!="none"){let p=s.getAttribute("data-numeric");p=p.replace("\xA3",""),p=p.replace("%",""),p=p.replace(",",""),p=Number.parseInt(p),h+=p,f++}}),Array.from(e.querySelectorAll("td")).forEach((s,u)=>{var y,p;const v=getComputedStyle(s).display;if(u!=0&&f==1&&v!="none")n+=`<path d="M 0 0 L 100 0 A 100 100 0 1 1 100 -0.01 L 0 0" style="${s.getAttribute("style")} --path-index: ${u};"></path>`,c+=`<span class="h5 mb-0" part="popover">${M(q(s.getAttribute("data-label"))).trim()}<br/>${s.hasAttribute("data-second")?`${s.getAttribute("data-second-label")}: ${s.getAttribute("data-second")}<br/>`:""}${(y=s.querySelector('[part="popover"]'))===null||y===void 0?void 0:y.innerHTML}</span>`;else if(u!=0){let b=s.getAttribute("data-numeric");const D=v=="none"?"display: none;":"";b=b.replace("\xA3",""),b=b.replace("%",""),b=b.replace(",",""),b=Number.parseInt(b);const w=b/h,[z,$]=C(d,f),[S,L]=C(d+w,f),F=w>.5?1:0,N=["M 0 0",`L ${z?z.toFixed(0):0} ${$?$.toFixed(0):0}`,`A 100 100 0 ${F} 1 ${S?S.toFixed(0):0} ${L?L.toFixed(0):0}`,"L 0 0"].join(" ");n+=`<path d="${N}" style="${s.getAttribute("style")} --path-index: ${u};${D}"></path>`,c+=`<span class="h5 mb-0" part="popover">${M(q(s.getAttribute("data-label"))).trim()}<br/>${s.hasAttribute("data-second")?`${s.getAttribute("data-second-label")}: ${s.getAttribute("data-second")}<br/>`:""}${(p=s.querySelector('[part="popover"]'))===null||p===void 0?void 0:p.innerHTML}</span>`,v!="none"&&(d+=w)}}),r+=`<div class="doughnut">
|
|
5
5
|
<svg viewBox="-105 -105 210 210" preserveAspectRatio="none" style="--row-index: ${i+1};">${n}</svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"bento-grid"});class n extends HTMLElement{constructor(){var o;super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const a=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})};a("iam-bone");class n extends HTMLElement{constructor(){var e;super(),this.attachShadow({mode:"open"});const o=document.createElement("template");o.innerHTML=`
|
|
5
5
|
<div class="wrapper">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"button"});class s extends HTMLElement{constructor(){var t;super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const e=document.createElement("template");e.innerHTML=`
|
|
5
5
|
<style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.7.1--
|
|
2
|
+
* iamKey v7.7.1--beta21
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
4
|
*/const Y=M=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:M})},O=(M,t,o)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),o.forEach(a=>{M.addEventListener(a,function(e){const r={event:a,element:t,target:e.target};Object.keys(e.detail).forEach(l=>{const d=e.detail[l];r[l]=d}),window.dataLayer.push(r)})}),!0),C=(M=1)=>Math.floor(Math.random()*Date.now()*(M+1));Y("iam-calendar");class P extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=`<table class="table--day" role="presentation"><tbody>
|
|
5
5
|
<tr class="allday"><th>All day</th></tr>
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
<tr><th data-hour="23">23</th></tr>
|
|
30
30
|
</tbody></table>`,o=document.createElement("template");o.innerHTML=`
|
|
31
31
|
<style>
|
|
32
|
-
@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(.badge,.tag){font-size:1rem;line-height:1.625rem;border:none !important;margin:0;display:inline-block;text-align:center;white-space:nowrap;max-width:fit-content;color:#262626;position:relative;background:var(--wider-colour, var(--wider-colour-1));margin-bottom:.5rem;&:has(+:is(.badge,.tag)){margin-right:.375rem}&:empty{display:none}&:is(.bg-primary,.bg-dark,.bg-danger){color:#fcfcfc !important}}.badge{border-radius:.375rem;padding:0 .5rem}.badge--rounded{border-radius:1rem;min-width:1.625rem;padding:0}.tag{border-radius:1rem;padding:0 1rem;i{margin-left:.5rem}&:is(:hover,:focus,.hover,:focus-within,:focus-visible){background:color-mix(in oklab, var(--colour), #000000 5%)}&:is(:active,.active){background:color-mix(in oklab, var(--colour), #000000 10%)}&:has(input:disabled),&:disabled{background:var(--wider-colour-1) !important;color:#99adb1 !important}&:has([readonly]){pointer-events:none}&:has([readonly]):after{display:none !important}}iam-multiselect:not(:defined) .tag,.tag.tag--toggle{background:var(--colour-canvas);outline:1px solid var(--colour-border)}.tag.tag--toggle{&:after{display:none}&:is(:hover,:focus){background:#eee}&:has(:hover,:focus){background:#eee !important}&:is(:active){background:#e0e0e0}&:has(input:checked),&.selected{background:#e9f9fd !important;outline:1px solid #1ebee6 !important}}.btn :is(.badge,.tag){position:relative;top:-1px}}@layer elements{:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:bold;color:var(--colour-heading);clear:both;display:block;& [class*=fa-]{margin-right:.5rem}}:is(.h1,h1){font-size:var(--h1-fs);line-height:var(--h1-lh);padding-bottom:var(--h1-pb);font-weight:900}:is(h2,.h2){font-size:var(--h2-fs);line-height:var(--h2-lh);padding-bottom:var(--h2-pb);font-weight:900}:is(h3,.h3){font-size:var(--h3-fs);line-height:var(--h3-lh);padding-bottom:var(--h3-pb);max-width:var(--content-max-width)}:is(h4,h5,h6){font-size:var(--h4-fs);line-height:var(--h4-lh);padding-bottom:var(--h4-pb);max-width:var(--content-max-width)}.h1{font-size:var(--h1-fs);line-height:var(--h1-lh);padding-bottom:var(--h1-pb);font-weight:900}.h2{font-size:var(--h2-fs);line-height:var(--h2-lh);padding-bottom:var(--h2-pb);font-weight:900}.h3{font-size:var(--h3-fs);line-height:var(--h3-lh);padding-bottom:var(--h3-pb);max-width:var(--content-max-width)}:is(.h4,.h5,.h6){font-size:var(--h4-fs);line-height:var(--h4-lh);padding-bottom:var(--h4-pb);max-width:var(--content-max-width)}p{margin-top:0;font-size:var(--body-fs);line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}p:empty{display:none}:is(.lead,.strapline){font-size:1.125rem;line-height:1.75rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:700}small,.small{font-size:.875rem;line-height:1.5rem;padding-bottom:2rem;max-width:var(--content-max-width);font-weight:normal}.x-small{font-size:.625rem;line-height:1.5rem;padding-bottom:1rem;max-width:var(--content-max-width);font-weight:normal}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}strong{font-weight:bolder;font-family:var(--font-heading);color:var(--colour-heading)}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0;quotes:"\u201C" "\u201D" "\u2018" "\u2019";padding-bottom:3rem;overflow:hidden;& p{font-size:1.5rem;line-height:2rem;padding-bottom:0}& p:first-child:before{content:open-quote}& p:last-of-type:after{content:close-quote}& cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}}mark{padding:.1875em;background-color:yellow}.stat{font-size:4rem;line-height:4.5rem;font-weight:bold;color:var(--colour-heading);display:block;text-decoration:underline;text-underline-offset:.75rem;text-decoration-color:var(--colour-secondary);text-decoration-thickness:.25rem;margin-bottom:4rem}}@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{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}}}*,*::before,*::after{box-sizing:border-box}.border-0{border:none}.d-inline-block{display:inline-block}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.fa-regular,.far{font-weight:400}.fa-light,.fal{font-weight:300}[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic);line-height:1em}.fa-calendar-day{--fa: '\\f783'}.fa-calendar-days{--fa: '\\f073'}.fa-calendar-week{--fa: '\\f784'}.fa-calendars{--fa: '\\e0d7'}.fa-list{--fa: '\\f03a'}.fa-chevron-down{--fa: '\\f078'}.fa-chevron-left{--fa: '\\f053'}.fa-chevron-right{--fa: '\\f054'}.fa-sliders{--fa: '\\f1de'}.fa-cog,.fa-gear{--fa: '\\f013';--fa--fa: '\\f013\\f013'}.fa-clock{--fa: '\\f017'}#view[data-views] option{display:none}#view[data-views*=month] option[value=month]{display:flex}#view[data-views*=week] option[value=week]{display:flex}#view[data-views*=day] option[value=day]{display:flex}#view[data-views*=list] option[value=list]{display:flex}#view[data-views*=year] option[value=year]{display:flex}.calendar__controls{display:flex;flex-direction:row;align-content:center;align-items:center;flex-wrap:wrap;padding-bottom:.5rem}#view,#view::picker(select){appearance:base-select}#view::picker-icon{display:none}@layer elements{#view{margin-bottom:.5rem !important}#view i[class*=fa-]{margin-right:.5rem}div:has(>#view){margin-bottom:0 !important}}div:has(>select) #view{margin-bottom:.5rem !important}#view::picker(select){border-radius:.5rem;border-color:var(--colour-border);box-shadow:0px 2px 9px rgba(0,0,0,.1);padding:.5rem}#view option{padding-block:.5rem}#view option i{font-weight:400}#view option:checked{font-weight:bold}#view option::checkmark{display:none}#prev-button,#next-button{margin-right:.5rem}#next-button{margin-right:auto;margin-left:.5rem}#prev-button:before,#next-button:before{margin-right:0}.calendar__datepicker{display:inline-block;position:relative;margin-bottom:.5625rem}.calendar__datepicker input{position:absolute;inset:0;opacity:0;z-index:1}.calendar__datepicker ::-webkit-calendar-picker-indicator{width:100%;height:100%;position:absolute;inset:0;opacity:0;z-index:1;cursor:pointer}.calendar__title{display:inline-block;line-height:2.25rem;margin-bottom:0;color:var(--colour-primary);pointer-events:none}#filters-button i,#settings-button i{margin-right:0 !important}@container (min-width: 62em){#filters-button .visually-hidden,#settings-button .visually-hidden{display:contents}#filters-button i,#settings-button i{margin-right:1rem !important}}#filters-button{display:none}:host([data-filter]) #filters-button{display:block}hr{display:none}.tag.tag--toggle{display:none}@container (max-width: 36em){#today-button{display:none}.calendar__controls>*{order:1}hr{margin:0;padding:0;width:100%;border:0;height:0;display:block !important;order:2 !important}#prev-button,#next-button,.calendar__datepicker{order:3}.calendar__datepicker{margin-inline:.5rem}#prev-button{margin-right:0;margin-left:auto}#next-button{margin-right:auto}#filters-button{margin-left:auto}select:has(option[value=month]:checked)~.tag.tag--toggle{display:inline-block;margin-bottom:.5625rem;margin-right:0;line-height:2rem;order:1;margin-left:auto}select:has(option[value=month]:checked)~.tag.tag--toggle:not(:has([type=checkbox]:checked)){outline:1px solid var(--colour-muted) !important}select:has(option[value=month]:checked)~.tag.tag--toggle [type=checkbox]{position:absolute;top:0;left:0;opacity:0;height:0;width:0;margin:0;pointer-events:none}select:has(option[value=month]:checked)~#filters-button{margin-left:.5rem}}#workday{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;margin-bottom:1rem}#workday label{flex-grow:1}.btn-primary,.btn-secondary{display:block;margin-right:0;margin-bottom:0;margin-top:1rem;width:100%;max-width:100%;text-align:center}:host{--columnHeadingFontSide: 0.875rem;--columnHeadingLineHeight: 1.5rem;--columnHeadingFontWeight: bold;--alldayHeight: 1.75rem;background-color:var(--colour-canvas)}.column-header{font-size:var(--columnHeadingFontSide);line-height:var(--columnHeadingLineHeight);height:var(--columnHeadingLineHeight);color:var(--colour-heading);white-space:nowrap;padding-inline:.25rem;font-weight:var(--columnHeadingFontWeight)}time.column-header{display:block}.calendar__container{container-type:inline-size}#week-view-corner,#week-view-header,#week-view-side,#split,#year-view{display:none}.today .day{background-color:var(--colour-info);text-align:center}.day{width:1.25rem;height:1.25rem;line-height:1.25rem;margin-top:.125rem;text-align:left;border-radius:50%;display:inline-block}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper){container-type:inline-size}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table{width:100%;border-collapse:collapse;max-height:unset;table-layout:fixed;height:30rem;font-size:1rem;line-height:1;border:1px solid var(--colour-border);margin-bottom:2rem}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>thead>tr>th,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td{border:1px solid var(--colour-border);color:var(--colour-heading)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>thead>tr>th{text-align:center}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>thead>tr>th .long-day-name{display:none}@container (min-width: 36em){.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>thead>tr>th .short-day-name{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>thead>tr>th .long-day-name{display:inline}}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td{padding:.25rem;overflow-x:visible;overflow-y:clip;aspect-ratio:unset;position:relative}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td>time{font-weight:normal;position:absolute;top:.25rem;left:0}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td>time .day-of-week,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td>time .month{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td{overflow:hidden;position:relative}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td:hover{background-color:#eee}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td:active{background-color:#e0e0e0}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.selected{background-color:#e9f8fc}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.day--saturday:not(.prev-month,.next-month,.selected),.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.day--sunday:not(.prev-month,.next-month,.selected){background-color:#f5f5f5}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.prev-month{background-color:rgba(245,245,245,.4);color:var(--colour-border)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.next-month{background-color:rgba(245,245,245,.4);color:var(--colour-border)}@container (max-width: 36em){.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day thead,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day tbody,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day tr,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day td{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td{overflow:visible}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.has-event .table--day{display:block;position:absolute;top:2rem;left:.25rem;height:.5rem;border-radius:.25rem;overflow:hidden;display:inline-block;width:.5rem;background:var(--colour-muted)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.multi-events .table--day{width:calc(50% - .5rem)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.busy-day .table--day{width:calc(75% - .5rem)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.all-day .table--day{width:calc(100% - .5rem)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.continued-day:not(:first-child) .table--day{width:calc(100% - .25rem);left:0;margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.all-day:has(+.continued-day) .table--day{width:calc(100% - .25rem);border-top-right-radius:0;border-bottom-right-radius:0}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.continued-day:has(+.continued-day) .table--day{width:calc(100% + 2px);margin-inline:-1px;border-top-right-radius:0;border-bottom-right-radius:0}}@container (min-width: 36em){.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table{height:50rem}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td{overflow:visible}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot){display:block;position:absolute;top:2rem;left:0}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>thead,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody>tr>th,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody>tr>td:not(:has(slot)){display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody>tr{display:block}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody>tr>td:has(slot){border:0;padding-inline:.25rem;display:block;overflow:visible}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody>tr>td:has(slot) slot{pointer-events:all;overflow:visible}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot) .multiple-event~.has-event{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot) .has-event~.has-event~.has-event{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot) .has-event~.multiple-event td:has([slot]) span:has([slot])~span:has([slot]),.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot) .has-event~.multiple-event td:has([slot])~td:has([slot]){display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td[data-more]:after{content:"+" attr(data-more) " more";position:absolute;left:.25rem;bottom:.75rem;text-decoration:underline;line-height:1;text-underline-offset:.2em;pointer-events:auto;cursor:pointer}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table ::slotted(button){width:var(--event-width, 100%) !important;max-width:var(--event-max-width, 100%) !important}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td:not(:first-child) ::slotted(button.continued){opacity:0 !important;pointer-events:none !important}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day{width:100%}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day td{height:auto;width:auto;position:relative}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day td slot{width:100%;display:block}}@container (max-width: 36em){.calendar__controls:has([name=split]:checked)~.calendar__wrapper #calendar>table{height:auto !important}.calendar__controls:has([name=split]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td{height:3rem}}.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #week-view-header{display:block;position:sticky;top:0;margin:0;padding-left:var(--side-panel-width);margin-bottom:-1px;background-color:#fff;z-index:100}.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #week-view-header>table{width:100%;background-color:#fff}.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #week-view-header .table--day>tbody>tr:not(.allday){display:none}.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #week-view-header .table--day,.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #calendar .table--day{margin:-2px !important;width:calc(100% + 4px) !important}.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper .calendar>table{display:table;width:100%;min-width:55rem}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper{--side-panel-width: 3rem;position:relative;height:40rem;overflow:auto;margin-bottom:2rem}@container (min-width: 36em){.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper{--side-panel-width: 4.5rem}}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner{display:block;position:sticky;top:0;left:0;width:calc(var(--side-panel-width) + 1px);margin-bottom:-3.5rem !important;z-index:9999}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner table{min-width:var(--side-panel-width)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner thead{display:table-header-group !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner thead tr{display:table-row !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner thead th{display:table-cell !important;height:calc(var(--columnHeadingLineHeight) - 1px) !important;line-height:calc(var(--columnHeadingLineHeight) - 1px) !important;background-color:var(--colour-canvas);border:1px solid var(--colour-border);text-indent:-300%;overflow:hidden}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner tbody{display:table-row-group !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner tbody tr{display:table-row !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner tbody th{display:table-cell !important;height:calc(var(--alldayHeight) - 3px) !important;line-height:calc(var(--alldayHeight) - 3px) !important;background-color:var(--colour-canvas);border:1px solid var(--colour-border);text-align:right;font-size:var(--columnHeadingFontSide);color:var(--colour-heading);white-space:nowrap;padding-inline:.25rem;vertical-align:top;font-weight:normal}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day{border-collapse:collapse;width:100%;color:var(--colour-heading)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>thead,.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>th{display:none}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day tbody th{text-align:right;font-size:var(--columnHeadingFontSide);line-height:var(--alldayHeight);height:var(--alldayHeight);color:var(--colour-heading);white-space:nowrap;padding-inline:.25rem;vertical-align:top;font-weight:normal}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day td{height:auto;width:auto;position:relative;line-height:1}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day td slot{width:100%;display:block;position:relative}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr{border:1px solid var(--colour-border);padding:0}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>th,.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td{height:4.5rem}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td{padding:0}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td:hover{z-index:6}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td:has(slot){padding:0 .25rem !important;z-index:7}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td>span{height:1.09375rem;display:block}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td>span.dragover{background:pink}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td>span:nth-child(2){border-bottom:1px dashed var(--colour-border);margin-bottom:-1px}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr.allday>th{display:block;position:absolute;width:4.5rem;right:100%;margin-top:-1px;margin-left:2px;border-top:1px solid var(--colour-border);border-bottom:1px solid var(--colour-border);height:calc(var(--columnHeadingLineHeight) + 1px)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr.allday>td{height:var(--columnHeadingLineHeight) !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table{display:table;width:100%;border-collapse:collapse;table-layout:fixed}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>thead,.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>tbody>tr:not(:has(.selected)){display:none !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>tbody>tr:has(.selected)>td{border:1px solid var(--colour-border)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>tbody>tr:has(.selected)>td .day-of-week{float:left}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>tbody>tr:has(.selected)>td .day{display:inline-block;margin-left:1rem;float:right}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>tbody>tr:has(.selected)>td .month{display:none}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar .table--day>tbody>tr.allday{height:var(--alldayHeight) !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar .table--day>tbody>tr.allday th{display:none}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar .table--day>tbody>tr.allday td:has(slot){font-size:var(--columnHeadingFontSide);color:var(--colour-heading);padding-inline:.25rem;height:var(--alldayHeight) !important;line-height:var(--alldayHeight) !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-side{display:block;left:0;position:sticky;width:calc(var(--side-panel-width) + 1px);overflow:hidden;float:left;z-index:99;background:#fff;margin-right:-1px}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-side .table--day{margin:0px;width:100%}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-side .table--day>tbody>tr.allday{display:none}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-side .table--day>tbody>tr>th{display:table-cell;border:1px solid var(--colour-border);border-right:none}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #calendar{width:calc(100% - var(--side-panel-width));float:left}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #calendar>table>tbody>tr{display:table-row}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #calendar time{display:none !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #calendar .table--day tr.allday{display:none !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #calendar .table--day tr:has(.out-of-hours){background:#f5f5f5}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #week-view-corner thead th{border:1px solid var(--colour-border)}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #week-view-corner tbody th{border-right:1px solid var(--colour-border)}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #week-view-side{padding-top:calc(var(--columnHeadingLineHeight) + var(--alldayHeight) + 1px)}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #week-view-side .table--day>tbody>tr>th{position:static}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table{--side-panel-width: 3rem;table-layout:fixed;width:100%;max-width:100%}@container (min-width: 36em){.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table{--side-panel-width: 4.5rem}}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>thead,.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>tbody>tr:not(:has(>td.selected)),.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td:not(.selected),.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td>time{display:none}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>tbody>tr:has(>td.selected){display:block}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td.selected{display:contents}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day{width:100%;max-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day thead{display:table-header-group !important}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day thead th{position:sticky;top:0;z-index:99;background:var(--colour-canvas);border-top:1px solid var(--colour-border);border-right:1px solid var(--colour-border);height:calc(var(--columnHeadingLineHeight) - 1px) !important;line-height:calc(var(--columnHeadingLineHeight) - 1px) !important}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day>thead>tr>th:first-child{display:none}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody tr:first-child{position:sticky;top:1.625rem;border-collapse:collapse;background:var(--colour-canvas);z-index:99;display:table-row !important}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody tr:first-child td{border-top:1px solid var(--colour-border)}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody th{display:none}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody th,.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody td{border-bottom:1px solid var(--colour-border);border-right:1px solid var(--colour-border);height:4.5rem}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody th:first-child,.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody td:first-child{border-left:1px solid var(--colour-border)}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day>tbody>tr>td>span ::slotted(button){max-width:100%}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper .calendar ::slotted(button){width:100% !important;max-width:100% !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper{position:relative}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper tr:has([data-hour][data-time]){position:relative}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper [data-hour][data-time]{position:relative;color:var(--colour-canvas)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper [data-hour][data-time]:before{content:attr(data-time);position:absolute;top:var(--minute-pos, 25%);left:0;width:var(--side-panel-width);transform:translate(0, -50%);text-align:right;padding-right:.25rem;color:var(--colour-primary)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper [data-hour][data-time]:after{content:"";position:absolute;top:var(--minute-pos, 25%);right:0;margin-right:-4px;width:4px;height:4px;border-radius:50%;background:var(--colour-info);transform:translate(0, -50%)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper [data-hour][data-time]~td:before{content:"";position:absolute;top:var(--minute-pos, 25%);left:0;margin-left:-1px;margin-right:-1px;width:calc(100% + 2px);height:1px;border:1px solid var(--colour-info);transform:translate(0, -50%);z-index:98}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table{display:table;width:100%;margin-bottom:2rem}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table>thead,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table>thead{display:none}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table>tbody,.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table>tbody>tr,.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table>tbody,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table>tbody>tr,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table>tbody>tr>td{display:contents}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td:not(:has(slot:not(.continued)))>*:not(.table--day),.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table>tbody>tr>td:not(:has(slot:not(.continued)))>*:not(.table--day){display:none}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day{width:100%}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day tr th,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day tr th{display:none}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day tr td,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day tr td{display:contents}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day tr td slot:not(.continued),.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day tr td slot:not(.continued){display:block}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day tr td slot.continued,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day tr td slot.continued{display:none}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day tr:not(:has(slot)),.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day tr:not(:has(slot)){display:none}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table ::slotted(button),.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table ::slotted(button){margin-bottom:.5rem !important}.calendar__controls:has(select option[value=month]:checked)~#split.calendar{display:none}@container (max-width: 36em){.calendar__controls:has([name=split]:checked)~#split.calendar{display:block !important}.calendar__controls:has([name=split]:checked)~#split.calendar>table>tbody>tr>td:not(.selected){display:none}}.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #calendar{display:none}.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view{display:grid !important;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;--table-height: 10rem}.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view .month-wrapper table{height:var(--table-height);font-size:.625rem;margin-bottom:0}.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view .month-wrapper table thead>tr>th,.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view .month-wrapper table .column-header{font-size:.625rem;line-height:.75rem}.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view .month-wrapper table tbody>tr>td.selected{background-color:rgba(0,0,0,0)}@container (min-width: 36em){.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view{grid-template-columns:1fr 1fr 1fr;--table-height: 15rem}}@container (min-width: 62em){.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view{grid-template-columns:1fr 1fr 1fr 1fr;--table-height: 20rem}}:host([data-hide-weekends]) .calendar__controls:has(select option[value=month]:checked)~.calendar__wrapper #calendar>table th.saturday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=month]:checked)~.calendar__wrapper #calendar>table td.day--saturday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=month]:checked)~.calendar__wrapper #calendar>table th.sunday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=month]:checked)~.calendar__wrapper #calendar>table td.day--sunday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #calendar>table th.saturday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #calendar>table td.day--saturday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #calendar>table th.sunday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #calendar>table td.day--sunday{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:var(--colour-canvas)}::-webkit-scrollbar-thumb{background-color:#c1c1c1;width:6px}/*# sourceMappingURL=assets/css/components/calendar.component.css.map */
|
|
32
|
+
@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(.badge,.tag){font-size:1rem;line-height:1.625rem;border:none !important;margin:0;display:inline-block;text-align:center;white-space:nowrap;max-width:fit-content;color:#262626;position:relative;background:var(--wider-colour, var(--wider-colour-1));margin-bottom:.5rem;&:has(+:is(.badge,.tag)){margin-right:.375rem}&:empty{display:none}&:is(.bg-primary,.bg-dark,.bg-danger){color:#fcfcfc !important}}.badge{border-radius:.375rem;padding:0 .5rem}.badge--rounded{border-radius:1rem;min-width:1.625rem;padding:0}.tag{border-radius:1rem;padding:0 1rem;i{margin-left:.5rem}&:is(:hover,:focus,.hover,:focus-within,:focus-visible){background:color-mix(in oklab, var(--colour), #000000 5%)}&:is(:active,.active){background:color-mix(in oklab, var(--colour), #000000 10%)}&:has(input:disabled),&:disabled{background:var(--wider-colour-1) !important;color:#99adb1 !important}&:has([readonly]){pointer-events:none}&:has([readonly]):after{display:none !important}}iam-multiselect:not(:defined) .tag,.tag.tag--toggle{background:var(--colour-canvas);outline:1px solid var(--colour-border)}.tag.tag--toggle{&:after{display:none}&:is(:hover,:focus){background:#eee}&:has(:hover,:focus){background:#eee !important}&:is(:active){background:#e0e0e0}&:has(input:checked),&.selected,&[aria-pressed=true]{background:#e9f9fd !important;outline:1px solid #1ebee6 !important}}.btn :is(.badge,.tag){position:relative;top:-1px}}@layer elements{:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:bold;color:var(--colour-heading);clear:both;display:block;& [class*=fa-]{margin-right:.5rem}}:is(.h1,h1){font-size:var(--h1-fs);line-height:var(--h1-lh);padding-bottom:var(--h1-pb);font-weight:900}:is(h2,.h2){font-size:var(--h2-fs);line-height:var(--h2-lh);padding-bottom:var(--h2-pb);font-weight:900}:is(h3,.h3){font-size:var(--h3-fs);line-height:var(--h3-lh);padding-bottom:var(--h3-pb);max-width:var(--content-max-width)}:is(h4,h5,h6){font-size:var(--h4-fs);line-height:var(--h4-lh);padding-bottom:var(--h4-pb);max-width:var(--content-max-width)}.h1{font-size:var(--h1-fs);line-height:var(--h1-lh);padding-bottom:var(--h1-pb);font-weight:900}.h2{font-size:var(--h2-fs);line-height:var(--h2-lh);padding-bottom:var(--h2-pb);font-weight:900}.h3{font-size:var(--h3-fs);line-height:var(--h3-lh);padding-bottom:var(--h3-pb);max-width:var(--content-max-width)}:is(.h4,.h5,.h6){font-size:var(--h4-fs);line-height:var(--h4-lh);padding-bottom:var(--h4-pb);max-width:var(--content-max-width)}p{margin-top:0;font-size:var(--body-fs);line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}p:empty{display:none}:is(.lead,.strapline){font-size:1.125rem;line-height:1.75rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:700}small,.small{font-size:.875rem;line-height:1.5rem;padding-bottom:2rem;max-width:var(--content-max-width);font-weight:normal}.x-small{font-size:.625rem;line-height:1.5rem;padding-bottom:1rem;max-width:var(--content-max-width);font-weight:normal}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}strong{font-weight:bolder;font-family:var(--font-heading);color:var(--colour-heading)}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0;quotes:"\u201C" "\u201D" "\u2018" "\u2019";padding-bottom:3rem;overflow:hidden;& p{font-size:1.5rem;line-height:2rem;padding-bottom:0}& p:first-child:before{content:open-quote}& p:last-of-type:after{content:close-quote}& cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}}mark{padding:.1875em;background-color:yellow}.stat{font-size:4rem;line-height:4.5rem;font-weight:bold;color:var(--colour-heading);display:block;text-decoration:underline;text-underline-offset:.75rem;text-decoration-color:var(--colour-secondary);text-decoration-thickness:.25rem;margin-bottom:4rem}}@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{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}}}*,*::before,*::after{box-sizing:border-box}.border-0{border:none}.d-inline-block{display:inline-block}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.fa-regular,.far{font-weight:400}.fa-light,.fal{font-weight:300}[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic);line-height:1em}.fa-calendar-day{--fa: '\\f783'}.fa-calendar-days{--fa: '\\f073'}.fa-calendar-week{--fa: '\\f784'}.fa-calendars{--fa: '\\e0d7'}.fa-list{--fa: '\\f03a'}.fa-chevron-down{--fa: '\\f078'}.fa-chevron-left{--fa: '\\f053'}.fa-chevron-right{--fa: '\\f054'}.fa-sliders{--fa: '\\f1de'}.fa-cog,.fa-gear{--fa: '\\f013';--fa--fa: '\\f013\\f013'}.fa-clock{--fa: '\\f017'}#view[data-views] option{display:none}#view[data-views*=month] option[value=month]{display:flex}#view[data-views*=week] option[value=week]{display:flex}#view[data-views*=day] option[value=day]{display:flex}#view[data-views*=list] option[value=list]{display:flex}#view[data-views*=year] option[value=year]{display:flex}.calendar__controls{display:flex;flex-direction:row;align-content:center;align-items:center;flex-wrap:wrap;padding-bottom:.5rem}#view,#view::picker(select){appearance:base-select}#view::picker-icon{display:none}@layer elements{#view{margin-bottom:.5rem !important}#view i[class*=fa-]{margin-right:.5rem}div:has(>#view){margin-bottom:0 !important}}div:has(>select) #view{margin-bottom:.5rem !important}#view::picker(select){border-radius:.5rem;border-color:var(--colour-border);box-shadow:0px 2px 9px rgba(0,0,0,.1);padding:.5rem}#view option{padding-block:.5rem}#view option i{font-weight:400}#view option:checked{font-weight:bold}#view option::checkmark{display:none}#prev-button,#next-button{margin-right:.5rem}#next-button{margin-right:auto;margin-left:.5rem}#prev-button:before,#next-button:before{margin-right:0}.calendar__datepicker{display:inline-block;position:relative;margin-bottom:.5625rem}.calendar__datepicker input{position:absolute;inset:0;opacity:0;z-index:1}.calendar__datepicker ::-webkit-calendar-picker-indicator{width:100%;height:100%;position:absolute;inset:0;opacity:0;z-index:1;cursor:pointer}.calendar__title{display:inline-block;line-height:2.25rem;margin-bottom:0;color:var(--colour-primary);pointer-events:none}#filters-button i,#settings-button i{margin-right:0 !important}@container (min-width: 62em){#filters-button .visually-hidden,#settings-button .visually-hidden{display:contents}#filters-button i,#settings-button i{margin-right:1rem !important}}#filters-button{display:none}:host([data-filter]) #filters-button{display:block}hr{display:none}.tag.tag--toggle{display:none}@container (max-width: 36em){#today-button{display:none}.calendar__controls>*{order:1}hr{margin:0;padding:0;width:100%;border:0;height:0;display:block !important;order:2 !important}#prev-button,#next-button,.calendar__datepicker{order:3}.calendar__datepicker{margin-inline:.5rem}#prev-button{margin-right:0;margin-left:auto}#next-button{margin-right:auto}#filters-button{margin-left:auto}select:has(option[value=month]:checked)~.tag.tag--toggle{display:inline-block;margin-bottom:.5625rem;margin-right:0;line-height:2rem;order:1;margin-left:auto}select:has(option[value=month]:checked)~.tag.tag--toggle:not(:has([type=checkbox]:checked)){outline:1px solid var(--colour-muted) !important}select:has(option[value=month]:checked)~.tag.tag--toggle [type=checkbox]{position:absolute;top:0;left:0;opacity:0;height:0;width:0;margin:0;pointer-events:none}select:has(option[value=month]:checked)~#filters-button{margin-left:.5rem}}#workday{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;margin-bottom:1rem}#workday label{flex-grow:1}.btn-primary,.btn-secondary{display:block;margin-right:0;margin-bottom:0;margin-top:1rem;width:100%;max-width:100%;text-align:center}:host{--columnHeadingFontSide: 0.875rem;--columnHeadingLineHeight: 1.5rem;--columnHeadingFontWeight: bold;--alldayHeight: 1.75rem;background-color:var(--colour-canvas)}.column-header{font-size:var(--columnHeadingFontSide);line-height:var(--columnHeadingLineHeight);height:var(--columnHeadingLineHeight);color:var(--colour-heading);white-space:nowrap;padding-inline:.25rem;font-weight:var(--columnHeadingFontWeight)}time.column-header{display:block}.calendar__container{container-type:inline-size}#week-view-corner,#week-view-header,#week-view-side,#split,#year-view{display:none}.today .day{background-color:var(--colour-info);text-align:center}.day{width:1.25rem;height:1.25rem;line-height:1.25rem;margin-top:.125rem;text-align:left;border-radius:50%;display:inline-block}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper){container-type:inline-size}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table{width:100%;border-collapse:collapse;max-height:unset;table-layout:fixed;height:30rem;font-size:1rem;line-height:1;border:1px solid var(--colour-border);margin-bottom:2rem}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>thead>tr>th,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td{border:1px solid var(--colour-border);color:var(--colour-heading)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>thead>tr>th{text-align:center}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>thead>tr>th .long-day-name{display:none}@container (min-width: 36em){.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>thead>tr>th .short-day-name{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>thead>tr>th .long-day-name{display:inline}}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td{padding:.25rem;overflow-x:visible;overflow-y:clip;aspect-ratio:unset;position:relative}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td>time{font-weight:normal;position:absolute;top:.25rem;left:0}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td>time .day-of-week,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td>time .month{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td{overflow:hidden;position:relative}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td:hover{background-color:#eee}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td:active{background-color:#e0e0e0}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.selected{background-color:#e9f8fc}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.day--saturday:not(.prev-month,.next-month,.selected),.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.day--sunday:not(.prev-month,.next-month,.selected){background-color:#f5f5f5}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.prev-month{background-color:rgba(245,245,245,.4);color:var(--colour-border)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.next-month{background-color:rgba(245,245,245,.4);color:var(--colour-border)}@container (max-width: 36em){.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day thead,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day tbody,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day tr,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day td{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td{overflow:visible}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.has-event .table--day{display:block;position:absolute;top:2rem;left:.25rem;height:.5rem;border-radius:.25rem;overflow:hidden;display:inline-block;width:.5rem;background:var(--colour-muted)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.multi-events .table--day{width:calc(50% - .5rem)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.busy-day .table--day{width:calc(75% - .5rem)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.all-day .table--day{width:calc(100% - .5rem)}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.continued-day:not(:first-child) .table--day{width:calc(100% - .25rem);left:0;margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.all-day:has(+.continued-day) .table--day{width:calc(100% - .25rem);border-top-right-radius:0;border-bottom-right-radius:0}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td.continued-day:has(+.continued-day) .table--day{width:calc(100% + 2px);margin-inline:-1px;border-top-right-radius:0;border-bottom-right-radius:0}}@container (min-width: 36em){.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table{height:50rem}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td{overflow:visible}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot){display:block;position:absolute;top:2rem;left:0}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>thead,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody>tr>th,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody>tr>td:not(:has(slot)){display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody,.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody>tr{display:block}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody>tr>td:has(slot){border:0;padding-inline:.25rem;display:block;overflow:visible}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot)>tbody>tr>td:has(slot) slot{pointer-events:all;overflow:visible}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot) .multiple-event~.has-event{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot) .has-event~.has-event~.has-event{display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot) .has-event~.multiple-event td:has([slot]) span:has([slot])~span:has([slot]),.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day:has(slot) .has-event~.multiple-event td:has([slot])~td:has([slot]){display:none}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td[data-more]:after{content:"+" attr(data-more) " more";position:absolute;left:.25rem;bottom:.75rem;text-decoration:underline;line-height:1;text-underline-offset:.2em;pointer-events:auto;cursor:pointer}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table ::slotted(button){width:var(--event-width, 100%) !important;max-width:var(--event-max-width, 100%) !important}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table>tbody>tr>td:not(:first-child) ::slotted(button.continued){opacity:0 !important;pointer-events:none !important}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day{width:100%}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day td{height:auto;width:auto;position:relative}.calendar__controls:has(select :is(option[value=month],option[value=year]):checked)~.calendar__wrapper :is(#calendar,.month-wrapper)>table .table--day td slot{width:100%;display:block}}@container (max-width: 36em){.calendar__controls:has([name=split]:checked)~.calendar__wrapper #calendar>table{height:auto !important}.calendar__controls:has([name=split]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td{height:3rem}}.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #week-view-header{display:block;position:sticky;top:0;margin:0;padding-left:var(--side-panel-width);margin-bottom:-1px;background-color:#fff;z-index:100}.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #week-view-header>table{width:100%;background-color:#fff}.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #week-view-header .table--day>tbody>tr:not(.allday){display:none}.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #week-view-header .table--day,.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #calendar .table--day{margin:-2px !important;width:calc(100% + 4px) !important}.calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper .calendar>table{display:table;width:100%;min-width:55rem}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper{--side-panel-width: 3rem;position:relative;height:40rem;overflow:auto;margin-bottom:2rem}@container (min-width: 36em){.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper{--side-panel-width: 4.5rem}}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner{display:block;position:sticky;top:0;left:0;width:calc(var(--side-panel-width) + 1px);margin-bottom:-3.5rem !important;z-index:9999}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner table{min-width:var(--side-panel-width)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner thead{display:table-header-group !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner thead tr{display:table-row !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner thead th{display:table-cell !important;height:calc(var(--columnHeadingLineHeight) - 1px) !important;line-height:calc(var(--columnHeadingLineHeight) - 1px) !important;background-color:var(--colour-canvas);border:1px solid var(--colour-border);text-indent:-300%;overflow:hidden}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner tbody{display:table-row-group !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner tbody tr{display:table-row !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-corner tbody th{display:table-cell !important;height:calc(var(--alldayHeight) - 3px) !important;line-height:calc(var(--alldayHeight) - 3px) !important;background-color:var(--colour-canvas);border:1px solid var(--colour-border);text-align:right;font-size:var(--columnHeadingFontSide);color:var(--colour-heading);white-space:nowrap;padding-inline:.25rem;vertical-align:top;font-weight:normal}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day{border-collapse:collapse;width:100%;color:var(--colour-heading)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>thead,.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>th{display:none}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day tbody th{text-align:right;font-size:var(--columnHeadingFontSide);line-height:var(--alldayHeight);height:var(--alldayHeight);color:var(--colour-heading);white-space:nowrap;padding-inline:.25rem;vertical-align:top;font-weight:normal}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day td{height:auto;width:auto;position:relative;line-height:1}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day td slot{width:100%;display:block;position:relative}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr{border:1px solid var(--colour-border);padding:0}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>th,.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td{height:4.5rem}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td{padding:0}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td:hover{z-index:6}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td:has(slot){padding:0 .25rem !important;z-index:7}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td>span{height:1.09375rem;display:block}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td>span.dragover{background:pink}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr>td>span:nth-child(2){border-bottom:1px dashed var(--colour-border);margin-bottom:-1px}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr.allday>th{display:block;position:absolute;width:4.5rem;right:100%;margin-top:-1px;margin-left:2px;border-top:1px solid var(--colour-border);border-bottom:1px solid var(--colour-border);height:calc(var(--columnHeadingLineHeight) + 1px)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .table--day>tbody>tr.allday>td{height:var(--columnHeadingLineHeight) !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table{display:table;width:100%;border-collapse:collapse;table-layout:fixed}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>thead,.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>tbody>tr:not(:has(.selected)){display:none !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>tbody>tr:has(.selected)>td{border:1px solid var(--colour-border)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>tbody>tr:has(.selected)>td .day-of-week{float:left}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>tbody>tr:has(.selected)>td .day{display:inline-block;margin-left:1rem;float:right}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar>table>tbody>tr:has(.selected)>td .month{display:none}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar .table--day>tbody>tr.allday{height:var(--alldayHeight) !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar .table--day>tbody>tr.allday th{display:none}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper .calendar .table--day>tbody>tr.allday td:has(slot){font-size:var(--columnHeadingFontSide);color:var(--colour-heading);padding-inline:.25rem;height:var(--alldayHeight) !important;line-height:var(--alldayHeight) !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-side{display:block;left:0;position:sticky;width:calc(var(--side-panel-width) + 1px);overflow:hidden;float:left;z-index:99;background:#fff;margin-right:-1px}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-side .table--day{margin:0px;width:100%}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-side .table--day>tbody>tr.allday{display:none}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #week-view-side .table--day>tbody>tr>th{display:table-cell;border:1px solid var(--colour-border);border-right:none}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #calendar{width:calc(100% - var(--side-panel-width));float:left}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #calendar>table>tbody>tr{display:table-row}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #calendar time{display:none !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #calendar .table--day tr.allday{display:none !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper #calendar .table--day tr:has(.out-of-hours){background:#f5f5f5}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #week-view-corner thead th{border:1px solid var(--colour-border)}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #week-view-corner tbody th{border-right:1px solid var(--colour-border)}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #week-view-side{padding-top:calc(var(--columnHeadingLineHeight) + var(--alldayHeight) + 1px)}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #week-view-side .table--day>tbody>tr>th{position:static}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table{--side-panel-width: 3rem;table-layout:fixed;width:100%;max-width:100%}@container (min-width: 36em){.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table{--side-panel-width: 4.5rem}}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>thead,.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>tbody>tr:not(:has(>td.selected)),.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td:not(.selected),.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td>time{display:none}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>tbody>tr:has(>td.selected){display:block}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td.selected{display:contents}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day{width:100%;max-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day thead{display:table-header-group !important}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day thead th{position:sticky;top:0;z-index:99;background:var(--colour-canvas);border-top:1px solid var(--colour-border);border-right:1px solid var(--colour-border);height:calc(var(--columnHeadingLineHeight) - 1px) !important;line-height:calc(var(--columnHeadingLineHeight) - 1px) !important}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day>thead>tr>th:first-child{display:none}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody tr:first-child{position:sticky;top:1.625rem;border-collapse:collapse;background:var(--colour-canvas);z-index:99;display:table-row !important}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody tr:first-child td{border-top:1px solid var(--colour-border)}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody th{display:none}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody th,.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody td{border-bottom:1px solid var(--colour-border);border-right:1px solid var(--colour-border);height:4.5rem}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody th:first-child,.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day tbody td:first-child{border-left:1px solid var(--colour-border)}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper #calendar>table .table--day>tbody>tr>td>span ::slotted(button){max-width:100%}.calendar__controls:has(select option[value=day]:checked)~.calendar__wrapper .calendar ::slotted(button){width:100% !important;max-width:100% !important}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper{position:relative}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper tr:has([data-hour][data-time]){position:relative}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper [data-hour][data-time]{position:relative;color:var(--colour-canvas)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper [data-hour][data-time]:before{content:attr(data-time);position:absolute;top:var(--minute-pos, 25%);left:0;width:var(--side-panel-width);transform:translate(0, -50%);text-align:right;padding-right:.25rem;color:var(--colour-primary)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper [data-hour][data-time]:after{content:"";position:absolute;top:var(--minute-pos, 25%);right:0;margin-right:-4px;width:4px;height:4px;border-radius:50%;background:var(--colour-info);transform:translate(0, -50%)}.calendar__controls:has(select :is(option[value=day],option[value=week]):checked)~.calendar__wrapper [data-hour][data-time]~td:before{content:"";position:absolute;top:var(--minute-pos, 25%);left:0;margin-left:-1px;margin-right:-1px;width:calc(100% + 2px);height:1px;border:1px solid var(--colour-info);transform:translate(0, -50%);z-index:98}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table{display:table;width:100%;margin-bottom:2rem}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table>thead,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table>thead{display:none}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table>tbody,.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table>tbody>tr,.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table>tbody,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table>tbody>tr,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table>tbody>tr>td{display:contents}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table>tbody>tr>td:not(:has(slot:not(.continued)))>*:not(.table--day),.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table>tbody>tr>td:not(:has(slot:not(.continued)))>*:not(.table--day){display:none}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day{width:100%}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day tr th,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day tr th{display:none}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day tr td,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day tr td{display:contents}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day tr td slot:not(.continued),.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day tr td slot:not(.continued){display:block}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day tr td slot.continued,.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day tr td slot.continued{display:none}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table .table--day tr:not(:has(slot)),.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table .table--day tr:not(:has(slot)){display:none}.calendar__controls:has(select option[value=list]:checked)~.calendar__wrapper #calendar>table ::slotted(button),.calendar__controls:has(select option[value=month]:checked)~#split.calendar>table ::slotted(button){margin-bottom:.5rem !important}.calendar__controls:has(select option[value=month]:checked)~#split.calendar{display:none}@container (max-width: 36em){.calendar__controls:has([name=split]:checked)~#split.calendar{display:block !important}.calendar__controls:has([name=split]:checked)~#split.calendar>table>tbody>tr>td:not(.selected){display:none}}.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #calendar{display:none}.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view{display:grid !important;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;--table-height: 10rem}.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view .month-wrapper table{height:var(--table-height);font-size:.625rem;margin-bottom:0}.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view .month-wrapper table thead>tr>th,.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view .month-wrapper table .column-header{font-size:.625rem;line-height:.75rem}.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view .month-wrapper table tbody>tr>td.selected{background-color:rgba(0,0,0,0)}@container (min-width: 36em){.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view{grid-template-columns:1fr 1fr 1fr;--table-height: 15rem}}@container (min-width: 62em){.calendar__controls:has(select option[value=year]:checked)~.calendar__wrapper #year-view{grid-template-columns:1fr 1fr 1fr 1fr;--table-height: 20rem}}:host([data-hide-weekends]) .calendar__controls:has(select option[value=month]:checked)~.calendar__wrapper #calendar>table th.saturday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=month]:checked)~.calendar__wrapper #calendar>table td.day--saturday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=month]:checked)~.calendar__wrapper #calendar>table th.sunday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=month]:checked)~.calendar__wrapper #calendar>table td.day--sunday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #calendar>table th.saturday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #calendar>table td.day--saturday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #calendar>table th.sunday,:host([data-hide-weekends]) .calendar__controls:has(select option[value=week]:checked)~.calendar__wrapper #calendar>table td.day--sunday{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:var(--colour-canvas)}::-webkit-scrollbar-thumb{background-color:#c1c1c1;width:6px}/*# sourceMappingURL=assets/css/components/calendar.component.css.map */
|
|
33
33
|
|
|
34
34
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
35
35
|
</style>
|
|
@@ -142,6 +142,8 @@ class iamCard extends HTMLElement {
|
|
|
142
142
|
cardComponent.dispatchEvent(customEvent);
|
|
143
143
|
});
|
|
144
144
|
});
|
|
145
|
+
if (this.querySelector('[slot="link"]'))
|
|
146
|
+
this.classList.add('hasLink');
|
|
145
147
|
trackComponent(cardComponent, 'iam-card', [
|
|
146
148
|
'select-card',
|
|
147
149
|
'unselect-card',
|