@iamproperty/components 7.4.0 → 7.5.0
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/README.md +1 -1
- package/assets/css/components/actionbar.component.css +1 -1
- package/assets/css/components/actionbar.component.css.map +1 -1
- package/assets/css/components/actionbar.global.css +1 -1
- package/assets/css/components/actionbar.global.css.map +1 -1
- package/assets/css/components/address-lookup.component.css +1 -0
- package/assets/css/components/address-lookup.component.css.map +1 -0
- package/assets/css/components/barchart.component.css +1 -1
- package/assets/css/components/barchart.component.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/calendar.config.css.map +1 -1
- package/assets/css/components/card.component.css +1 -1
- package/assets/css/components/card.component.css.map +1 -1
- package/assets/css/components/carousel.component.css +1 -1
- package/assets/css/components/carousel.component.css.map +1 -1
- package/assets/css/components/charts.css +1 -1
- package/assets/css/components/charts.css.map +1 -1
- package/assets/css/components/collapsible-side.css +1 -1
- package/assets/css/components/collapsible-side.css.map +1 -1
- package/assets/css/components/content.component.css +1 -1
- package/assets/css/components/content.component.css.map +1 -1
- package/assets/css/components/darkmode.component.css +1 -0
- package/assets/css/components/darkmode.component.css.map +1 -0
- package/assets/css/components/doughnutchart.component.css +1 -1
- package/assets/css/components/doughnutchart.component.css.map +1 -1
- package/assets/css/components/inline-edit.css.map +1 -1
- package/assets/css/components/{menu.css → menu.global.css} +1 -1
- package/assets/css/components/menu.global.css.map +1 -0
- package/assets/css/components/milestone.css +1 -1
- package/assets/css/components/milestone.css.map +1 -1
- package/assets/css/components/multi-step.component.css +1 -1
- package/assets/css/components/multi-step.component.css.map +1 -1
- package/assets/css/components/multiselect.css.map +1 -1
- package/assets/css/components/multiselect.preload.css +1 -1
- package/assets/css/components/multiselect.preload.css.map +1 -1
- package/assets/css/components/nav.component.css +1 -1
- package/assets/css/components/nav.component.css.map +1 -1
- package/assets/css/components/nav.global.css +1 -1
- package/assets/css/components/nav.global.css.map +1 -1
- package/assets/css/components/notification.css +1 -1
- package/assets/css/components/notification.css.map +1 -1
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/property-searchbar.css +1 -1
- package/assets/css/components/property-searchbar.css.map +1 -1
- package/assets/css/components/split-button.component.css +1 -1
- package/assets/css/components/split-button.component.css.map +1 -1
- package/assets/css/components/word-count.component.css +1 -0
- package/assets/css/components/word-count.component.css.map +1 -0
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/mobile-core.min.css +1 -1
- package/assets/css/mobile-core.min.css.map +1 -1
- package/assets/css/mobile.min.css +1 -1
- package/assets/css/mobile.min.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.js +40 -19
- package/assets/js/components/accordion/accordion.component.min.js +15 -15
- package/assets/js/components/accordion/accordion.component.min.js.map +1 -1
- package/assets/js/components/actionbar/actionbar.component.js +8 -0
- package/assets/js/components/actionbar/actionbar.component.min.js +6 -5
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.js +6 -8
- package/assets/js/components/address-lookup/address-lookup.component.min.js +10 -12
- 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 +1 -1
- 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 +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js.map +1 -1
- package/assets/js/components/barchart/barchart.component.min.js +2 -2
- package/assets/js/components/barchart/barchart.component.min.js.map +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.min.js +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.min.js.map +1 -1
- package/assets/js/components/calendar/calendar.component.js +153 -136
- package/assets/js/components/calendar/calendar.component.min.js +3 -3
- package/assets/js/components/calendar/calendar.component.min.js.map +1 -1
- package/assets/js/components/card/card.component.js +3 -9
- package/assets/js/components/card/card.component.min.js +13 -7
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/carousel/carousel.component.js +17 -19
- package/assets/js/components/carousel/carousel.component.min.js +17 -19
- package/assets/js/components/carousel/carousel.component.min.js.map +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +2 -2
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js.map +1 -1
- package/assets/js/components/content/content.component.min.js +2 -2
- package/assets/js/components/content/content.component.min.js.map +1 -1
- package/assets/js/components/darkmode/darkmode.component.js +70 -0
- package/assets/js/components/darkmode/darkmode.component.min.js +10 -0
- package/assets/js/components/darkmode/darkmode.component.min.js.map +1 -0
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +2 -2
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js.map +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js.map +1 -1
- package/assets/js/components/filter-card/filter-card.component.min.js +1 -1
- 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/filterlist/filterlist.component.min.js.map +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js.map +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js.map +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js.map +1 -1
- package/assets/js/components/menu/menu.component.js +2 -2
- package/assets/js/components/menu/menu.component.min.js +4 -5
- package/assets/js/components/menu/menu.component.min.js.map +1 -1
- package/assets/js/components/milestone/milestone.component.js +12 -14
- package/assets/js/components/milestone/milestone.component.min.js +1 -1
- package/assets/js/components/milestone/milestone.component.min.js.map +1 -1
- package/assets/js/components/milestone-group/milestone-group.component.js +10 -12
- package/assets/js/components/milestone-group/milestone-group.component.min.js +1 -1
- package/assets/js/components/milestone-group/milestone-group.component.min.js.map +1 -1
- package/assets/js/components/multi-step/multi-step.component.min.js +3 -3
- package/assets/js/components/multi-step/multi-step.component.min.js.map +1 -1
- package/assets/js/components/multiselect/multiselect.component.js +2 -2
- package/assets/js/components/multiselect/multiselect.component.min.js +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js.map +1 -1
- package/assets/js/components/nav/nav.component.js +2 -3
- package/assets/js/components/nav/nav.component.min.js +5 -5
- package/assets/js/components/nav/nav.component.min.js.map +1 -1
- package/assets/js/components/notification/notification.component.js +1 -3
- package/assets/js/components/notification/notification.component.min.js +5 -5
- package/assets/js/components/notification/notification.component.min.js.map +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js.map +1 -1
- package/assets/js/components/rank/rank.component.min.js +1 -1
- package/assets/js/components/rank/rank.component.min.js.map +1 -1
- package/assets/js/components/rankings/rankings.component.min.js +1 -1
- package/assets/js/components/rankings/rankings.component.min.js.map +1 -1
- package/assets/js/components/record-card/record-card.component.min.js +1 -1
- package/assets/js/components/record-card/record-card.component.min.js.map +1 -1
- package/assets/js/components/search/search.component.min.js +1 -1
- package/assets/js/components/search/search.component.min.js.map +1 -1
- package/assets/js/components/slider/slider.component.min.js +1 -1
- package/assets/js/components/slider/slider.component.min.js.map +1 -1
- package/assets/js/components/split-button/split-button.component.js +1 -3
- package/assets/js/components/split-button/split-button.component.min.js +8 -11
- package/assets/js/components/split-button/split-button.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/table-ajax/table-ajax.component.min.js +1 -1
- package/assets/js/components/table-ajax/table-ajax.component.min.js.map +1 -1
- package/assets/js/components/table-basic/table-basic.component.min.js +1 -1
- package/assets/js/components/table-basic/table-basic.component.min.js.map +1 -1
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +1 -1
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js.map +1 -1
- package/assets/js/components/table-submit/table-submit.component.min.js +1 -1
- package/assets/js/components/table-submit/table-submit.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
- package/assets/js/components/video-card/video-card.component.min.js +1 -1
- package/assets/js/components/video-card/video-card.component.min.js.map +1 -1
- package/assets/js/components/word-count/word-count.component.js +81 -0
- package/assets/js/components/word-count/word-count.component.min.js +12 -0
- package/assets/js/components/word-count/word-count.component.min.js.map +1 -0
- package/assets/js/components.js +1 -0
- package/assets/js/modules/advanced-select.js +1 -1
- package/assets/js/modules/dynamicEvents.js +3 -3
- package/assets/js/modules/inputs.js +0 -18
- package/assets/js/modules/milestone.js +2 -2
- package/assets/js/scripts.bundle.js +3 -3
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/js/scripts.js +2 -1
- package/assets/sass/_components.scss +4 -4
- package/assets/sass/_example.scss +1 -1
- package/assets/sass/_functions/utility-mixins.scss +0 -1
- package/assets/sass/components/actionbar.component.scss +22 -0
- package/assets/sass/components/actionbar.global.scss +1 -1
- package/assets/sass/components/{address-lookup.scss → address-lookup.component.scss} +10 -0
- package/assets/sass/components/calendar.component.scss +163 -271
- package/assets/sass/components/calendar.config.scss +69 -122
- package/assets/sass/components/darkmode.component.scss +22 -0
- package/assets/sass/components/milestone.scss +69 -60
- package/assets/sass/components/multi-step.component.scss +1 -1
- package/assets/sass/components/multiselect.preload.scss +1 -1
- package/assets/sass/components/multiselect.scss +1 -2
- package/assets/sass/components/nav.component.scss +16 -6
- package/assets/sass/components/nav.global.scss +8 -12
- package/assets/sass/components/notification.scss +32 -13
- package/assets/sass/components/split-button.component.scss +3 -1
- package/assets/sass/components/table-basic.global.scss +32 -32
- package/assets/sass/components/word-count.component.scss +26 -0
- package/assets/sass/elements/admin-panel.scss +1 -1
- package/assets/sass/elements/buttons--compact.scss +1 -1
- package/assets/sass/elements/details.scss +33 -6
- package/assets/sass/elements/forms.scss +18 -33
- package/assets/sass/elements/lists.scss +1 -1
- package/assets/sass/elements/toggle-button.scss +1 -0
- package/assets/sass/foundations/colours.scss +0 -0
- package/assets/sass/foundations/reboot.scss +8 -1
- package/assets/sass/foundations/root.scss +41 -51
- package/assets/ts/components/accordion/accordion.component.ts +47 -26
- package/assets/ts/components/actionbar/actionbar.component.ts +10 -0
- package/assets/ts/components/address-lookup/address-lookup.component.ts +6 -8
- package/assets/ts/components/calendar/calendar.component.ts +368 -498
- package/assets/ts/components/card/card.component.ts +2 -9
- package/assets/ts/components/carousel/carousel.component.ts +17 -19
- package/assets/ts/components/darkmode/darkmode.component.ts +85 -0
- package/assets/ts/components/menu/menu.component.ts +2 -2
- package/assets/ts/components/milestone/milestone.component.ts +43 -45
- package/assets/ts/components/milestone-group/milestone-group.component.ts +39 -41
- package/assets/ts/components/multiselect/multiselect.component.ts +6 -15
- package/assets/ts/components/nav/nav.component.ts +8 -15
- package/assets/ts/components/notification/notification.component.ts +1 -5
- package/assets/ts/components/split-button/split-button.component.ts +1 -3
- package/assets/ts/components/word-count/word-count.component.ts +91 -0
- package/assets/ts/components.ts +1 -0
- package/assets/ts/modules/advanced-select.ts +11 -16
- package/assets/ts/modules/data-layer.md +0 -5
- package/assets/ts/modules/dynamicEvents.ts +6 -7
- package/assets/ts/modules/inputs.ts +0 -25
- package/assets/ts/modules/milestone-group.ts +39 -42
- package/assets/ts/modules/milestone.ts +119 -122
- package/assets/ts/scripts.ts +2 -1
- package/dist/components.es.js +1693 -41
- package/dist/components.umd.js +1032 -221
- package/package.json +6 -6
- package/src/components/Accordion/Accordion.vue +14 -23
- package/src/components/Accordion/AccordionItem.vue +27 -43
- package/src/components/Actionbar/Actionbar.vue +17 -19
- package/src/components/AddressLookup/AddressLookup.vue +17 -18
- package/src/components/AdvancedSelect/AdvancedSelect.vue +17 -18
- package/src/components/AppliedFilters/AppliedFilters.vue +16 -18
- package/src/components/Banner/Banner.vue +18 -21
- package/src/components/BarChart/BarChart.vue +17 -18
- package/src/components/Calendar/Calendar.vue +14 -20
- package/src/components/Card/Card.vue +17 -17
- package/src/components/Carousel/Carousel.vue +17 -20
- package/src/components/Content/Content.vue +17 -18
- package/src/components/DarkMode/DarkMode.vue +19 -0
- package/src/components/DoughnutChart/DoughnutChart.vue +17 -18
- package/src/components/FileUpload/FileUpload.vue +22 -28
- package/src/components/FilterCard/FilterCard.vue +17 -18
- package/src/components/Filterlist/Filterlist.vue +17 -0
- package/src/components/Header/Header.vue +28 -29
- package/src/components/InlineEdit/InlineEdit.vue +11 -19
- package/src/components/Menu/Menu.vue +17 -17
- package/src/components/Milestones/Milestone.vue +22 -27
- package/src/components/Milestones/MilestoneGroup.vue +24 -27
- package/src/components/Multiselect/Multiselect.vue +17 -18
- package/src/components/Nav/Nav.vue +17 -19
- package/src/components/Notification/Notification.vue +17 -15
- package/src/components/Pagination/Pagination.vue +16 -16
- package/src/components/Rank/Rank.vue +17 -18
- package/src/components/Rankings/Rankings.vue +17 -27
- package/src/components/RecordCard/RecordCard.vue +17 -18
- package/src/components/Search/Search.vue +17 -17
- package/src/components/Slider/Slider.vue +17 -17
- package/src/components/SplitButton/SplitButton.vue +17 -20
- package/src/components/Tabs/Tabs.vue +17 -17
- package/src/components/VideoCard/VideoCard.vue +17 -18
- package/src/components/WordCount/WordCount.vue +22 -0
- package/src/index.js +43 -44
- package/assets/css/components/address-lookup.css +0 -1
- package/assets/css/components/address-lookup.css.map +0 -1
- package/assets/css/components/menu.css.map +0 -1
- /package/assets/sass/components/{menu.scss → menu.global.scss} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* iamKey v7.
|
|
2
|
+
* iamKey v7.5.0
|
|
3
3
|
* Copyright 2022-2025 iamproperty
|
|
4
4
|
*/const P=T=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:T})},Y=(T,t,o)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:t}),o.forEach(a=>{T.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),R=(T=1)=>Math.floor(Math.random()*Date.now()*(T+1));P("iam-calendar");class I 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{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--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}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}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.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"\uF00C";font-family:"Font Awesome 6 Pro";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:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]: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:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:bold;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;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:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.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:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.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:rgba(0,0,0,0);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}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem;border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action: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-action,.btn-action.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) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.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;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@media screen and (prefers-color-scheme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.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)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[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:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}@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:1rem}:is(.badge,.tag):has(+:is(.badge,.tag)){margin-right:0.375rem}:is(.badge,.tag):empty{display:none}:is(.badge,.tag):is(.bg-primary,.bg-dark,.bg-danger){color:#fcfcfc !important}.badge{border-radius:0.375rem;padding:0 0.5rem}.badge--rounded{border-radius:1rem;min-width:1.625rem;padding:0}.tag{border-radius:1rem;padding:0 1rem}.tag:not(:has(i)):after{content:"\u2715";margin-left:.6em;font-weight:bold}.tag i{margin-left:.5rem}.tag:is(:hover,:focus,.hover,:focus-within,:focus-visible){background:var(--wider-colour-hover, var(--wider-colour-1-hover))}.tag:is(:active,.active){background:var(--wider-colour-active, var(--wider-colour-1-active))}.tag:has(input:disabled),.tag:disabled{background:var(--wider-colour-1) !important;color:#99adb1 !important}.tag.tag--not-set,iam-multiselect:not(:defined) .tag,.tag.tag--toggle{background:var(--colour-canvas);outline:1px solid var(--colour-border)}.tag.tag--toggle:after{display:none}.tag.tag--toggle:is(:hover,:focus){background:#eee}.tag.tag--toggle:is(:active){background:#e0e0e0}.tag.tag--toggle:has(input:checked),.tag.tag--toggle.selected{background:#e9f9fd;outline:1px solid #1ebee6}.btn :is(.badge,.tag){position:relative;top:-1px}}@layer elements{mark{padding:.1875em;background-color:#ff0}: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;line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem);color:var(--colour-heading);clear:both;display:block}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4) [class*=fa-]{margin-right:.5rem}:is(.h1,h1){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),6),.25rem);font-weight:900}:is(h2,.h2){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),5),.25rem);font-weight:900}:is(h3,.h3){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),3),.25rem);max-width:var(--content-max-width);line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem)}:is(.h4,h4,.h5,h5,.h6,h6){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),2),.25rem);max-width:var(--content-max-width);line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem)}p{margin-top:0;font-size:1rem;line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}: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:0.875rem;line-height:1.5rem;padding-bottom:3rem;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}blockquote p{font-size:1.5rem;line-height:2rem;padding-bottom:0}blockquote p:first-child:before{content:open-quote}blockquote p:last-of-type:after{content:close-quote}blockquote cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}.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:0.25rem;margin-bottom:4rem}}@layer elements{label{display:inline-block}input,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}select{text-transform:none}select{word-wrap:normal}select:disabled{opacity:1}[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}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;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}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}:is(label:not(.tag),.label){font-size:1.125rem;line-height:1.3125rem;margin-bottom:0.5rem;font-weight:normal;color:var(--colour-heading);display:block}:is(label:not(.tag),.label):has(+input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])):after{content:" (Optional)"}:is(label:not(.tag),.label):has(input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])) .optional-text:before{content:" (Optional)"}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)){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:0.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]),textarea,output,select:not(.select--minimal,.btn)):is(textarea){max-height:100%}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)):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]),textarea,output,select:not(.select--minimal,.btn)):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]),textarea,output,select:not(.select--minimal,.btn))::-webkit-date-and-time-value{height:1.5em}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])){max-width:var(--input-max-width, 50rem)}textarea{--textarea-height-scale: 3;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}fieldset{width:100%}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:round(var(--body-fs, 1rem)*pow(var(--type-scale),2),.25rem);line-height:round(up,1em*var(--type-scale),.25rem);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, 50rem);margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center}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)>*: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]),textarea,output){flex-shrink:1;flex-grow:1;width:0}div:has(>label:first-child):has(>input) input~*:not(output){order:5;margin-top:0.5rem}input[type=color]{width:3rem !important;flex-shrink:0 !important;flex-grow:0 !important;border-start-end-radius:0 !important;border-end-end-radius:0 !important;padding:0 !important;overflow:hidden;cursor:pointer !important}input[type=color]::-moz-color-swatch{border-radius:0;border:none}input[type=color]::-webkit-color-swatch{border-radius:0;border:none}label :is(div,span,fieldset):has(input[type=color]+output){display:flex}input[type=color]+output{border-left:none !important;border-end-start-radius:0 !important;border-start-start-radius:0 !important;margin:0 !important}output{margin-top:.5rem !important;margin-bottom:0 !important}div:has(>:is(.form-control-sm,.input--sm)){--input-fs: 0.875rem;--input-lh: 1rem;--input-padding-block: 0.625rem;--input-padding-inline: 0.875rem}div:has(>:is(.form-control-lg,.input--sm)){--input-fs: 1.5rem;--input-lh: 1.8125rem;--input-padding-block: 1.25rem;--input-padding-inline: 1.375rem}div: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, 50rem)}*:has(>input[readonly]):after{font-family:"Font Awesome 6 Pro";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);bottom:calc(var(--input-padding-block, 0.75rem) + 2px);right:calc(var(--input-padding-block, 1rem) + 2px);text-align:center}:is(.prefix,.suffix){display:none;pointer-events:none}@supports selector(:has(*)){:is(.prefix,.suffix){display:inline-block;width:auto;padding:var(--input-padding-block, 0.75rem) var(--input-padding-block, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-primary-theme);border:2px solid var(--colour-primary);color:var(--colour-white);margin-top:0 !important;margin-bottom:1rem;border-end-start-radius:0.5rem;border-start-start-radius:0.5rem;min-width:calc(2.75rem + 4px);overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;position:relative;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);flex-shrink:0}:is(.prefix,.suffix):after{display:inline-block;max-width:1.25rem}:is(.prefix,.suffix)[class*=fa-]{width:calc(2.75rem + 4px);padding-inline:0}:is(.prefix,.suffix) select{position:absolute;inset:0;opacity:0;cursor:pointer}:is(.prefix,.suffix) span{display:none}:is(.prefix,.suffix) select:has(option:nth-child(1):checked)~span:nth-of-type(1),:is(.prefix,.suffix) select:has(option:nth-child(2):checked)~span:nth-of-type(2),:is(.prefix,.suffix) select:has(option:nth-child(3):checked)~span:nth-of-type(3),:is(.prefix,.suffix) select:has(option:nth-child(4):checked)~span:nth-of-type(4),:is(.prefix,.suffix) select:has(option:nth-child(5):checked)~span:nth-of-type(5),:is(.prefix,.suffix) select:has(option:nth-child(6):checked)~span:nth-of-type(6),:is(.prefix,.suffix) select:has(option:nth-child(7):checked)~span:nth-of-type(7),:is(.prefix,.suffix) select:has(option:nth-child(8):checked)~span:nth-of-type(8),:is(.prefix,.suffix) select:has(option:nth-child(9):checked)~span:nth-of-type(9),:is(.prefix,.suffix) select:has(option:nth-child(10):checked)~span:nth-of-type(10){display:block}:is(.prefix,.suffix) select~span:after{content:" \uF078";font-family:"Font Awesome 6 Pro";font-size:.8em;display:inline-block;padding-left:1em}:is(.prefix,.suffix) select:focus-visible~span:after{content:"\uF077"}.prefix{border-right:none}.suffix{border-left:none;border-end-start-radius:0;border-start-start-radius:0;border-start-end-radius:0.5rem !important;border-end-end-radius:0.5rem !important;order:2}.prefix span{display:none}.prefix span small{font-size:.8em}.prefix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output){border-end-start-radius:0 !important;border-start-start-radius:0 !important}.suffix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),textarea,output),:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),textarea,output):has(~.suffix){order:1;border-start-end-radius:0 !important;border-end-end-radius:0 !important}}:is(input,textarea)[maxlength]+span{position:relative}:is(input,textarea)[maxlength]+span:before{counter-reset:variable var(--char-count) var(--maxlength);counter-reset:variable2 var(--maxlength);content:attr(data-count) " / " counter(variable2);float:right;margin:0 0 1em 1em}.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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") 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,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e") 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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e");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:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");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) + 0.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-display: block}.pwd-checker{display:block;background-repeat:no-repeat !important;background-position:left center;background-size:1em 1em;padding-left:1.5rem !important}.pwd-checker.invalid-feedback{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e")}.pwd-checker:not(.invalid-feedback){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e") !important}label:has(.pwd-checker.invalid-feedback):after{display:none !important}@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:0.625rem;padding-bottom:0.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:0.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:0.875rem;width:0.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:"Font Awesome 6 Pro";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}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:"Font Awesome 6 Pro";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:"Font Awesome 6 Pro";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, var(--colour-light));outline:var(--outline-width) solid var(--colour-light)}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{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}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}select:not(.btn){background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") 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;padding-right:calc(var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem) + var(--input-lh, 1.25rem)) !important;box-shadow:inset -2px 0px 0px var(--colour-primary-theme);max-width:var(--select-max-width, 50rem)}select:not(.btn) option{font-size:1.2em}select:not(.btn)[multiple],select:not(.btn)[size]:not([size="1"]){background:none;max-height:none !important}select:not(.btn):disabled{background-color:gray;border-color:#000}select:not(.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 6 Pro";position:absolute;top:40%;transform:translate(0, -50%);right:.8ch;pointer-events:none;color:var(--colour-body)}iam-fileupload input{display:none}:is(label:not(.tag),.label):has(:is(input,select)){display:block;margin-bottom:1.5rem;max-width:var(--input-max-width, 50rem)}:is(label:not(.tag),.label):has(:is(input,select)) :is(input:not([type=range]),select,textarea){margin-top:0.5rem;margin-bottom:0 !important}:is(label:not(.tag),.label):has(:is(input,select)) :is(input,select)~span:not(:is(.suffix,.prefix,.invalid-feedback)),:is(label:not(.tag),.label):has(:is(input,select)) span:has(>:is(input,select))~span:not(:is(.suffix,.prefix,.invalid-feedback)){all:initial;font-family:var(--font-body);color:var(--colour-body);margin-top:0.5rem;display:block;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select)) .invalid-feedback{font-size:1rem;font-weight:normal;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select)) span:has(:is(input,select)){display:flex;width:100%}:is(label:not(.tag),.label):has(:is(input,select)) :is(.suffix,.prefix):not(.mt-0){margin:0.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:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");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) + 0.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, 50rem)}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=time]){position:relative;margin-right:-3rem;padding-right:3rem !important;background-position:right 4rem center;border-radius:.5rem !important}:is(input[type=date],input[type=time])::-webkit-calendar-picker-indicator{background:rgba(0,0,0,0);bottom:0;color:rgba(0,0,0,0);cursor:pointer;height:auto;left:4em;position:absolute;right:0;top:0;width:auto;order:3}}:is(iam-advanced-select,iam-search){position:relative;display:block}:is(iam-advanced-select,iam-search) label{position:relative}:is(iam-advanced-select,iam-search) input{padding-right:3rem}:is(iam-advanced-select,iam-search) .empty{position:absolute;bottom:.5rem;right:3.5rem;margin:0;aspect-ratio:1/1;width:2rem;height:2rem;text-align:center;line-height:1}:is(iam-advanced-select,iam-search) .empty:not(:hover,:focus){border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}:is(iam-advanced-select,iam-search) .empty i{font-size:1.5rem}:is(iam-advanced-select,iam-search) label:after,:is(iam-advanced-select,iam-search) .hint-text{position:absolute;top:100%}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)){margin-bottom:2.5rem}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)) input{background:none !important}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)):has(:invalid,.is-invalid) .hint-text{display:none}:is(iam-advanced-select,iam-search) datalist{z-index:99;top:100%;position:absolute;background-color:#fff;border-top:none;padding:.5rem;max-height:10rem;overflow-y:auto;width:100%;max-width:var(--input-max-width, 50rem);border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}:is(iam-advanced-select,iam-search) datalist:empty{display:none !important}:is(iam-advanced-select,iam-search) datalist option{background-color:#fff;padding:.5rem;color:blue !important;cursor:pointer;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;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}:is(iam-advanced-select,iam-search) datalist option:is(:hover,:focus){background:var(--colour-light) !important;border-radius:.25rem !important}:is(iam-advanced-select,iam-search) datalist option:active{background:#e0e0e0 !important;border-radius:.25rem !important}iam-advanced-select datalist option.active{border-left:4px solid var(--colour-info) !important;border-radius:.25rem !important;background:hsl(from var(--colour-info) h s l/10%) !important}@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog{--dialog-padding: 1.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;background:var(--colour-canvas-2);box-shadow:0px 2px 9px rgba(0,0,0,.11);border-radius:0.625rem;padding:var(--dialog-padding);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}dialog[open]{display:flex;flex-direction:column}dialog[open]>*:last-child{margin-bottom:0}dialog[open]>:is(p):last-child{padding-bottom:0}}@layer elements{*:not(.dialog__wrapper)>dialog[open]{overflow-y:hidden;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}*: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:0.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}}@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]: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}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement){text-align:center}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement):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:"Font Awesome 6 Pro";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):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}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement) form>:is(button,a){margin-bottom: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)}dialog:has(.embed){width:calc(100% - 6rem) !important;max-width:50rem !important;padding:0;aspect-ratio:16/9}dialog:has(.embed) .embed{aspect-ratio:16/9;width:100%}*: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:"Font Awesome 6 Pro";line-height:1em}.fa-calendar-day{--fa: "\uF783"}.fa-calendar-days{--fa: "\uF073"}.fa-calendar-week{--fa: "\uF784"}.fa-calendars{--fa: "\uE0D7"}.fa-list{--fa: "\uF03A"}.fa-chevron-down{--fa: "\uF078"}.fa-chevron-left{--fa: "\uF053"}.fa-chevron-right{--fa: "\uF054"}.fa-sliders{--fa: "\uF1DE"}.fa-cog,.fa-gear{--fa: "\uF013";--fa--fa: "\uF013\uF013"}.fa-clock{--fa: "\uF017"}#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:0.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:0.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:0.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:0.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:0.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:0.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:0.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:0.625rem;line-height:0.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{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--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}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}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.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"\uF00C";font-family:"Font Awesome 6 Pro";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:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]: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:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:bold;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;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:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.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:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.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:rgba(0,0,0,0);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}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action{border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action: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-action,.btn-action.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) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact{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;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@container style(--theme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.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)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[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:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}@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:1rem}:is(.badge,.tag):has(+:is(.badge,.tag)){margin-right:0.375rem}:is(.badge,.tag):empty{display:none}:is(.badge,.tag):is(.bg-primary,.bg-dark,.bg-danger){color:#fcfcfc !important}.badge{border-radius:0.375rem;padding:0 0.5rem}.badge--rounded{border-radius:1rem;min-width:1.625rem;padding:0}.tag{border-radius:1rem;padding:0 1rem}.tag:not(:has(i)):after{content:"\u2715";margin-left:.6em;font-weight:bold}.tag i{margin-left:.5rem}.tag:is(:hover,:focus,.hover,:focus-within,:focus-visible){background:var(--wider-colour-hover, var(--wider-colour-1-hover))}.tag:is(:active,.active){background:var(--wider-colour-active, var(--wider-colour-1-active))}.tag:has(input:disabled),.tag:disabled{background:var(--wider-colour-1) !important;color:#99adb1 !important}.tag.tag--not-set,iam-multiselect:not(:defined) .tag,.tag.tag--toggle{background:var(--colour-canvas);outline:1px solid var(--colour-border)}.tag.tag--toggle:after{display:none}.tag.tag--toggle:is(:hover,:focus){background:#eee}.tag.tag--toggle:is(:active){background:#e0e0e0}.tag.tag--toggle:has(input:checked),.tag.tag--toggle.selected{background:#e9f9fd;outline:1px solid #1ebee6}.btn :is(.badge,.tag){position:relative;top:-1px}}@layer elements{mark{padding:.1875em;background-color:#ff0}: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;line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem);color:var(--colour-heading);clear:both;display:block}:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4) [class*=fa-]{margin-right:.5rem}:is(.h1,h1){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),6),.25rem);font-weight:900}:is(h2,.h2){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),5),.25rem);font-weight:900}:is(h3,.h3){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),3),.25rem);max-width:var(--content-max-width);line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem)}:is(.h4,h4,.h5,h5,.h6,h6){font-size:round(var(--body-fs, 1rem)*pow(var(--type-scale),2),.25rem);max-width:var(--content-max-width);line-height:round(1em*var(--type-scale),.25rem);padding-bottom:round(1em*var(--type-scale),.25rem)}p{margin-top:0;font-size:1rem;line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}: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:0.875rem;line-height:1.5rem;padding-bottom:3rem;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}blockquote p{font-size:1.5rem;line-height:2rem;padding-bottom:0}blockquote p:first-child:before{content:open-quote}blockquote p:last-of-type:after{content:close-quote}blockquote cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}.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:0.25rem;margin-bottom:4rem}}@layer elements{label{display:inline-block}input,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}select{text-transform:none}select{word-wrap:normal}select:disabled{opacity:1}[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}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;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}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}:is(label:not(.tag),.label){font-size:1.125rem;line-height:1.3125rem;margin-bottom:0.5rem;font-weight:normal;color:var(--colour-heading);display:block}:is(label:not(.tag),.label):has(+input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])):after{content:" (Optional)"}:is(label:not(.tag),.label):has(input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])) .optional-text:before{content:" (Optional)"}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)){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:0.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]),textarea,output,select:not(.select--minimal,.btn)):is(textarea){max-height:100%}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)):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]),textarea,output,select:not(.select--minimal,.btn)):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]),textarea,output,select:not(.select--minimal,.btn))::-webkit-date-and-time-value{height:1.5em}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output,select:not(.select--minimal,.btn)):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])){max-width:var(--input-max-width, 50rem)}textarea{--textarea-height-scale: 3;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}fieldset{width:100%}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:round(var(--body-fs, 1rem)*pow(var(--type-scale),2),.25rem);line-height:round(up,1em*var(--type-scale),.25rem);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, 50rem);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]),textarea,output){flex-shrink:1;flex-grow:1;width:0}div:has(>label:first-child):has(>input) input~*:not(output){order:5;margin-top:0.5rem}input[type=color]{width:3rem !important;flex-shrink:0 !important;flex-grow:0 !important;border-start-end-radius:0 !important;border-end-end-radius:0 !important;padding:0 !important;overflow:hidden;cursor:pointer !important}input[type=color]::-moz-color-swatch{border-radius:0;border:none}input[type=color]::-webkit-color-swatch{border-radius:0;border:none}label :is(div,span,fieldset):has(input[type=color]+output){display:flex}input[type=color]+output{border-left:none !important;border-end-start-radius:0 !important;border-start-start-radius:0 !important;margin:0 !important}output{margin-top:.5rem !important;margin-bottom:0 !important}div:has(>:is(.form-control-sm,.input--sm)){--input-fs: 0.875rem;--input-lh: 1rem;--input-padding-block: 0.625rem;--input-padding-inline: 0.875rem}div:has(>:is(.form-control-lg,.input--sm)){--input-fs: 1.5rem;--input-lh: 1.8125rem;--input-padding-block: 1.25rem;--input-padding-inline: 1.375rem}div: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, 50rem)}*:has(>input[readonly]):after{font-family:"Font Awesome 6 Pro";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);bottom:calc(var(--input-padding-block, 0.75rem) + 2px);right:calc(var(--input-padding-block, 1rem) + 2px);text-align:center}:is(.prefix,.suffix){display:none;pointer-events:none}@supports selector(:has(*)){:is(.prefix,.suffix){display:inline-block;width:auto;padding:var(--input-padding-block, 0.75rem) var(--input-padding-block, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-primary-theme);border:2px solid var(--colour-primary);color:var(--colour-white);margin-top:0 !important;margin-bottom:1rem;border-end-start-radius:0.5rem;border-start-start-radius:0.5rem;min-width:calc(2.75rem + 4px);overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;position:relative;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);flex-shrink:0}:is(.prefix,.suffix):after{display:inline-block;max-width:1.25rem}:is(.prefix,.suffix)[class*=fa-]{width:calc(2.75rem + 4px);padding-inline:0}:is(.prefix,.suffix) select{position:absolute;inset:0;opacity:0;cursor:pointer}:is(.prefix,.suffix) span{display:none}:is(.prefix,.suffix) select:has(option:nth-child(1):checked)~span:nth-of-type(1),:is(.prefix,.suffix) select:has(option:nth-child(2):checked)~span:nth-of-type(2),:is(.prefix,.suffix) select:has(option:nth-child(3):checked)~span:nth-of-type(3),:is(.prefix,.suffix) select:has(option:nth-child(4):checked)~span:nth-of-type(4),:is(.prefix,.suffix) select:has(option:nth-child(5):checked)~span:nth-of-type(5),:is(.prefix,.suffix) select:has(option:nth-child(6):checked)~span:nth-of-type(6),:is(.prefix,.suffix) select:has(option:nth-child(7):checked)~span:nth-of-type(7),:is(.prefix,.suffix) select:has(option:nth-child(8):checked)~span:nth-of-type(8),:is(.prefix,.suffix) select:has(option:nth-child(9):checked)~span:nth-of-type(9),:is(.prefix,.suffix) select:has(option:nth-child(10):checked)~span:nth-of-type(10){display:block}:is(.prefix,.suffix) select~span:after{content:" \uF078";font-family:"Font Awesome 6 Pro";font-size:.8em;display:inline-block;padding-left:1em}:is(.prefix,.suffix) select:focus-visible~span:after{content:"\uF077"}.prefix{border-right:none}.suffix{border-left:none;border-end-start-radius:0;border-start-start-radius:0;border-start-end-radius:0.5rem !important;border-end-end-radius:0.5rem !important;order:2}.prefix span{display:none}.prefix span small{font-size:.8em}.prefix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),textarea,output){border-end-start-radius:0 !important;border-start-start-radius:0 !important}.suffix~:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),textarea,output),:is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=date]):not([type=time]),textarea,output):has(~.suffix){order:1;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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") 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,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e") 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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");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:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e");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:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");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) + 0.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-display: block}.pwd-checker{display:block;background-repeat:no-repeat !important;background-position:left center;background-size:1em 1em;padding-left:1.5rem !important}.pwd-checker.invalid-feedback{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e")}.pwd-checker:not(.invalid-feedback){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e") !important}label:has(.pwd-checker.invalid-feedback):after{display:none !important}@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:0.625rem;padding-bottom:0.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:0.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:0.875rem;width:0.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:"Font Awesome 6 Pro";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}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:"Font Awesome 6 Pro";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:"Font Awesome 6 Pro";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, var(--colour-light));outline:var(--outline-width) solid var(--colour-light)}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{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}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}select:not(.select--minimal,.btn){background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") 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;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, 50rem)}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 6 Pro";position:absolute;top:40%;transform:translate(0, -50%);right:.8ch;pointer-events:none;color:var(--colour-body)}iam-fileupload input{display:none}:is(label:not(.tag),.label):has(:is(input,select)){display:block;margin-bottom:1.5rem;max-width:var(--input-max-width, 50rem)}:is(label:not(.tag),.label):has(:is(input,select)) :is(input:not([type=range]),select,textarea){margin-top:0.5rem;margin-bottom:0 !important}:is(label:not(.tag),.label):has(:is(input,select)) :is(input,select)~span:not(:is(.suffix,.prefix,.invalid-feedback)),:is(label:not(.tag),.label):has(:is(input,select)) span:has(>:is(input,select))~span:not(:is(.suffix,.prefix,.invalid-feedback)){all:initial;font-family:var(--font-body);color:var(--colour-body);margin-top:0.5rem;display:block;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select)) .invalid-feedback{font-size:1rem;font-weight:normal;line-height:1.2}:is(label:not(.tag),.label):has(:is(input,select)) span:has(:is(input,select)){display:flex;width:100%}:is(label:not(.tag),.label):has(:is(input,select)) :is(.suffix,.prefix):not(.mt-0){margin:0.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:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");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) + 0.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, 50rem)}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=time]){position:relative;margin-right:-3rem;padding-right:3rem !important;background-position:right 4rem center;border-radius:.5rem !important}:is(input[type=date],input[type=time])::-webkit-calendar-picker-indicator{background:rgba(0,0,0,0);bottom:0;color:rgba(0,0,0,0);cursor:pointer;height:auto;left:4em;position:absolute;right:0;top:0;width:auto;order:3}}:is(iam-advanced-select,iam-search){position:relative;display:block}:is(iam-advanced-select,iam-search) label{position:relative}:is(iam-advanced-select,iam-search) input{padding-right:3rem}:is(iam-advanced-select,iam-search) .empty{position:absolute;bottom:.5rem;right:3.5rem;margin:0;aspect-ratio:1/1;width:2rem;height:2rem;text-align:center;line-height:1}:is(iam-advanced-select,iam-search) .empty:not(:hover,:focus){border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}:is(iam-advanced-select,iam-search) .empty i{font-size:1.5rem}:is(iam-advanced-select,iam-search) label:after,:is(iam-advanced-select,iam-search) .hint-text{position:absolute;top:100%}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)){margin-bottom:2.5rem}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)) input{background:none !important}.was-validated :is(iam-advanced-select,iam-search) label:has(:is(input:not([type=radio]):not([type=checkbox]),select)):has(:invalid,.is-invalid) .hint-text{display:none}:is(iam-advanced-select,iam-search) datalist:empty{display:none !important}:is(iam-advanced-select,iam-search) datalist{z-index:99;top:100%;position:absolute;background-color:#fff;border-top:none;padding:.5rem;max-height:10rem;overflow-y:auto;width:100%;max-width:var(--input-max-width, 50rem);border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}:is(iam-advanced-select,iam-search) datalist option{background-color:#fff;padding:.5rem;color:blue !important;cursor:pointer;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;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}:is(iam-advanced-select,iam-search) datalist option:is(:hover,:focus){background:var(--colour-light) !important;border-radius:.25rem !important}:is(iam-advanced-select,iam-search) datalist option:active{background:#e0e0e0 !important;border-radius:.25rem !important}iam-advanced-select datalist option.active{border-left:4px solid var(--colour-info) !important;border-radius:.25rem !important;background:hsl(from var(--colour-info) h s l/10%) !important}@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog{--dialog-padding: 1.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;background:var(--colour-canvas-2);box-shadow:0px 2px 9px rgba(0,0,0,.11);border-radius:0.625rem;padding:var(--dialog-padding);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}dialog[open]{display:flex;flex-direction:column}dialog[open]>*:last-child{margin-bottom:0}dialog[open]>:is(p):last-child{padding-bottom:0}}@layer elements{*:not(.dialog__wrapper)>dialog[open]{overflow-y:hidden;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}*: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:0.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}}@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]: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}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement){text-align:center}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement):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:"Font Awesome 6 Pro";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):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}*:not(.dialog__wrapper)>dialog[open]:is(.dialog--transactional,.dialog--acknowledgement) form>:is(button,a){margin-bottom: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)}dialog:has(.embed){width:calc(100% - 6rem) !important;max-width:50rem !important;padding:0;aspect-ratio:16/9}dialog:has(.embed) .embed{aspect-ratio:16/9;width:100%}*: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:"Font Awesome 6 Pro";line-height:1em}.fa-calendar-day{--fa: "\uF783"}.fa-calendar-days{--fa: "\uF073"}.fa-calendar-week{--fa: "\uF784"}.fa-calendars{--fa: "\uE0D7"}.fa-list{--fa: "\uF03A"}.fa-chevron-down{--fa: "\uF078"}.fa-chevron-left{--fa: "\uF053"}.fa-chevron-right{--fa: "\uF054"}.fa-sliders{--fa: "\uF1DE"}.fa-cog,.fa-gear{--fa: "\uF013";--fa--fa: "\uF013\uF013"}.fa-clock{--fa: "\uF017"}#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:0.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:0.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:0.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:0.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:0.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:0.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:0.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:0.625rem;line-height:0.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>
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
<th class="column-header friday"><span class="long-day-name">Friday</span><span class="short-day-name" role="presentation">Fri</span></th>
|
|
157
157
|
<th class="column-header saturday"><span class="long-day-name">Saturday</span><span class="short-day-name" role="presentation">Sat</span></th>
|
|
158
158
|
<th class="column-header sunday"><span class="long-day-name">Sunday</span><span class="short-day-name" role="presentation">Sun</span></th>
|
|
159
|
-
</tr>`}numberDaysInMonth(t,o){return new Date(t,o,0).getDate()}getOrdinalNumber(t){const o=this.english_ordinal_rules.select(t),a=this.suffixes[o];return t+a}setToMonday(t){const o=t.getDay()||7;return o!==1&&t.setHours(-24*(o-1)),t}setToSunday(t){const o=this.setToMonday(t),a=new Date(o);return a.setDate(a.getDate()+6),a}getTitle(t,o){const a=new Date(t),e=a.getMonth(),r=a.getFullYear(),l=a.getDate(),d=a.getDay()?a.getDay():7;if(o=="week"){const y=this.setToMonday(new Date(t)),i=this.setToSunday(new Date(t)),w=y.getMonth(),h=y.getFullYear(),g=y.getDate(),p=i.getMonth(),s=i.getFullYear(),f=i.getDate();return`${this.getOrdinalNumber(g)} ${w!=p?this.monthArray[p]:""} ${h!=s?h:""} - ${this.getOrdinalNumber(f)} ${this.monthArray[p]} ${s}`}else{if(o=="day")return`${this.dayArray[d]} ${this.getOrdinalNumber(l)} ${this.monthArray[e]} ${r}`;if(o=="year")return`${r}`}return`${this.monthArray[e]} ${r}`}createCalendar(t,o,a){const e=new Date(t),r=e.getMonth(),l=e.getFullYear(),d=e.getDate(),y=`${l}-${String(r+1).padStart(2,"0")}-${String(d).padStart(2,"0")}`,i=this.numberDaysInMonth(l,r+1),w=new Date(`${l}-${String(r+1).padStart(2,"0")}-01`),h=new Date(`${l}-${String(r+1).padStart(2,"0")}-${i}`),g=w.getDay()!=0?w.getDay():7,p=h.getDay()!=0?h.getDay():7,s=i+g+(7-p-1),f=new Date(t);f.setMonth(f.getMonth()-1);const S=f.getMonth(),_=f.getFullYear(),c=this.numberDaysInMonth(l,r),u=new Date(t);u.setMonth(u.getMonth()+1);const n=u.getMonth(),v=u.getFullYear();this.hasAttribute("data-calendars")||Array.from(this.querySelectorAll("button[data-calendar]")).forEach(m=>{this.calendars.includes(m.getAttribute("data-calendar"))||this.calendars.push(m.getAttribute("data-calendar"))});let k="<tr>";for(let m=a?0:1;m<=s;m++){const x=m-(g-1),$=`${l}-${String(r+1).padStart(2,"0")}-${String(x).padStart(2,"0")}`,z=m%7;if(k+=`<td class="day--${this.dayArray[z].toLowerCase()} ${$==o?"today":""} ${$==y?"selected":""} ${m<g?"prev-month":""} ${x>i?"next-month":""}">`,m<g){const E=c-(g-1-m),M=`${_}-${String(S+1).padStart(2,"0")}-${String(E).padStart(2,"0")}`;k+=`<time class="column-header" datetime="${M}" title="${this.dayArray[z]} ${x} ${this.monthArray[S]} ${l}"><span class="day-of-week">${this.dayArray[z]} </span><span class="day">${E}</span> <span class="month">${this.monthArray[S]}</span></time>`,k+=this.addDay(M,this.calendars)}if(m>=g&&x<=i&&(k+=`<time class="column-header" datetime="${$}" title="${this.dayArray[z]} ${x} ${this.monthArray[r]} ${l}"><span class="day-of-week">${this.dayArray[z]} </span><span class="day">${x}</span> <span class="month">${this.monthArray[r]}</span></time>`,k+=this.addDay($,this.calendars)),x>i){const E=m-(g-1)-i,M=`${v}-${String(n+1).padStart(2,"0")}-${String(E).padStart(2,"0")}`;k+=`<time class="column-header" datetime="${M}" title="${this.dayArray[z]} ${x} ${this.monthArray[n]} ${l}"><span class="day-of-week">${this.dayArray[z]} </span><span class="day">${E}</span> <span class="month">${this.monthArray[n]}</span></time>`,k+=this.addDay(M,this.calendars)}k+="</td>",(a?m+1:m)%7===0&&m!=s&&(k+="</tr><tr>")}return k+="</tr>",k}addDay(t,o){let a='<table class="table--day">';a+="<thead><tr><th>time</th>",o.forEach(e=>{a+=`<th class="column-header">${e}</th>`}),a+="</tr></thead>",a+="<tbody>",a+='<tr class="allday"><th>All day</th>',o.forEach(e=>{a+=`<td datetime="${t}" data-calendar="${e}"><span datetime="${t}"></span></td>`}),a+="</tr>";for(let e=0;e<24;e++)a+=`<tr class="hour${e}"><th data-hour="${e}">${e}${e<12?"am":"pm"}</th>`,o.forEach(r=>{a+=`<td datetime="${t}T${String(e).padStart(2,"0")}:00" data-calendar="${r}"><span datetime="${t}T${String(e).padStart(2,"0")}:00"></span><span datetime="${t}T${String(e).padStart(2,"0")}:15"></span><span datetime="${t}T${String(e).padStart(2,"0")}:30"></span><span datetime="${t}T${String(e).padStart(2,"0")}:45"></span></td>`}),a+="</tr>";return a+="</tbody>",a+="</table>",a}addEvents(){function t(a,e,r){const l=e.getAttribute("datetime"),d=l.split("T");let y=e.getAttribute("id");e.hasAttribute("id")||(y=`event${R(r)}`,e.setAttribute("id",y)),e.querySelector("span:not(.tooltip__content")||(e.innerHTML=`<span>${e.innerHTML}</span>`);const i=e.getAttribute("data-event-type");if(a.eventTypes.includes(i)||a.eventTypes.push(i),e.setAttribute("data-event-type-enum",a.eventTypes.indexOf(i)+1),e.hasAttribute("data-calendar")){const h=e.getAttribute("data-calendar");a.calendars.includes(h)||a.calendars.push(h),e.setAttribute("data-calendar-enum",a.calendars.indexOf(h)+1)}e.hasAttribute("data-calendar-enum")||e.setAttribute("data-calendar-enum",1),!e.hasAttribute("data-hours")&&!e.hasAttribute("data-days")&&(d[1]?e.setAttribute("data-hours",1):e.setAttribute("data-days",1));let w=(h,g=new Date)=>{let p=6e4*h,s=new Date(Math.round(g.getTime()/p)*p);const f=s.getMonth(),S=s.getFullYear(),_=s.getDate(),c=s.getMinutes(),u=s.getHours();return`${S}-${String(f+1).padStart(2,"0")}-${String(_).padStart(2,"0")}T${String(u).padStart(2,"0")}:${String(c).padStart(2,"0")}`};if(d[1]){e.setAttribute("data-start",d[1]),e.querySelector(":scope > span").setAttribute("data-start",d[1]);const h=w(15,new Date(l));e.setAttribute("datetime",h),console.log(h)}if(e.querySelector(".tooltip__content")){const h=e.querySelector(".tooltip__content");h.style.positionAnchor=`--${y}`,e.style.anchorName=`--${y}`}e.classList.add("defaults-added")}function o(a,e,r){var l;const d=e.getAttribute("datetime"),y=new Date(d),i=y.getDay()?y.getDay():7,w=a.shadowRoot.querySelector(`.month-wrapper .table--day td:has(span[datetime="${d}"])${e.hasAttribute("data-calendar")?`[data-calendar="${e.getAttribute("data-calendar").replace("_","")}"]`:""}`),h=a.shadowRoot.querySelector(`#week-view-header .table--day td:has(span[datetime="${d}"])${e.hasAttribute("data-calendar")?`[data-calendar="${e.getAttribute("data-calendar").replace("_","")}"]`:""}`);h&&h.closest("tr").classList.contains("allday")&&(h.querySelector(`slot[name="${d}${e.hasAttribute("data-calendar")?`-${e.getAttribute("data-calendar").replace("_","")}`:""}-header]"`)||h.querySelector(`span[datetime="${d}"]`).insertAdjacentHTML("beforeEnd",`<slot name="${d}${e.hasAttribute("data-calendar")?`-${e.getAttribute("data-calendar").replace("_","")}`:""}-header" class="${r?"continued":""}"></slot>`));const g=(l=w?.parentElement)===null||l===void 0?void 0:l.closest("td");if(e.setAttribute("slot",`${d}${e.hasAttribute("data-calendar")?`-${e.getAttribute("data-calendar").replace("_","")}`:""}`),w){w.querySelector(`slot[name="${d}${e.hasAttribute("data-calendar")?`-${e.getAttribute("data-calendar").replace("_","")}`:""}"]`)||w.querySelector(`span[datetime="${d}"]`).insertAdjacentHTML("beforeEnd",`<slot name="${d}${e.hasAttribute("data-calendar")?`-${e.getAttribute("data-calendar").replace("_","")}`:""}" class="${r?"continued":""}"></slot>`);const p=g.hasAttribute("data-events")?parseInt(g.getAttribute("data-events")):0;let s=g.hasAttribute("data-hours")?parseFloat(g.getAttribute("data-hours")):0;s+=e.hasAttribute("data-hours")?parseFloat(e.getAttribute("data-hours")):0,g.setAttribute("data-events",parseInt(p)+1),p+1>2&&g.setAttribute("data-more",parseInt(p)+1-2),g.setAttribute("data-hours",s),g.classList.add("has-event"),w.closest("tr").classList.contains("has-event")?w.closest("tr").classList.add("multiple-event"):w.closest("tr").classList.add("has-event"),s>2&&g.classList.add("multi-events"),s>4&&g.classList.add("busy-day"),e.hasAttribute("data-days")&&g.classList.add("all-day"),e.classList.contains("continued")&&g.classList.add("continued-day")}if(e.hasAttribute("data-hours")&&e.style.setProperty("--event-height",`${parseInt(e.getAttribute("data-hours"))*(1.09375*4)}rem`),e.hasAttribute("data-days")&&!e.classList.contains("processed")){const p=e.getAttribute("data-days");e.style.setProperty("--event-width",`${p*100}%`),e.style.setProperty("--event-max-width",`${(8-i)*100}%`),e.classList.add("allday-event");for(let s=1;s<p;s++){const f=e.cloneNode(!0);f.removeAttribute("data-days"),f.removeAttribute("style"),f.classList.add("continued"),f.classList.add("allday-event");const S=`event${R(s)}`;if(f.setAttribute("id",S),f.querySelector(".tooltip__content")){const m=f.querySelector(".tooltip__content");m.style.positionAnchor=`--${S}`,f.style.anchorName=`--${S}`}const _=new Date(d);_.setDate(_.getDate()+s);const c=_.getMonth(),u=_.getFullYear(),n=_.getDate(),v=_.getDay()?_.getDay():7,k=`${u}-${String(c+1).padStart(2,"0")}-${String(n).padStart(2,"0")}`;f.setAttribute("data-original-datetime",e.getAttribute("datetime")),f.setAttribute("datetime",k),e.after(f),o(a,f,!0),v==1&&(f.style.setProperty("--event-width",`${(p-s)*100}%`),f.style.setProperty("--event-max-width",`${(8-v)*100}%`),f.classList.remove("continued"))}}e.classList.add("processed")}this.pauseObserver=!0,Array.from(this.querySelectorAll("button[datetime]")).forEach((a,e)=>{t(this,a,e),o(this,a)}),setTimeout(()=>{this.pauseObserver=!1},"500")}addJSEvents(t){var o,a,e,r,l,d,y;const i=(o=t.shadowRoot)===null||o===void 0?void 0:o.querySelector(".calendar__title"),w=(a=t.shadowRoot)===null||a===void 0?void 0:a.querySelector("#date"),h=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector("#view"),g=(r=this.shadowRoot)===null||r===void 0?void 0:r.querySelector("#year-view"),p=new Date,s=p.getDate(),f=p.getMonth(),_=`${p.getFullYear()}-${String(f+1).padStart(2,"0")}-${String(s).padStart(2,"0")}`,c=(l=t.shadowRoot)===null||l===void 0?void 0:l.querySelector("#calendar > table > tbody");Array.from(t.shadowRoot.querySelectorAll(".month-wrapper > table > tbody > tr > td:has(slot)")).forEach(n=>{n.addEventListener("click",v=>{if(!v.target.matches("button")){const k=n.querySelector("time").getAttribute("datetime");w.value=k,Array.from(c.querySelectorAll(":scope > tr > td")).forEach(m=>{m.classList.remove("selected")}),n.classList.add("selected"),t.shadowRoot.querySelector('[name="split"]:checked')&&h.value=="month"?(Array.from(t.querySelectorAll("[data-slot]")).forEach(m=>{m.setAttribute("slot",m.getAttribute("data-slot"))}),Array.from(t.querySelectorAll(`[slot^="${w.value}"]`)).forEach(m=>{m.setAttribute("data-slot",m.getAttribute("slot")),m.removeAttribute("slot")})):!t.shadowRoot.querySelector('[name="split"]:checked')&&h.value=="month"&&(h.value="day",i==null||(i.innerHTML=this.getTitle(w.value,h.value)),t.scrollIntoPlace()),h.value=="year"&&(h.value="month",g==null||(g.innerHTML=""),c==null||(c.innerHTML=t.createCalendar(w.value,_)),t.addEvents())}})}),(d=t.shadowRoot)===null||d===void 0||d.querySelectorAll("#calendar .table--day td span").forEach(n=>{n.addEventListener("dragover",v=>(v.preventDefault(),!1)),n.addEventListener("dragenter",v=>{v.preventDefault(),n.classList.add("dragover")}),n.addEventListener("dragleave",v=>{v.preventDefault(),n.classList.remove("dragover")}),n.addEventListener("drop",v=>{v.preventDefault();const k=t.querySelector(`#${v.dataTransfer.getData("text")}`),m=n.closest("td"),x=n.getAttribute("datetime");n.classList.remove("dragover"),n.querySelector(`slot[name="${x}${m.hasAttribute("data-calendar")?`-${m.getAttribute("data-calendar").replace("_","")}]`:""}]"`)||n.insertAdjacentHTML("beforeEnd",`<slot name="${x}${m.hasAttribute("data-calendar")?`-${m.getAttribute("data-calendar").replace("_","")}`:""}" class=""></slot>`),k?.setAttribute("slot",`${x}${m.hasAttribute("data-calendar")?`-${m.getAttribute("data-calendar").replace("_","")}`:""}`)})});const u=new ResizeObserver(n=>{for(const v of n)v.target.classList.contains("mousedown")&&v.target.classList.add("resizing")});t.hasAttribute("data-drag")&&t.querySelectorAll("button:not([draggable])").forEach(n=>{n.setAttribute("draggable","true"),n.addEventListener("dragstart",v=>{v.dataTransfer.setData("text",v.target.id)}),u.observe(n),n.addEventListener("mousedown",v=>{n.classList.add("mousedown")}),n.addEventListener("click",v=>{if(n.classList.contains("resizing")){v.stopPropagation(),v.stopImmediatePropagation(),n.classList.remove("mousedown"),n.classList.remove("resizing");const k=this.shadowRoot.querySelector(`span[datetime="${n.getAttribute("datetime")}"]`),m=window.getComputedStyle(k),x=Math.round(parseInt(n.style.height)/parseInt(m.getPropertyValue("height")))/4;n.setAttribute("data-hours",x),n.style.setProperty("--event-height",`${x*(1.09375*4)}rem`),n.style.height=""}})}),t.querySelectorAll("button").forEach(n=>{n.addEventListener("contextmenu",v=>{v.preventDefault(),v.stopPropagation()})}),(y=t.shadowRoot)===null||y===void 0||y.querySelectorAll(".month-wrapper > table > tbody > tr > td").forEach(n=>{n.addEventListener("contextmenu",v=>{v.preventDefault();const k=new CustomEvent("right-click",{detail:{clientX:v.clientX,clientY:v.clientY,element:n,datetime:n.querySelector("time").getAttribute("datetime")}});console.log(n),this.dispatchEvent(k)})})}paginateDate(t,o,a){if(o=="month"||o=="list"){const i=new Date(a);t=="next"?i.setMonth(i.getMonth()+1):i.setMonth(i.getMonth()-1);const w=i.getMonth()+1;return`${i.getFullYear()}-${String(w).padStart(2,"0")}-01`}else if(o=="week"){const i=this.setToMonday(new Date(a));t=="next"?i.setDate(i.getDate()+7):i.setDate(i.getDate()-7);const w=i.getDate(),h=i.getMonth()+1;return`${i.getFullYear()}-${String(h).padStart(2,"0")}-${String(w).padStart(2,"0")}`}else if(o=="year"){const i=new Date(a);t=="next"?i.setYear(i.getFullYear()+1):i.setYear(i.getFullYear()-1);const w=i.getFullYear(),h=i.getMonth()+1;return`${w}-${String(h).padStart(2,"0")}-01`}const e=new Date(a);t=="next"?e.setDate(e.getDate()+1):e.setDate(e.getDate()-1);const r=e.getDate(),l=e.getMonth()+1;return`${e.getFullYear()}-${String(l).padStart(2,"0")}-${String(r).padStart(2,"0")}`}setWeekDay(){var t,o,a,e;(t=this.shadowRoot)===null||t===void 0||t.querySelectorAll(".out-of-hours").forEach(d=>{d.classList.remove("out-of-hours")});const r=parseInt((o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector("#start-time").value.split(":")[0]),l=parseInt((a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector("#end-time").value.split(":")[0]);(e=this.shadowRoot)===null||e===void 0||e.querySelectorAll("[data-hour]").forEach(d=>{const y=parseInt(d.getAttribute("data-hour"));y<r&&d.classList.add("out-of-hours"),y>=l&&d.classList.add("out-of-hours")})}scrollIntoPlace(){var t,o;const a=parseInt(window.getComputedStyle(document.body).getPropertyValue("font-size")),r=parseInt((t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("#start-time").value.split(":")[0])*(4.5*a),l=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector("#view"),d=this.shadowRoot.querySelector(".calendar__wrapper");(l.value=="week"||l.value=="day")&&d.scrollTo(0,r)}setupSettings(){var t,o;const a=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("#settings-button"),e=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector("#settings");this.hasAttribute("data-hide-weekends")?e.querySelector("#weekends-no").checked=!0:e.querySelector("#weekends-yes").checked=!0,this.hasAttribute("data-start-time")?e.querySelector("#start-time").value=this.getAttribute("data-start-time"):this.setAttribute("data-start-time",e.querySelector("#start-time").value),this.hasAttribute("data-end-time")?e.querySelector("#end-time").value=this.getAttribute("data-end-time"):this.setAttribute("data-end-time",e.querySelector("#end-time").value),a?.addEventListener("click",()=>{e.showModal(),e.focus();const r=new CustomEvent("open-settings");this.dispatchEvent(r)}),e?.addEventListener("click",r=>{if(r&&r.target.matches("button")){if(r.target.matches(".btn-primary")){e.querySelector("#weekends-no:checked")?this.setAttribute("data-hide-weekends","true"):this.removeAttribute("data-hide-weekends"),this.setAttribute("data-start-time",e.querySelector("#start-time").value),this.setAttribute("data-end-time",e.querySelector("#end-time").value),this.setWeekDay();const d=new CustomEvent("save-settings");this.dispatchEvent(d)}const l=new CustomEvent("close-settings");this.dispatchEvent(l),e.close()}})}setTime(){var t;if(!this.hasAttribute("data-time")){const o=new Date,a=o.getHours(),e=o.getMinutes(),r=`${a}:${e}`;this.setAttribute("data-time",r)}if(this.hasAttribute("data-time")){const o=this.getAttribute("data-time"),a=parseInt(o.split(":")[0]),e=parseInt(o.split(":")[1]);(t=this.shadowRoot)===null||t===void 0||t.querySelectorAll(`[data-hour="${a}"]`).forEach(r=>{var l;r.setAttribute("data-time",o),r.classList.add("column-header"),(l=r.closest("tr"))===null||l===void 0||l.style.setProperty("--minute-pos",e/60*100+"%")})}}getYearView(t,o,a){let e="";for(let r=0;r<12;r++){console.log(t);const y=`${new Date(t).getFullYear()}-${String(r+1).padStart(2,"0")}-01`;e+=`<div class='month-wrapper'>
|
|
159
|
+
</tr>`}numberDaysInMonth(t,o){return new Date(t,o,0).getDate()}getOrdinalNumber(t){const o=this.english_ordinal_rules.select(t),a=this.suffixes[o];return t+a}setToMonday(t){const o=t.getDay()||7;return o!==1&&t.setHours(-24*(o-1)),t}setToSunday(t){const o=this.setToMonday(t),a=new Date(o);return a.setDate(a.getDate()+6),a}getTitle(t,o){const a=new Date(t),e=a.getMonth(),r=a.getFullYear(),l=a.getDate(),d=a.getDay()?a.getDay():7;if(o=="week"){const y=this.setToMonday(new Date(t)),i=this.setToSunday(new Date(t)),w=y.getMonth(),h=y.getFullYear(),g=y.getDate(),p=i.getMonth(),s=i.getFullYear(),f=i.getDate();return`${this.getOrdinalNumber(g)} ${w!=p?this.monthArray[p]:""} ${h!=s?h:""} - ${this.getOrdinalNumber(f)} ${this.monthArray[p]} ${s}`}else{if(o=="day")return`${this.dayArray[d]} ${this.getOrdinalNumber(l)} ${this.monthArray[e]} ${r}`;if(o=="year")return`${r}`}return`${this.monthArray[e]} ${r}`}createCalendar(t,o,a){const e=new Date(t),r=e.getMonth(),l=e.getFullYear(),d=e.getDate(),y=`${l}-${String(r+1).padStart(2,"0")}-${String(d).padStart(2,"0")}`,i=this.numberDaysInMonth(l,r+1),w=new Date(`${l}-${String(r+1).padStart(2,"0")}-01`),h=new Date(`${l}-${String(r+1).padStart(2,"0")}-${i}`),g=w.getDay()!=0?w.getDay():7,p=h.getDay()!=0?h.getDay():7,s=i+g+(7-p-1),f=new Date(t);f.setMonth(f.getMonth()-1);const S=f.getMonth(),_=f.getFullYear(),c=this.numberDaysInMonth(l,r),u=new Date(t);u.setMonth(u.getMonth()+1);const n=u.getMonth(),v=u.getFullYear();this.hasAttribute("data-calendars")||Array.from(this.querySelectorAll("button[data-calendar]")).forEach(m=>{this.calendars.includes(m.getAttribute("data-calendar"))||this.calendars.push(m.getAttribute("data-calendar"))});let k="<tr>";for(let m=a?0:1;m<=s;m++){const x=m-(g-1),$=`${l}-${String(r+1).padStart(2,"0")}-${String(x).padStart(2,"0")}`,z=m%7;if(k+=`<td class="day--${this.dayArray[z].toLowerCase()} ${$==o?"today":""} ${$==y?"selected":""} ${m<g?"prev-month":""} ${x>i?"next-month":""}">`,m<g){const E=c-(g-1-m),M=`${_}-${String(S+1).padStart(2,"0")}-${String(E).padStart(2,"0")}`;k+=`<time class="column-header" datetime="${M}" title="${this.dayArray[z]} ${x} ${this.monthArray[S]} ${l}"><span class="day-of-week">${this.dayArray[z]} </span><span class="day">${E}</span> <span class="month">${this.monthArray[S]}</span></time>`,k+=this.addDay(M,this.calendars)}if(m>=g&&x<=i&&(k+=`<time class="column-header" datetime="${$}" title="${this.dayArray[z]} ${x} ${this.monthArray[r]} ${l}"><span class="day-of-week">${this.dayArray[z]} </span><span class="day">${x}</span> <span class="month">${this.monthArray[r]}</span></time>`,k+=this.addDay($,this.calendars)),x>i){const E=m-(g-1)-i,M=`${v}-${String(n+1).padStart(2,"0")}-${String(E).padStart(2,"0")}`;k+=`<time class="column-header" datetime="${M}" title="${this.dayArray[z]} ${x} ${this.monthArray[n]} ${l}"><span class="day-of-week">${this.dayArray[z]} </span><span class="day">${E}</span> <span class="month">${this.monthArray[n]}</span></time>`,k+=this.addDay(M,this.calendars)}k+="</td>",(a?m+1:m)%7===0&&m!=s&&(k+="</tr><tr>")}return k+="</tr>",k}addDay(t,o){let a='<table class="table--day">';a+="<thead><tr><th>time</th>",o.forEach(e=>{a+=`<th class="column-header">${e}</th>`}),a+="</tr></thead>",a+="<tbody>",a+='<tr class="allday"><th>All day</th>',o.forEach(e=>{a+=`<td datetime="${t}" data-calendar="${e}"><span datetime="${t}"></span></td>`}),a+="</tr>";for(let e=0;e<24;e++)a+=`<tr class="hour${e}"><th data-hour="${e}">${e}${e<12?"am":"pm"}</th>`,o.forEach(r=>{a+=`<td datetime="${t}T${String(e).padStart(2,"0")}:00" data-calendar="${r}"><span datetime="${t}T${String(e).padStart(2,"0")}:00"></span><span datetime="${t}T${String(e).padStart(2,"0")}:15"></span><span datetime="${t}T${String(e).padStart(2,"0")}:30"></span><span datetime="${t}T${String(e).padStart(2,"0")}:45"></span></td>`}),a+="</tr>";return a+="</tbody>",a+="</table>",a}addEvents(){function t(a,e,r){const l=e.getAttribute("datetime"),d=l.split("T");let y=e.getAttribute("id");e.hasAttribute("id")||(y=`event${R(r)}`,e.setAttribute("id",y)),e.querySelector("span:not(.tooltip__content")||(e.innerHTML=`<span>${e.innerHTML}</span>`);const i=e.getAttribute("data-event-type");if(a.eventTypes.includes(i)||a.eventTypes.push(i),e.setAttribute("data-event-type-enum",a.eventTypes.indexOf(i)+1),e.hasAttribute("data-calendar")){const h=e.getAttribute("data-calendar");a.calendars.includes(h)||a.calendars.push(h),e.setAttribute("data-calendar-enum",a.calendars.indexOf(h)+1)}e.hasAttribute("data-calendar-enum")||e.setAttribute("data-calendar-enum",1),!e.hasAttribute("data-hours")&&!e.hasAttribute("data-days")&&(d[1]?e.setAttribute("data-hours",1):e.setAttribute("data-days",1));const w=(h,g=new Date)=>{const p=6e4*h,s=new Date(Math.round(g.getTime()/p)*p),f=s.getMonth(),S=s.getFullYear(),_=s.getDate(),c=s.getMinutes(),u=s.getHours();return`${S}-${String(f+1).padStart(2,"0")}-${String(_).padStart(2,"0")}T${String(u).padStart(2,"0")}:${String(c).padStart(2,"0")}`};if(d[1]){e.setAttribute("data-start",d[1]),e.querySelector(":scope > span").setAttribute("data-start",d[1]);const h=w(15,new Date(l));e.setAttribute("datetime",h)}if(e.querySelector(".tooltip__content")){const h=e.querySelector(".tooltip__content");h.style.positionAnchor=`--${y}`,e.style.anchorName=`--${y}`}e.classList.add("defaults-added")}function o(a,e,r){var l;const d=e.getAttribute("datetime"),y=new Date(d),i=y.getDay()?y.getDay():7,w=a.shadowRoot.querySelector(`.month-wrapper .table--day td:has(span[datetime="${d}"])${e.hasAttribute("data-calendar")?`[data-calendar="${e.getAttribute("data-calendar").replace("_","")}"]`:""}`),h=a.shadowRoot.querySelector(`#week-view-header .table--day td:has(span[datetime="${d}"])${e.hasAttribute("data-calendar")?`[data-calendar="${e.getAttribute("data-calendar").replace("_","")}"]`:""}`);h&&h.closest("tr").classList.contains("allday")&&(h.querySelector(`slot[name="${d}${e.hasAttribute("data-calendar")?`-${e.getAttribute("data-calendar").replace("_","")}`:""}-header]"`)||h.querySelector(`span[datetime="${d}"]`).insertAdjacentHTML("beforeEnd",`<slot name="${d}${e.hasAttribute("data-calendar")?`-${e.getAttribute("data-calendar").replace("_","")}`:""}-header" class="${r?"continued":""}"></slot>`));const g=(l=w?.parentElement)===null||l===void 0?void 0:l.closest("td");if(e.setAttribute("slot",`${d}${e.hasAttribute("data-calendar")?`-${e.getAttribute("data-calendar").replace("_","")}`:""}`),w){w.querySelector(`slot[name="${d}${e.hasAttribute("data-calendar")?`-${e.getAttribute("data-calendar").replace("_","")}`:""}"]`)||w.querySelector(`span[datetime="${d}"]`).insertAdjacentHTML("beforeEnd",`<slot name="${d}${e.hasAttribute("data-calendar")?`-${e.getAttribute("data-calendar").replace("_","")}`:""}" class="${r?"continued":""}"></slot>`);const p=g.hasAttribute("data-events")?parseInt(g.getAttribute("data-events")):0;let s=g.hasAttribute("data-hours")?parseFloat(g.getAttribute("data-hours")):0;s+=e.hasAttribute("data-hours")?parseFloat(e.getAttribute("data-hours")):0,g.setAttribute("data-events",parseInt(p)+1),p+1>2&&g.setAttribute("data-more",parseInt(p)+1-2),g.setAttribute("data-hours",s),g.classList.add("has-event"),w.closest("tr").classList.contains("has-event")?w.closest("tr").classList.add("multiple-event"):w.closest("tr").classList.add("has-event"),s>2&&g.classList.add("multi-events"),s>4&&g.classList.add("busy-day"),e.hasAttribute("data-days")&&g.classList.add("all-day"),e.classList.contains("continued")&&g.classList.add("continued-day")}if(e.hasAttribute("data-hours")&&e.style.setProperty("--event-height",`${parseInt(e.getAttribute("data-hours"))*(1.09375*4)}rem`),e.hasAttribute("data-days")&&!e.classList.contains("processed")){const p=e.getAttribute("data-days");e.style.setProperty("--event-width",`${p*100}%`),e.style.setProperty("--event-max-width",`${(8-i)*100}%`),e.classList.add("allday-event");for(let s=1;s<p;s++){const f=e.cloneNode(!0);f.removeAttribute("data-days"),f.removeAttribute("style"),f.classList.add("continued"),f.classList.add("allday-event");const S=`event${R(s)}`;if(f.setAttribute("id",S),f.querySelector(".tooltip__content")){const m=f.querySelector(".tooltip__content");m.style.positionAnchor=`--${S}`,f.style.anchorName=`--${S}`}const _=new Date(d);_.setDate(_.getDate()+s);const c=_.getMonth(),u=_.getFullYear(),n=_.getDate(),v=_.getDay()?_.getDay():7,k=`${u}-${String(c+1).padStart(2,"0")}-${String(n).padStart(2,"0")}`;f.setAttribute("data-original-datetime",e.getAttribute("datetime")),f.setAttribute("datetime",k),e.after(f),o(a,f,!0),v==1&&(f.style.setProperty("--event-width",`${(p-s)*100}%`),f.style.setProperty("--event-max-width",`${(8-v)*100}%`),f.classList.remove("continued"))}}e.classList.add("processed")}this.pauseObserver=!0,Array.from(this.querySelectorAll("button[datetime]")).forEach((a,e)=>{t(this,a,e),o(this,a)}),setTimeout(()=>{this.pauseObserver=!1},"500")}addJSEvents(t){var o,a,e,r,l,d,y;const i=(o=t.shadowRoot)===null||o===void 0?void 0:o.querySelector(".calendar__title"),w=(a=t.shadowRoot)===null||a===void 0?void 0:a.querySelector("#date"),h=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector("#view"),g=(r=this.shadowRoot)===null||r===void 0?void 0:r.querySelector("#year-view"),p=new Date,s=p.getDate(),f=p.getMonth(),_=`${p.getFullYear()}-${String(f+1).padStart(2,"0")}-${String(s).padStart(2,"0")}`,c=(l=t.shadowRoot)===null||l===void 0?void 0:l.querySelector("#calendar > table > tbody");Array.from(t.shadowRoot.querySelectorAll(".month-wrapper > table > tbody > tr > td:has(slot)")).forEach(n=>{n.addEventListener("click",v=>{if(!v.target.matches("button")){const k=n.querySelector("time").getAttribute("datetime");w.value=k,Array.from(c.querySelectorAll(":scope > tr > td")).forEach(m=>{m.classList.remove("selected")}),n.classList.add("selected"),t.shadowRoot.querySelector('[name="split"]:checked')&&h.value=="month"?(Array.from(t.querySelectorAll("[data-slot]")).forEach(m=>{m.setAttribute("slot",m.getAttribute("data-slot"))}),Array.from(t.querySelectorAll(`[slot^="${w.value}"]`)).forEach(m=>{m.setAttribute("data-slot",m.getAttribute("slot")),m.removeAttribute("slot")})):!t.shadowRoot.querySelector('[name="split"]:checked')&&h.value=="month"&&(h.value="day",i==null||(i.innerHTML=this.getTitle(w.value,h.value)),t.scrollIntoPlace()),h.value=="year"&&(h.value="month",g==null||(g.innerHTML=""),c==null||(c.innerHTML=t.createCalendar(w.value,_)),t.addEvents())}})}),(d=t.shadowRoot)===null||d===void 0||d.querySelectorAll("#calendar .table--day td span").forEach(n=>{n.addEventListener("dragover",v=>(v.preventDefault(),!1)),n.addEventListener("dragenter",v=>{v.preventDefault(),n.classList.add("dragover")}),n.addEventListener("dragleave",v=>{v.preventDefault(),n.classList.remove("dragover")}),n.addEventListener("drop",v=>{v.preventDefault();const k=t.querySelector(`#${v.dataTransfer.getData("text")}`),m=n.closest("td"),x=n.getAttribute("datetime");n.classList.remove("dragover"),n.querySelector(`slot[name="${x}${m.hasAttribute("data-calendar")?`-${m.getAttribute("data-calendar").replace("_","")}]`:""}]"`)||n.insertAdjacentHTML("beforeEnd",`<slot name="${x}${m.hasAttribute("data-calendar")?`-${m.getAttribute("data-calendar").replace("_","")}`:""}" class=""></slot>`),k?.setAttribute("slot",`${x}${m.hasAttribute("data-calendar")?`-${m.getAttribute("data-calendar").replace("_","")}`:""}`)})});const u=new ResizeObserver(n=>{for(const v of n)v.target.classList.contains("mousedown")&&v.target.classList.add("resizing")});t.hasAttribute("data-drag")&&t.querySelectorAll("button:not([draggable])").forEach(n=>{n.setAttribute("draggable","true"),n.addEventListener("dragstart",v=>{v.dataTransfer.setData("text",v.target.id)}),u.observe(n),n.addEventListener("mousedown",v=>{n.classList.add("mousedown")}),n.addEventListener("click",v=>{if(n.classList.contains("resizing")){v.stopPropagation(),v.stopImmediatePropagation(),n.classList.remove("mousedown"),n.classList.remove("resizing");const k=this.shadowRoot.querySelector(`span[datetime="${n.getAttribute("datetime")}"]`),m=window.getComputedStyle(k),x=Math.round(parseInt(n.style.height)/parseInt(m.getPropertyValue("height")))/4;n.setAttribute("data-hours",x),n.style.setProperty("--event-height",`${x*(1.09375*4)}rem`),n.style.height=""}})}),t.querySelectorAll("button").forEach(n=>{n.addEventListener("contextmenu",v=>{v.preventDefault(),v.stopPropagation()})}),(y=t.shadowRoot)===null||y===void 0||y.querySelectorAll(".month-wrapper > table > tbody > tr > td").forEach(n=>{n.addEventListener("contextmenu",v=>{v.preventDefault();const k=new CustomEvent("right-click",{detail:{clientX:v.clientX,clientY:v.clientY,element:n,datetime:n.querySelector("time").getAttribute("datetime")}});console.log(n),this.dispatchEvent(k)})})}paginateDate(t,o,a){if(o=="month"||o=="list"){const i=new Date(a);t=="next"?i.setMonth(i.getMonth()+1):i.setMonth(i.getMonth()-1);const w=i.getMonth()+1;return`${i.getFullYear()}-${String(w).padStart(2,"0")}-01`}else if(o=="week"){const i=this.setToMonday(new Date(a));t=="next"?i.setDate(i.getDate()+7):i.setDate(i.getDate()-7);const w=i.getDate(),h=i.getMonth()+1;return`${i.getFullYear()}-${String(h).padStart(2,"0")}-${String(w).padStart(2,"0")}`}else if(o=="year"){const i=new Date(a);t=="next"?i.setYear(i.getFullYear()+1):i.setYear(i.getFullYear()-1);const w=i.getFullYear(),h=i.getMonth()+1;return`${w}-${String(h).padStart(2,"0")}-01`}const e=new Date(a);t=="next"?e.setDate(e.getDate()+1):e.setDate(e.getDate()-1);const r=e.getDate(),l=e.getMonth()+1;return`${e.getFullYear()}-${String(l).padStart(2,"0")}-${String(r).padStart(2,"0")}`}setWeekDay(){var t,o,a,e;(t=this.shadowRoot)===null||t===void 0||t.querySelectorAll(".out-of-hours").forEach(d=>{d.classList.remove("out-of-hours")});const r=parseInt((o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector("#start-time").value.split(":")[0]),l=parseInt((a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector("#end-time").value.split(":")[0]);(e=this.shadowRoot)===null||e===void 0||e.querySelectorAll("[data-hour]").forEach(d=>{const y=parseInt(d.getAttribute("data-hour"));y<r&&d.classList.add("out-of-hours"),y>=l&&d.classList.add("out-of-hours")})}scrollIntoPlace(){var t,o;const a=parseInt(window.getComputedStyle(document.body).getPropertyValue("font-size")),r=parseInt((t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("#start-time").value.split(":")[0])*(4.5*a),l=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector("#view"),d=this.shadowRoot.querySelector(".calendar__wrapper");(l.value=="week"||l.value=="day")&&d.scrollTo(0,r)}setupSettings(){var t,o;const a=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector("#settings-button"),e=(o=this.shadowRoot)===null||o===void 0?void 0:o.querySelector("#settings");this.hasAttribute("data-hide-weekends")?e.querySelector("#weekends-no").checked=!0:e.querySelector("#weekends-yes").checked=!0,this.hasAttribute("data-start-time")?e.querySelector("#start-time").value=this.getAttribute("data-start-time"):this.setAttribute("data-start-time",e.querySelector("#start-time").value),this.hasAttribute("data-end-time")?e.querySelector("#end-time").value=this.getAttribute("data-end-time"):this.setAttribute("data-end-time",e.querySelector("#end-time").value),a?.addEventListener("click",()=>{e.showModal(),e.focus();const r=new CustomEvent("open-settings");this.dispatchEvent(r)}),e?.addEventListener("click",r=>{if(r&&r.target.matches("button")){if(r.target.matches(".btn-primary")){e.querySelector("#weekends-no:checked")?this.setAttribute("data-hide-weekends","true"):this.removeAttribute("data-hide-weekends"),this.setAttribute("data-start-time",e.querySelector("#start-time").value),this.setAttribute("data-end-time",e.querySelector("#end-time").value),this.setWeekDay();const d=new CustomEvent("save-settings");this.dispatchEvent(d)}const l=new CustomEvent("close-settings");this.dispatchEvent(l),e.close()}})}setTime(){var t;if(!this.hasAttribute("data-time")){const o=new Date,a=o.getHours(),e=o.getMinutes(),r=`${a}:${e}`;this.setAttribute("data-time",r)}if(this.hasAttribute("data-time")){const o=this.getAttribute("data-time"),a=parseInt(o.split(":")[0]),e=parseInt(o.split(":")[1]);(t=this.shadowRoot)===null||t===void 0||t.querySelectorAll(`[data-hour="${a}"]`).forEach(r=>{var l;r.setAttribute("data-time",o),r.classList.add("column-header"),(l=r.closest("tr"))===null||l===void 0||l.style.setProperty("--minute-pos",e/60*100+"%")})}}getYearView(t,o,a){let e="";for(let r=0;r<12;r++){console.log(t);const y=`${new Date(t).getFullYear()}-${String(r+1).padStart(2,"0")}-01`;e+=`<div class='month-wrapper'>
|
|
160
160
|
<time class="column-header">${this.monthArray[r]}</time>
|
|
161
161
|
<table>
|
|
162
162
|
<thead>
|