@iamproperty/components 7.8.2--beta1 → 7.8.2--beta3
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/applied-filters.css +1 -1
- package/assets/css/components/applied-filters.css.map +1 -1
- package/assets/css/components/calendar.component.css +1 -1
- package/assets/css/components/calendar.component.css.map +1 -1
- package/assets/css/components/modal.component.css +1 -1
- package/assets/css/components/modal.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/video-card.component.css +1 -1
- package/assets/css/components/video-card.component.css.map +1 -1
- package/assets/css/components/video-modal.component.css +1 -1
- package/assets/css/components/video-modal.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/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 +3 -3
- package/assets/js/components/address-lookup/address-lookup.component.min.js.map +1 -1
- package/assets/js/components/advanced-select/advanced-select.component.min.js +3 -3
- package/assets/js/components/advanced-select/advanced-select.component.min.js.map +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +2 -2
- package/assets/js/components/banner/banner.component.min.js +1 -1
- 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.min.js +6 -6
- 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.min.js +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 +4 -4
- package/assets/js/components/filter-card/filter-card.component.min.js.map +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 +2 -2
- 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.js +14 -1
- package/assets/js/components/multiselect/multiselect.component.min.js +3 -3
- package/assets/js/components/multiselect/multiselect.component.min.js.map +1 -1
- 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 +4 -4
- package/assets/js/components/record-card/record-card.component.min.js.map +1 -1
- 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 +1 -1
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js +4 -4
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js.map +1 -1
- 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 +1 -1
- 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 +2 -2
- package/assets/js/components/tag/tag.component.min.js +1 -1
- 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 +6 -6
- package/assets/js/components/video-card/video-card.component.min.js.map +1 -1
- package/assets/js/components/video-modal/video-modal.component.min.js +2 -2
- package/assets/js/components/word-count/word-count.component.min.js +1 -1
- package/assets/js/modules/advanced-select.js +6 -3
- package/assets/js/modules/advanced-select.test.js +28 -0
- package/assets/js/modules/applied-filters.test.js +21 -0
- package/assets/js/modules/card.module.js +3 -2
- package/assets/js/modules/card.module.test.js +20 -0
- package/assets/js/modules/carousel.test.js +18 -0
- package/assets/js/modules/chart.module.test.js +22 -0
- package/assets/js/modules/chart.test.js +15 -0
- package/assets/js/modules/content.test.js +20 -0
- package/assets/js/modules/data-layer.test.js +12 -0
- package/assets/js/modules/dialogs.test.js +13 -0
- package/assets/js/modules/drawer.test.js +16 -0
- package/assets/js/modules/dropdown.test.js +31 -0
- package/assets/js/modules/dynamicEvents.test.js +19 -0
- package/assets/js/modules/fileupload.test.js +17 -0
- package/assets/js/modules/filterlist.test.js +18 -0
- package/assets/js/modules/{helper.test.js → helpers.test.js} +42 -2
- package/assets/js/modules/integration-tests.test.js +12 -0
- package/assets/js/modules/milestone-group.test.js +18 -0
- package/assets/js/modules/milestone.test.js +31 -0
- package/assets/js/modules/modal.test.js +18 -0
- package/assets/js/modules/nav.test.js +37 -0
- package/assets/js/modules/notification.test.js +11 -0
- package/assets/js/modules/orderablelist.test.js +15 -0
- package/assets/js/modules/pagination.test.js +21 -0
- package/assets/js/modules/password.test.js +33 -0
- package/assets/js/modules/table.test.js +42 -0
- package/assets/js/modules/tabs.test.js +23 -0
- package/assets/js/modules/test-dom.js +725 -0
- package/assets/js/modules/test-globals.js +7 -0
- package/assets/js/modules/test-utils.js +26 -0
- package/assets/js/modules/test.js +20 -1
- package/assets/js/modules/testimonial.test.js +14 -0
- package/assets/js/modules/videos.test.js +37 -0
- package/assets/js/scripts.bundle.js +1 -1
- package/assets/js/scripts.bundle.min.js +1 -1
- package/assets/sass/components/modal.component.scss +1 -2
- package/assets/sass/elements/badge-tag.css +1 -1
- package/assets/sass/utilities/border.css +1 -1
- package/assets/ts/components/multiselect/multiselect.component.ts +20 -1
- package/assets/ts/modules/advanced-select.test.ts +33 -0
- package/assets/ts/modules/advanced-select.ts +6 -2
- package/assets/ts/modules/applied-filters.test.ts +25 -0
- package/assets/ts/modules/card.module.test.ts +24 -0
- package/assets/ts/modules/card.module.ts +2 -1
- package/assets/ts/modules/carousel.test.ts +27 -0
- package/assets/ts/modules/chart.module.test.ts +26 -0
- package/assets/ts/modules/chart.test.ts +19 -0
- package/assets/ts/modules/content.test.ts +24 -0
- package/assets/ts/modules/data-layer.test.ts +15 -0
- package/assets/ts/modules/dialogs.test.ts +17 -0
- package/assets/ts/modules/drawer.test.ts +20 -0
- package/assets/ts/modules/dropdown.test.ts +38 -0
- package/assets/ts/modules/dynamicEvents.test.ts +23 -0
- package/assets/ts/modules/fileupload.test.ts +21 -0
- package/assets/ts/modules/filterlist.test.ts +22 -0
- package/assets/ts/modules/{helper.test.ts → helpers.test.ts} +63 -2
- package/assets/ts/modules/integration-tests.test.ts +15 -0
- package/assets/ts/modules/milestone-group.test.ts +22 -0
- package/assets/ts/modules/milestone.test.ts +35 -0
- package/assets/ts/modules/modal.test.ts +22 -0
- package/assets/ts/modules/nav.test.ts +41 -0
- package/assets/ts/modules/notification.test.ts +15 -0
- package/assets/ts/modules/orderablelist.test.ts +19 -0
- package/assets/ts/modules/pagination.test.ts +25 -0
- package/assets/ts/modules/password.test.ts +40 -0
- package/assets/ts/modules/table.test.ts +57 -0
- package/assets/ts/modules/tabs.test.ts +27 -0
- package/assets/ts/modules/test-dom.ts +798 -0
- package/assets/ts/modules/test-globals.ts +7 -0
- package/assets/ts/modules/test-utils.ts +29 -0
- package/assets/ts/modules/test.ts +28 -1
- package/assets/ts/modules/testimonial.test.ts +17 -0
- package/assets/ts/modules/videos.test.ts +33 -0
- package/dist/components.es.js +24 -24
- package/dist/components.umd.js +113 -113
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.8.2--
|
|
2
|
+
* iamKey v7.8.2--beta3
|
|
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,&[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[open]:has(iam-modal){--modal-inner-dialog-display: contents;place-self:center}@media(prefers-color-scheme: light){dialog[open]:has(iam-modal){color-scheme:light;--colour-body: #595959;--colour-heading: var(--colour-primary-theme)}}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;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[open]:has(iam-modal){--modal-inner-dialog-display: contents;place-self:center}@media(prefers-color-scheme: light){dialog[open]:has(iam-modal){color-scheme:light;--colour-body: #595959;--colour-heading: var(--colour-primary-theme)}}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>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.8.2--
|
|
2
|
+
* iamKey v7.8.2--beta3
|
|
3
3
|
* Copyright 2022-2026 iamproperty
|
|
4
|
-
*/const b=d=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:d})},h=(d,r
|
|
4
|
+
*/const b=d=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:d})},h=(d,a,r)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:a}),r.forEach(e=>{d.addEventListener(e,function(c){const s={event:e,element:a,target:c.target};Object.keys(c.detail).forEach(p=>{const o=c.detail[p];s[p]=o}),window.dataLayer.push(s)})}),!0),u=`<div class="wrapper">
|
|
5
5
|
<div class="card__head" part="head">
|
|
6
6
|
<slot name="head"></slot>
|
|
7
7
|
</div>
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
<div class="card__footer" part="footer">
|
|
18
18
|
<slot name="footer"></slot>
|
|
19
19
|
</div>
|
|
20
|
-
</div>`,v=d=>{
|
|
20
|
+
</div>`,v=d=>{d.classList.add("card");const a=d.shadowRoot.querySelector(".card__head"),r=d.shadowRoot.querySelector(".card__body");if(d.hasAttribute("data-image")&&(a.innerHTML+=`<img src="${d.getAttribute("data-image")}" alt="" loading="lazy" part="image" />`),d.hasAttribute("data-total"))if(!r?.querySelector(".card__total"))r.insertAdjacentHTML("beforeend",`<div class="card__total">${d.getAttribute("data-total")}</div>`);else{const e=r?.querySelector(".card__total");e&&(e.innerHTML=d.getAttribute("data-total"))}else d.querySelector('[slot="total-icon"]')&&r.insertAdjacentHTML("beforeend",'<div class="card__total"><slot name="total-icon"></slot></div>');d.querySelector('[slot="badges"]')?d.shadowRoot.querySelector(".card__badges").classList.remove("empty"):d.shadowRoot.querySelector(".card__badges").classList.add("empty")};class f extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
21
21
|
<style>
|
|
22
22
|
*,*::before,*::after{box-sizing:border-box}:host{inset:auto;top:anchor(bottom) !important;left:anchor(left) !important;position:fixed;position-try-fallbacks:flip-block,flip-inline;width:max-content !important;min-width:max-content !important;max-width:max-content !important;height:min-content;max-height:var(--menu-max-height, min(100vh - 6rem));overflow:auto;border:none !important}:host(.menu--fill){width:anchor-size(width) !important;min-width:anchor-size(width) !important;max-width:anchor-size(width) !important}:host(:popover-open),:host([popover-open]){display:block}:host(:not([popover])){position:static;display:block}:host(.menu--sm){width:10rem;min-width:10rem !important;max-width:10rem !important}:host(.menu--md){width:15rem;min-width:15rem !important;max-width:15rem !important}:host(.menu--lg){width:20rem;min-width:20rem !important;max-width:20rem !important}:host(.menu--height-sm){max-height:12.5rem}:host(.menu--height-lg){max-height:25rem}::slotted(*:is(button,a,label,span,iam-button)){background:unset !important;border:unset !important;color:var(--colour-primary) !important;font-weight:inherit !important;font-family:inherit !important;font-size:1rem !important;line-height:1.1875rem !important;display:block !important;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding-block:var(--menu-item-padding, 0.5rem) !important;width:var(--menu-item-width, 100%) !important;max-width:var(--menu-item-width, 100%) !important;text-align:var(--menu-item-text-align, left) !important}::slotted(*:is(button,a,label,iam-button)){padding-inline:var(--menu-item-padding, 0.5rem);cursor:var(--menu-item-cursor, pointer) !important}::slotted(*:is(span):first-child){padding-top:0 !important;font-weight:700 !important}::slotted(*:is(button,a,label,span,iam-button):last-child){margin-bottom:0 !important}::slotted(*:is(label)){--radio-size: 1.25rem;--radio-inner-size: 0.75rem;--radio-inner-top: 0.75rem;--radio-inner-left: 0.75rem;--checkbox-tick-size: 0.75rem;--checkbox-inner-size: 0.625rem;--checkbox-inner-top: 0.375rem;--checkbox-inner-left: 0.5rem;padding-left:2.25rem}::slotted(*:is(button,a,label):is(.selected)){background:#e9f8fc !important;border-left:4px solid var(--colour-info) !important;border-radius:.25rem !important;padding-left:calc(var(--menu-item-padding, 0.5rem) - 4px) !important}@media(prefers-color-scheme: dark){::slotted(*:is(button,a,label):is(.selected):not(:hover,.hover)){color:#000 !important}}::slotted(*:is(button,a,label,iam-button):is(:hover,.hover,:focus,.focus)){background:var(--colour-light) !important;border-radius:.25rem !important}::slotted(*:is(button,a,label,iam-button):is(:active,.active)){background:#e0e0e0 !important;border-radius:.25rem !important}@media(prefers-color-scheme: dark){::slotted(*:is(button,a,label):is(:active,.active)){color:#000 !important}}::slotted(hr){height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}::slotted(iam-menu:not([popover])){border:none !important;border-radius:0 !important;box-shadow:none !important;padding:0;margin:0;width:auto}::slotted(iam-menu[popover]){top:anchor(top) !important;left:calc(anchor(right) + 1rem) !important}/*# sourceMappingURL=assets/css/components/menu.component.css.map */
|
|
23
23
|
|
|
24
24
|
</style>
|
|
25
25
|
<div class="menu--inner" part="inner">
|
|
26
26
|
<slot></slot>
|
|
27
|
-
</div>`,this.shadowRoot.appendChild(
|
|
27
|
+
</div>`,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){this.classList.add("dropdown");const a=this.hasAttribute("id")?this.getAttribute("id"):!1,r=document.querySelector(`[popovertarget="${a}"]`);let e=this.querySelectorAll(":scope > a, :scope > button, :scope > details > summary"),c=this.querySelectorAll("a, button");this.closest(".menu__wrapper")&&(c=this.shadowRoot.querySelector("slot").assignedElements({flatten:!0}),e=c),this.querySelectorAll("details");let s,p;a&&r&&(this.setAttribute("role","menu"),this.setAttribute("popover","auto"),this.style["position-anchor"]=`--${a}`,r?.setAttribute("aria-haspopup","true"),r==null||(r.style["anchor-name"]=`--${a}`),r?.setAttribute("aria-controls",a)),c.forEach((o,t)=>{o.setAttribute("role","menuitem"),o.setAttribute("tabindex","0"),t==0&&o.setAttribute("autofocus",!0)}),this.addEventListener("keydown",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("a, button, summary")){const t=document.activeElement,n=Array.from(e).indexOf(t)-1,l=Array.from(e).indexOf(t)+1;switch(o.keyCode){case 27:t.closest("details")?(o.stopPropagation(),o.preventDefault(),t.closest("details").removeAttribute("open"),t.closest("details").querySelector(":scope summary").focus()):(o.stopPropagation(),r.focus());break;case 32:case 13:break;case 35:o.stopPropagation(),o.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(c)[c.length-1].focus();break;case 36:o.stopPropagation(),o.preventDefault(),this.querySelector("details[open]").removeAttribute("open"),Array.from(c)[0].focus();break;case 38:if(o.stopPropagation(),o.preventDefault(),Array.from(e).indexOf(t)>-1)Array.from(e)[n]!=null?Array.from(e)[n].focus():Array.from(e)[e.length-1].focus();else if(t.closest("details")){const i=t.closest("details").querySelectorAll("a, button, :scope details > summary");p=Array.from(i).indexOf(t)-1,Array.from(i)[p]!=null?Array.from(i)[p].focus():Array.from(i)[i.length-1].focus()}break;case 40:if(o.stopPropagation(),o.preventDefault(),Array.from(e).indexOf(t)>-1)Array.from(e)[l]!=null?Array.from(e)[l].focus():Array.from(e)[0].focus();else if(t.closest("details")){const i=t.closest("details").querySelectorAll("a, button, :scope details > summary");s=Array.from(i).indexOf(t)+1,Array.from(i)[s]!=null?Array.from(i)[s].focus():Array.from(i)[0].focus()}break}}}),this.addEventListener("toggle",o=>{var t,n,l,i;const m=new CustomEvent(o.newState,{detail:{id:this.getAttribute("id"),target:o.target}});this.dispatchEvent(m),this.closest(".menu__wrapper")&&c[0].focus(),this.hasAttribute("popover-open")&&(o.preventDefault(),this.removeAttribute("popover-open"),this.hidePopover()),this.matches(":popover-open")&&document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`)?((t=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||t===void 0||t.setAttribute("aria-pressed","true"),(n=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||n===void 0||n.classList.add("active")):((l=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||l===void 0||l.removeAttribute("aria-pressed"),(i=document.querySelector(`[popovertarget="${this.getAttribute("id")}"]`))===null||i===void 0||i.classList.remove("active"))}),this.addEventListener("click",o=>{if(o&&o.target instanceof HTMLElement&&o.target.closest("button:has(+ iam-menu:not([popover]))")){const t=o.target.closest("button:has(+ iam-menu)");t?.classList.toggle("open")}else if(o&&o.target instanceof HTMLElement&&o.target.closest("button.selectable")){const t=o.target.closest("button.selectable");this.hasAttribute("multiple")?t.classList.toggle("selected"):t?.classList.contains("selected")?this.querySelectorAll(".selected").forEach(n=>{n.classList.remove("selected")}):(this.querySelectorAll(".selected").forEach(n=>{n.classList.remove("selected")}),t.classList.add("selected"))}}),CSS.supports("top","anchor(top)")||document.addEventListener("click",o=>{if(o.originalTarget&&o.originalTarget.matches("[popovertarget]")){const t=o.originalTarget,n=t.getAttribute("popovertarget"),l=document.getElementById(n),i=t.getBoundingClientRect(),m=i.top,g=i.left;l.style.setProperty("top",m+"px"),l.style.setProperty("left",g+t.clientWidth+"px")}})}}var w=function(d,a,r,e){function c(s){return s instanceof r?s:new r(function(p){p(s)})}return new(r||(r=Promise))(function(s,p){function o(l){try{n(e.next(l))}catch(i){p(i)}}function t(l){try{n(e.throw(l))}catch(i){p(i)}}function n(l){l.done?s(l.value):c(l.value).then(o,t)}n((e=e.apply(d,a||[])).next())})};b("iam-card");class y extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
|
|
28
28
|
<style>
|
|
29
29
|
${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
|
|
30
30
|
|
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
${u}
|
|
35
35
|
<slot name="link"></slot>
|
|
36
36
|
<slot name="primary-action"></slot>
|
|
37
|
-
`,this.shadowRoot.appendChild(
|
|
37
|
+
`,this.shadowRoot.appendChild(a.content.cloneNode(!0))}connectedCallback(){return w(this,void 0,void 0,function*(){var a,r;const e=this,c=e.shadowRoot.querySelector(".card__body");if(document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location"),window.customElements.get("iam-menu")||window.customElements.define("iam-menu",f),v(e),e.hasAttribute("data-illustration")&&c.insertAdjacentHTML("afterbegin",`<div class="card__illustration"><img src="${this.getAttribute("data-illustration")}" alt="" loading="lazy" /></div>`),!e.querySelector('[slot="btns"]')&&!e.querySelector('[slot="secondary"]')&&!e.classList.contains("card--article")&&!e.closest(".carousel--article-cards")&&e.classList.add("show-icon"),e.querySelector('[slot="btns"]')&&(e.shadowRoot.innerHTML+=`<div class="menu__wrapper">
|
|
38
38
|
<button class="btn btn-secondary btn-compact fa-ellipsis-vertical m-0" popovertarget="actions" style="anchor-name: --anchor-el;" title="Further actions" type="button">Open further actions</button>
|
|
39
39
|
<iam-menu class="dialog--fix dialog--list" id="actions" style="position-anchor: --anchor-el;" popover>
|
|
40
40
|
<slot name="btns"></slot>
|
|
41
41
|
</iam-menu>
|
|
42
|
-
</div>`,!CSS.supports("top","anchor(top)"))){const
|
|
42
|
+
</div>`,!CSS.supports("top","anchor(top)"))){const t=(a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector('[popovertarget="actions"]'),n=(r=this.shadowRoot)===null||r===void 0?void 0:r.querySelector("[popover]");t?.addEventListener("click",l=>{this.style.setProperty("overflow","visible"),this.style.setProperty("z-index","999999");const i=t.getBoundingClientRect(),m=i.top,g=i.left;n.style.setProperty("display","block"),n.style.setProperty("top",m+"px"),n.style.setProperty("left",g-100+"px")}),document.addEventListener("scroll",l=>{n.style.setProperty("display","none")})}if(Array.from(e.querySelectorAll('[slot="btns"]')).forEach(t=>{t.classList.add("btn"),t.classList.add("btn-action")}),e.querySelector('[slot="checkbox"],[slot="secondary"]')){const t=e.querySelector('[slot="checkbox"],[slot="secondary"]');t.addEventListener("mouseenter",()=>{e.classList.add("prevent-hover")}),t.addEventListener("mouseleave",()=>{e.classList.remove("prevent-hover")})}if(e.shadowRoot.querySelector(".menu__wrapper")){const t=e.shadowRoot.querySelector(".menu__wrapper");t.addEventListener("mouseenter",()=>{e.classList.add("prevent-hover")}),t.addEventListener("mouseleave",()=>{e.classList.remove("prevent-hover")})}const s=e.querySelector('input[type="checkbox"]');s&&s.addEventListener("change",()=>{if(s.checked){const t=new CustomEvent("select-card",{detail:{"Card value":s.value,"input name":s.getAttribute("name")}});e.dispatchEvent(t)}else{const t=new CustomEvent("unselect-card",{detail:{"Card value":s.value,"input name":s.getAttribute("name")}});e.dispatchEvent(t)}});const p=e.querySelector('[slot="secondary"]');p&&p.addEventListener("click",()=>{const t=new CustomEvent("secondary-button-clicked",{detail:{Title:p.getAttribute("title")}});e.dispatchEvent(t)});const o=e.querySelectorAll('[slot="btns"]');Array.from(o).forEach(t=>{t.addEventListener("click",()=>{const n=new CustomEvent("action-button-clicked",{detail:{Title:t.getAttribute("title")}});e.dispatchEvent(n)})}),this.querySelector('[slot="link"]')&&this.classList.add("hasLink"),h(e,"iam-card",["select-card","unselect-card","secondary-button-clicked","action-button-clicked"])})}static get observedAttributes(){return["data-image"]}attributeChangedCallback(a,r,e){switch(a){case"data-total":{this.shadowRoot.querySelector(".card__total")&&(this.shadowRoot.querySelector(".card__total").innerHTML=e);break}case"data-image":{if(r!=e){const c=this.shadowRoot.querySelector(".card__head img");c&&c.setAttribute("src",e)}break}}}}export{y as default};
|
|
43
43
|
//# sourceMappingURL=card.component.min.js.map
|