@iamproperty/components 7.6.4--beta7 → 7.7.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/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 -1
- package/assets/css/components/address-lookup.component.css.map +1 -1
- package/assets/css/components/applied-filters.css +1 -1
- package/assets/css/components/applied-filters.css.map +1 -1
- package/assets/css/components/barchart.component.css +1 -1
- package/assets/css/components/barchart.component.css.map +1 -1
- package/assets/css/components/bento-grid.global.css +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 +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/card.module.css +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.config.css +1 -1
- package/assets/css/components/charts.css +1 -1
- package/assets/css/components/charts.css.map +1 -1
- package/assets/css/components/charts.module.css +1 -1
- package/assets/css/components/charts.module.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/config.component.css +1 -0
- package/assets/css/components/config.component.css.map +1 -0
- package/assets/css/components/content.component.css +1 -1
- package/assets/css/components/content.component.css.map +1 -1
- package/assets/css/components/doughnutchart.component.css +1 -1
- package/assets/css/components/doughnutchart.component.css.map +1 -1
- package/assets/css/components/fileupload.css +1 -1
- package/assets/css/components/fileupload.css.map +1 -1
- package/assets/css/components/filter-card.component.css +1 -1
- package/assets/css/components/header.css +1 -1
- package/assets/css/components/header.css.map +1 -1
- package/assets/css/components/inline-edit.css +1 -1
- package/assets/css/components/inline-edit.css.map +1 -1
- package/assets/css/components/input.component.css +1 -1
- package/assets/css/components/input.component.css.map +1 -1
- package/assets/css/components/menu.component.css +1 -1
- package/assets/css/components/menu.component.css.map +1 -1
- package/assets/css/components/milestone.css +1 -1
- package/assets/css/components/modal.component.css +1 -1
- package/assets/css/components/modal.component.css.map +1 -1
- package/assets/css/components/multi-step-modal.component.css +1 -1
- package/assets/css/components/multi-step-modal.component.css.map +1 -1
- package/assets/css/components/multiselect.css +1 -1
- package/assets/css/components/multiselect.css.map +1 -1
- package/assets/css/components/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 +1 -1
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/password.component.css +1 -1
- package/assets/css/components/password.component.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/rank.component.css +1 -1
- package/assets/css/components/rank.component.css.map +1 -1
- package/assets/css/components/record-card.component.css +1 -1
- package/assets/css/components/record-card.component.css.map +1 -1
- package/assets/css/components/slider.css +1 -1
- package/assets/css/components/slider.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/table-basic.component.css +1 -1
- package/assets/css/components/table-basic.component.css.map +1 -1
- package/assets/css/components/table-basic.global.css +1 -1
- package/assets/css/components/table-basic.global.css.map +1 -1
- package/assets/css/components/table.component.css +1 -1
- package/assets/css/components/table.component.css.map +1 -1
- package/assets/css/components/table.global.css +1 -1
- package/assets/css/components/table.global.css.map +1 -1
- package/assets/css/components/tabs.component.css +1 -1
- package/assets/css/components/tabs.component.css.map +1 -1
- package/assets/css/components/tag.component.css +1 -1
- package/assets/css/components/tag.component.css.map +1 -1
- package/assets/css/components/tooltip.component.css +1 -1
- package/assets/css/components/tooltip.component.css.map +1 -1
- package/assets/css/components/video-card.component.css +1 -1
- package/assets/css/components/video-modal.component.css +1 -1
- package/assets/css/components/video-modal.component.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.js +8 -7
- package/assets/js/components/actionbar/actionbar.component.min.js +7 -7
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.js +12 -2
- package/assets/js/components/address-lookup/address-lookup.component.min.js +5 -5
- package/assets/js/components/address-lookup/address-lookup.component.min.js.map +1 -1
- package/assets/js/components/advanced-select/advanced-select.component.js +1 -1
- package/assets/js/components/advanced-select/advanced-select.component.min.js +2 -2
- 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 +4 -4
- package/assets/js/components/barchart/barchart.component.min.js +6 -6
- package/assets/js/components/barchart/barchart.component.min.js.map +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.min.js +2 -2
- package/assets/js/components/calendar/calendar.component.min.js +2 -2
- package/assets/js/components/card/card.component.min.js +7 -7
- package/assets/js/components/carousel/carousel.component.min.js +4 -4
- package/assets/js/components/collapsible-side/collapsible-side.component.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +5 -5
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js.map +1 -1
- package/assets/js/components/config/config.component.js +532 -0
- package/assets/js/components/config/config.component.min.js +59 -0
- package/assets/js/components/config/config.component.min.js.map +1 -0
- package/assets/js/components/content/content.component.min.js +4 -4
- package/assets/js/components/darkmode/darkmode.component.min.js +1 -1
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +7 -7
- package/assets/js/components/fileupload/fileupload.component.min.js +4 -4
- package/assets/js/components/filter-card/filter-card.component.min.js +2 -2
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/form/form.component.min.js +1 -1
- package/assets/js/components/header/header.component.js +39 -1
- package/assets/js/components/header/header.component.min.js +40 -4
- package/assets/js/components/header/header.component.min.js.map +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +4 -4
- package/assets/js/components/inline-edit/inline-edit.component.min.js.map +1 -1
- package/assets/js/components/input/input.component.js +1 -1
- package/assets/js/components/input/input.component.min.js +3 -3
- package/assets/js/components/input/input.component.min.js.map +1 -1
- package/assets/js/components/input-range/input-range.component.js +1 -1
- package/assets/js/components/input-range/input-range.component.min.js +2 -2
- package/assets/js/components/input-range/input-range.component.min.js.map +1 -1
- package/assets/js/components/marketing/marketing.component.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +2 -2
- package/assets/js/components/marketing/marketing.component.min.js.map +1 -1
- package/assets/js/components/menu/menu.component.min.js +2 -2
- package/assets/js/components/milestone/milestone.component.min.js +1 -1
- package/assets/js/components/milestone-group/milestone-group.component.min.js +1 -1
- package/assets/js/components/modal/modal.component.js +1 -1
- package/assets/js/components/modal/modal.component.min.js +5 -5
- package/assets/js/components/modal/modal.component.min.js.map +1 -1
- package/assets/js/components/multi-step/multi-step.component.min.js +1 -1
- package/assets/js/components/multi-step-modal/multi-step-modal.component.js +1 -1
- package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js +5 -5
- package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js.map +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js +2 -2
- package/assets/js/components/nav/nav.component.js +1 -1
- package/assets/js/components/nav/nav.component.min.js +6 -6
- package/assets/js/components/nav/nav.component.min.js.map +1 -1
- package/assets/js/components/notification/notification.component.js +69 -30
- 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.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +4 -4
- package/assets/js/components/pagination/pagination.component.min.js.map +1 -1
- package/assets/js/components/password/password.component.js +1 -1
- package/assets/js/components/password/password.component.min.js +5 -5
- package/assets/js/components/password/password.component.min.js.map +1 -1
- package/assets/js/components/popover/popover.component.min.js +1 -1
- package/assets/js/components/rank/rank.component.min.js +1 -1
- package/assets/js/components/rankings/rankings.component.min.js +1 -1
- package/assets/js/components/rating/rating.component.min.js +1 -1
- package/assets/js/components/record-card/record-card.component.min.js +2 -2
- package/assets/js/components/search/search.component.js +1 -1
- package/assets/js/components/search/search.component.min.js +2 -2
- package/assets/js/components/search/search.component.min.js.map +1 -1
- package/assets/js/components/slider/slider.component.min.js +2 -2
- package/assets/js/components/split-button/split-button.component.js +0 -4
- package/assets/js/components/split-button/split-button.component.min.js +6 -7
- package/assets/js/components/split-button/split-button.component.min.js.map +1 -1
- package/assets/js/components/std-address-lookup/std-address-lookup.component.js +41 -11
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js +9 -17
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.min.js +4 -4
- package/assets/js/components/table-ajax/table-ajax.component.min.js +7 -7
- package/assets/js/components/table-basic/table-basic.component.min.js +5 -5
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +4 -4
- package/assets/js/components/table-submit/table-submit.component.min.js +7 -7
- package/assets/js/components/tabs/tabs.component.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +5 -5
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
- package/assets/js/components/tag/tag.component.min.js +4 -4
- package/assets/js/components/tag/tag.component.min.js.map +1 -1
- package/assets/js/components/tooltip/tooltip.component.min.js +2 -2
- package/assets/js/components/video-card/video-card.component.min.js +2 -2
- package/assets/js/components/video-modal/video-modal.component.js +1 -1
- package/assets/js/components/video-modal/video-modal.component.min.js +4 -4
- package/assets/js/components/video-modal/video-modal.component.min.js.map +1 -1
- package/assets/js/components/word-count/word-count.component.min.js +1 -1
- package/assets/js/modules/helper.test.js +84 -0
- package/assets/js/modules/test.js +19 -0
- package/assets/js/scripts.bundle.js +1 -1
- package/assets/js/scripts.bundle.min.js +1 -1
- package/assets/sass/_components.scss +7 -7
- package/assets/sass/_corefiles.scss +8 -7
- package/assets/sass/_elements.scss +16 -16
- package/assets/sass/_functions/bs_mixins.scss +3 -3
- package/assets/sass/_utilities.scss +4 -3
- package/assets/sass/components/actionbar.component.scss +37 -28
- package/assets/sass/components/actionbar.global.scss +12 -4
- package/assets/sass/components/address-lookup.component.scss +7 -7
- package/assets/sass/components/applied-filters.scss +2 -2
- package/assets/sass/components/barchart.component.scss +6 -6
- package/assets/sass/components/bento-grid.component.scss +2 -2
- package/assets/sass/components/bento-grid.global.scss +3 -3
- package/assets/sass/components/calendar.component.scss +14 -14
- package/assets/sass/components/calendar.config.scss +4 -4
- package/assets/sass/components/card.component.scss +10 -10
- package/assets/sass/components/card.module.scss +2 -2
- package/assets/sass/components/carousel.component.scss +8 -8
- package/assets/sass/components/carousel.config.scss +2 -2
- package/assets/sass/components/charts.config.scss +3 -3
- package/assets/sass/components/charts.module.scss +4 -18
- package/assets/sass/components/charts.scss +3 -3
- package/assets/sass/components/collapsible-side.scss +16 -16
- package/assets/sass/components/config.component.scss +235 -0
- package/assets/sass/components/content.component.scss +1 -1
- package/assets/sass/components/darkmode.component.scss +1 -1
- package/assets/sass/components/doughnutchart.component.scss +11 -10
- package/assets/sass/components/fileupload.scss +9 -9
- package/assets/sass/components/filter-card.component.scss +3 -3
- package/assets/sass/components/header.scss +121 -23
- package/assets/sass/components/inline-edit.preload.scss +1 -1
- package/assets/sass/components/inline-edit.scss +1 -1
- package/assets/sass/components/input.component.scss +2 -1
- package/assets/sass/components/marketing.component.scss +1 -1
- package/assets/sass/components/menu.component.scss +10 -10
- package/assets/sass/components/milestone.scss +2 -2
- package/assets/sass/components/modal.component.scss +22 -22
- package/assets/sass/components/multi-step-modal.component.scss +15 -15
- package/assets/sass/components/multi-step-modal.global.scss +1 -1
- package/assets/sass/components/multi-step.component.scss +3 -3
- package/assets/sass/components/multiselect.scss +9 -9
- package/assets/sass/components/nav.component.scss +24 -24
- package/assets/sass/components/nav.docs.scss +1 -1
- package/assets/sass/components/nav.global.scss +120 -119
- package/assets/sass/components/nav.preload.scss +1 -1
- package/assets/sass/components/notification.scss +36 -19
- package/assets/sass/components/pagination.scss +7 -7
- package/assets/sass/components/password.component.scss +1 -1
- package/assets/sass/components/popover.component.scss +3 -3
- package/assets/sass/components/property-searchbar.scss +1 -1
- package/assets/sass/components/rank.component.scss +19 -19
- package/assets/sass/components/rankings.component.scss +1 -1
- package/assets/sass/components/rankings.global.scss +2 -2
- package/assets/sass/components/record-card.component.scss +15 -15
- package/assets/sass/components/slider.scss +4 -4
- package/assets/sass/components/snapshot.scss +1 -1
- package/assets/sass/components/split-button.component.scss +2 -2
- package/assets/sass/components/table-basic.component.scss +3 -3
- package/assets/sass/components/table-basic.global.scss +34 -14
- package/assets/sass/components/table.component.scss +27 -16
- package/assets/sass/components/table.global.scss +51 -49
- package/assets/sass/components/tabs.component.scss +3 -3
- package/assets/sass/components/tabs.config.scss +1 -1
- package/assets/sass/components/tag.component.scss +2 -2
- package/assets/sass/components/testimonial.scss +2 -2
- package/assets/sass/components/timeline.scss +3 -3
- package/assets/sass/components/tooltip.component.scss +13 -8
- package/assets/sass/components/video-card.component.scss +2 -2
- package/assets/sass/components/video-modal.component.scss +1 -1
- package/assets/sass/components/word-count.component.scss +1 -1
- package/assets/sass/core.scss +1 -1
- package/assets/sass/elements/{admin-panel.scss → admin-panel.css} +17 -24
- package/assets/sass/elements/{badge-tag.scss → badge-tag.css} +11 -19
- package/assets/sass/elements/button__group.css +3 -2
- package/assets/sass/elements/{buttons--action.scss → buttons--action.css} +11 -19
- package/assets/sass/elements/{buttons--compact.scss → buttons--compact.css} +8 -36
- package/assets/sass/elements/buttons--global.scss +12 -18
- package/assets/sass/elements/buttons--special.scss +1 -1
- package/assets/sass/elements/buttons.scss +6 -6
- package/assets/sass/elements/container.scss +6 -6
- package/assets/sass/elements/details.scss +13 -13
- package/assets/sass/elements/dialog.scss +7 -7
- package/assets/sass/elements/dropdown.scss +1 -1
- package/assets/sass/elements/feature.scss +114 -6
- package/assets/sass/elements/forms.scss +24 -25
- package/assets/sass/elements/icons.css +1 -1
- package/assets/sass/elements/links.scss +5 -5
- package/assets/sass/elements/lists--tick-list.scss +18 -6
- package/assets/sass/elements/modal.scss +24 -24
- package/assets/sass/elements/popover.scss +14 -14
- package/assets/sass/elements/prefix.scss +18 -4
- package/assets/sass/elements/progress.scss +14 -14
- package/assets/sass/elements/table.element.scss +9 -5
- package/assets/sass/elements/tooltips.scss +4 -4
- package/assets/sass/email.scss +1 -1
- package/assets/sass/foundations/animations.scss +2 -0
- package/assets/sass/foundations/colours.scss +1 -1
- package/assets/sass/foundations/reboot.scss +1 -1
- package/assets/sass/foundations/root.scss +29 -96
- package/assets/sass/templates/auth.scss +7 -7
- package/assets/sass/templates/form.scss +8 -8
- package/assets/sass/utilities/border.scss +6 -18
- package/assets/sass/utilities/font-awesome-iso-fallbacks.scss +6 -0
- package/assets/sass/utilities/shadow.scss +7 -0
- package/assets/sass/utilities/wider-colours.scss +0 -2
- package/assets/ts/components/actionbar/actionbar.component.ts +8 -7
- package/assets/ts/components/address-lookup/address-lookup.component.ts +17 -2
- package/assets/ts/components/advanced-select/advanced-select.component.ts +1 -1
- package/assets/ts/components/collapsible-side/collapsible-side.component.ts +1 -1
- package/assets/ts/components/config/config.component.ts +699 -0
- package/assets/ts/components/header/header.component.ts +40 -1
- package/assets/ts/components/inline-edit/inline-edit.component.ts +1 -1
- package/assets/ts/components/input/input.component.ts +1 -1
- package/assets/ts/components/input-range/input-range.component.ts +1 -1
- package/assets/ts/components/marketing/marketing.component.ts +1 -1
- package/assets/ts/components/modal/modal.component.ts +1 -1
- package/assets/ts/components/multi-step-modal/multi-step-modal.component.ts +1 -1
- package/assets/ts/components/nav/nav.component.ts +1 -1
- package/assets/ts/components/notification/notification.component.ts +98 -47
- package/assets/ts/components/pagination/pagination.component.ts +1 -1
- package/assets/ts/components/password/password.component.ts +1 -1
- package/assets/ts/components/search/search.component.ts +1 -1
- package/assets/ts/components/split-button/split-button.component.ts +0 -4
- package/assets/ts/components/std-address-lookup/std-address-lookup.component.ts +47 -12
- package/assets/ts/components/tabs/tabs.component.ts +1 -1
- package/assets/ts/components/video-modal/video-modal.component.ts +1 -1
- package/assets/ts/modules/helper.test.ts +143 -0
- package/assets/ts/modules/test.ts +22 -0
- package/dist/components.es.js +29 -29
- package/dist/components.umd.js +372 -288
- package/package.json +9 -21
- package/src/components/Config/Config.vue +23 -0
- package/assets/js/tests/helpers.spec.js +0 -79
- package/assets/js/ui-tests/card.spec.js +0 -14
- package/assets/js/ui-tests/carousel.spec.js +0 -60
- package/assets/js/ui-tests/chart.spec.js +0 -59
- package/assets/js/ui-tests/fileupload.spec.js +0 -22
- package/assets/js/ui-tests/filterlist.spec.js +0 -22
- package/assets/js/ui-tests/multistep.spec.js +0 -68
- package/assets/js/ui-tests/slider.spec.js +0 -20
- package/assets/js/ui-tests/table.spec.js +0 -81
- package/assets/ts/tests/helpers.spec.ts +0 -137
- package/assets/ts/ui-tests/card.spec.ts +0 -19
- package/assets/ts/ui-tests/carousel.spec.ts +0 -66
- package/assets/ts/ui-tests/chart.spec.ts +0 -71
- package/assets/ts/ui-tests/data-layer.spec.js +0 -68
- package/assets/ts/ui-tests/fileupload.spec.ts +0 -30
- package/assets/ts/ui-tests/filterlist.spec.ts +0 -26
- package/assets/ts/ui-tests/multistep.spec.ts +0 -78
- package/assets/ts/ui-tests/slider.spec.ts +0 -27
- package/assets/ts/ui-tests/table.spec.ts +0 -91
|
@@ -1 +1 @@
|
|
|
1
|
-
::slotted(table){display:none !important}.chart__outer{container-type:inline-size;--body-colour-set: var(--body-colour, white);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 56.25%);--chart-height-lg-set: var(--chart-height-lg, 42.86%);--chart-height-resp: var(--chart-height-set);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--pie-size: calc(50% - 1.4rem);--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%);--bar-gap: min(10%, 0.75rem);margin-bottom:2rem;display:flex;flex-direction:column;--chart-colour-1-set: var(--chart-colour-1, #1ebee6);--chart-colour-2-set: var(--chart-colour-2, #ffd2d2);--chart-colour-3-set: var(--chart-colour-3, #b4e6a5);--chart-colour-4-set: var(--chart-colour-4, #ffa500);--chart-colour-5-set: var(--chart-colour-5, #46003c);--chart-colour-6-set: var(--chart-colour-6, #b4e6a5);--chart-colour-7-set: var(--chart-colour-7, #1ebee6);--chart-colour-8-set: var(--chart-colour-8, #ffd2d2);--chart-colour-9-set: var(--chart-colour-9, #9d9d9d);--chart-colour-10-set: var(--chart-colour-10, #66838a)}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7)}.chart__outer:has(.chart__options){position:relative;padding-top:1.5rem}.chart__outer>*{display:block;order:2}.chart__outer>figcaption{display:contents}.chart__outer>figcaption p:not(.chart__strapline,.chart__title){margin-bottom:.25rem;font-size:var(--label-size)}.chart__outer>figcaption>*{order:3}.chart__outer>figcaption>:is(.chart__title,.chart__strapline){order:1}@container (max-width: 36em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0, -100%);--bar-gap: 0}}@container (max-width: 62em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}}@container (min-width: 36em){.chart__outer .chart__wrapper{--chart-height-resp: var(--chart-height-lg-set);--pie-size: calc(33.333% - 1.4rem);--line-thickness: 0.8px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%)}}@container (min-width: 62em){.chart__outer .chart__wrapper{--label-size: 0.875rem;--pie-size: calc(25% - 1.5rem);--line-thickness: 0.5px}}.chart__title{font-size:2rem;font-weight:700;margin-bottom:.25rem}.chart__strapline{margin-bottom:1rem}.chart__source{border-top:1px solid #000;position:relative;padding-top:.25rem}.chart__key .key:nth-child(10n-9),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-8){--chart-colour: var(--chart-colour-1-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-9){color:var(--chart-colour-1-set);stroke:currentColor;fill:currentColor;z-index:9}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-9){fill:var(--chart-colour-1-set)}.chart__key .key:nth-child(10n-8),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-7){--chart-colour: var(--chart-colour-2-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-8){color:var(--chart-colour-2-set);stroke:currentColor;fill:currentColor;z-index:8}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-8){fill:var(--chart-colour-2-set)}.chart__key .key:nth-child(10n-7),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-6){--chart-colour: var(--chart-colour-3-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-7){color:var(--chart-colour-3-set);stroke:currentColor;fill:currentColor;z-index:7}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-7){fill:var(--chart-colour-3-set)}.chart__key .key:nth-child(10n-6),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-5){--chart-colour: var(--chart-colour-4-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-6){color:var(--chart-colour-4-set);stroke:currentColor;fill:currentColor;z-index:6}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-6){fill:var(--chart-colour-4-set)}.chart__key .key:nth-child(10n-5),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-4){--chart-colour: var(--chart-colour-5-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-5){color:var(--chart-colour-5-set);stroke:currentColor;fill:currentColor;z-index:5}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-5){fill:var(--chart-colour-5-set)}.chart__key .key:nth-child(10n-4),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-3){--chart-colour: var(--chart-colour-6-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-4){color:var(--chart-colour-6-set);stroke:currentColor;fill:currentColor;z-index:4}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-4){fill:var(--chart-colour-6-set)}.chart__key .key:nth-child(10n-3),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-2){--chart-colour: var(--chart-colour-7-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-3){color:var(--chart-colour-7-set);stroke:currentColor;fill:currentColor;z-index:3}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-3){fill:var(--chart-colour-7-set)}.chart__key .key:nth-child(10n-2),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-1){--chart-colour: var(--chart-colour-8-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-2){color:var(--chart-colour-8-set);stroke:currentColor;fill:currentColor;z-index:2}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-2){fill:var(--chart-colour-8-set)}.chart__key .key:nth-child(10n-1),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-0){--chart-colour: var(--chart-colour-9-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-1){color:var(--chart-colour-9-set);stroke:currentColor;fill:currentColor;z-index:1}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-1){fill:var(--chart-colour-9-set)}.chart__key .key:nth-child(10n),input[type=radio]:not([value=none]):not([value=pie]):checked~.chart__outer table tbody tr td:not(:first-child):nth-child(10n+1){--chart-colour: var(--chart-colour-10-set)}.chart__outer>[type=radio]{opacity:0;position:absolute;pointer-events:none}.chart__options:has(span:first-child:last-child){display:none}.chart__options{position:absolute;display:block;width:fit-content;z-index:var(--index-above);top:0;right:0;background-color:var(--body-colour-set)}.chart__options>span:first-child{text-align:right;display:block;height:1.5rem}.chart__options>span:first-child:before{content:"";height:1rem;width:1rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cpath d='M31 19.3v-6.5l-3.9-.5c-.1-.4-.3-.9-.5-1.5l2.4-3-4.7-4.7-3.1 2.4c-.4-.2-.9-.4-1.5-.6L19.2 1h-6.5l-.5 3.9c-.6.2-1.1.4-1.5.6l-3-2.4L3 7.7l2.4 3c-.2.5-.4 1.1-.5 1.5l-3.9.5v6.5l3.9.5c.2.5.3 1 .6 1.5l-2.4 3 4.7 4.7 3-2.3c.4.2 1 .5 1.5.6l.5 3.8h6.5l.5-3.8c.5-.2 1.1-.4 1.5-.6l3 2.3 4.7-4.7-2.4-3 .6-1.5 3.8-.4zm-2.1-1.9-3.4.5c-.3 1.5-.8 2.7-1.6 3.6l2.1 2.6-1.9 2-2.6-2c-1 .7-2.5 1.3-3.7 1.5l-.5 3.3h-2.6l-.5-3.3c-1.2-.2-2.7-.8-3.7-1.5l-2.6 2-1.9-2 2.1-2.6c-.8-.9-1.2-2.1-1.6-3.6l-3.4-.5v-2.7l3.5-.5c.2-1.1.6-2.3 1.4-3.7L6 7.9l1.9-2L10.6 8c.8-.7 1.7-1.1 3.6-1.6l.5-3.4h2.6l.5 3.4c1.9.5 2.8.9 3.6 1.6l2.7-2L26 8l-2 2.5c.8 1.4 1.2 2.6 1.4 3.7l3.5.5v2.7zM16 20.8c-2.7 0-4.7-2-4.7-4.8 0-2.7 2-4.7 4.7-4.7s4.7 2 4.7 4.7-2 4.8-4.7 4.8zm0 2.2c3.9 0 6.9-3 6.9-7 0-3.9-3-6.9-6.9-6.9s-6.9 3-6.9 6.9c0 4 3 7 6.9 7z'%3e%3c/path%3e%3c/svg%3e");background-size:100% 100%;display:inline-block;vertical-align:bottom;margin-bottom:0.1875rem;margin-right:0.375rem}.chart__options>*:not(:first-child){display:none}.chart__options label{cursor:pointer}.chart__options label:hover{background:var(--label-bg, rgb(220, 220, 220))}.chart__options:hover{outline:3px solid #000;box-shadow:0 0 0 .25rem #fff;outline-offset:.25rem}.chart__options:hover>*{display:block}.chart__options .chart__options__title{margin-top:1rem;font-weight:bold}.chart>[type=radio]:focus~.chart__switcher label{display:block}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;justify-content:flex-end;gap:.5rem}.chart__key .key{font-size:1rem !important;margin:0}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em;background-color:var(--chart-colour);display:inline-block;border-radius:50%}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer>input[type=checkbox]:not(:checked)~.chart__key .key{opacity:.25}.chart__outer>input[type=checkbox]:not(:checked)~.chart__wrapper table tbody tr td:not(:first-child){display:none}.chart__outer>input[type=checkbox]:not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line{display:none !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(2){display:block}input:nth-of-type(1):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(1){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(3){display:block}input:nth-of-type(2):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(2){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(4){display:block}input:nth-of-type(3):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(3){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(5){display:block}input:nth-of-type(4):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(4){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(6){display:block}input:nth-of-type(5):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(5){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(7){display:block}input:nth-of-type(6):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(6){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(8){display:block}input:nth-of-type(7):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(7){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(9){display:block}input:nth-of-type(8):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(8){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(10){display:block}input:nth-of-type(9):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(9){display:block !important}.chart:has(.chart__outer)>table{order:10;display:none}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative;margin-bottom:1rem}.chart__wrapper .chart__yaxis{display:flex;flex-direction:column-reverse;width:var(--yaxis-width)}.chart__wrapper .chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__wrapper .chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__wrapper .chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-size:var(--label-size)}.chart__wrapper .chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__wrapper .chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__wrapper .chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__wrapper .chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__wrapper .chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__wrapper .chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__wrapper .chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__wrapper .chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__wrapper .chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:hsla(0,0%,100%,.6)}.chart__wrapper .chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__wrapper .chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:50%;transform:translate(-50%, 0);width:fit-content;padding:0;white-space:nowrap;max-width:6rem;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 62em){.chart__wrapper table tbody tr td:first-child{display:block;left:50% !important;transform:translate(-50%, 0) !important}}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:1.5rem;position:relative;background:green;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child) span{position:absolute;bottom:100%;left:50%;font-size:var(--label-size);line-height:1.2;transform:translate(-50%, 0);background:var(--chart-colour);opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;color:var(--colour-primary-theme);white-space:pre;text-align:center}.chart__wrapper table tbody tr td:not(:first-child) span::before{content:attr(data-label) "\a" attr(data-group) "\a"}.chart__wrapper table tbody tr td:not(:first-child) span[data-second]:after{content:"\a" attr(data-second-label) ": " attr(data-second)}.chart__wrapper table tbody tr td:not(:first-child):hover span{opacity:1;z-index:var(--index-above)}@container (min-width: 36em){.chart__wrapper table tbody tr:first-child td:not(:first-child) span,.chart__wrapper table tbody tr:last-child td:not(:first-child) span{left:50%;transform:translate(-50%, 0);text-align:center}}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (max-width: 36em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 62em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(5n)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(5n)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n)) td:first-child{display:block !important}}.chart__wrapper table tbody:has(tr:nth-child(1001)) tr{display:none}.chart__wrapper table tbody:has(tr:nth-child(1001)) tr:nth-last-child(-n+1001)~tr{display:flex}.chart__wrapper .line,.chart__wrapper .pie{display:none}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines{position:absolute}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em)}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__yaxis{display:none}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table{padding-top:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody{flex-direction:column;position:relative}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td{height:3rem;bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:first-child{position:static;transform:none;display:block !important;max-height:1.5rem}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;transform:translate(-100%, -50%) !important;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:50%;left:0 !important;padding-right:.5em}@container (max-width: 36em){.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines{position:absolute}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em)}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__yaxis{display:none}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table{padding-top:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody{flex-direction:column;position:relative}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td{height:3rem;bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:first-child{position:static;transform:none;display:block !important;max-height:1.5rem}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;transform:translate(-100%, -50%) !important;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:50%;left:0 !important;padding-right:.5em}}input[type=radio]:not([value=pie])[value=stacked]:checked~.chart__wrapper table tbody tr{--bar-gap: 0;flex-direction:column-reverse;justify-content:flex-start;align-items:center}input[type=radio]:not([value=pie])[value=stacked]:checked~.chart__wrapper table tbody tr td{border-radius:0 !important}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody{justify-content:space-between}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):first-child{left:50% !important;width:4rem}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:not(:has(.chart__bar)){width:2px;margin-left:-1px;margin-right:-1px;padding:0}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):not(:first-child){position:absolute;left:50%;bottom:calc(var(--axis));height:6px;width:6px;margin-bottom:-3px;margin-left:-3px;border-radius:3px}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):not(:first-child):hover{opacity:1}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:before{content:"";border-left:1px dashed #eee;height:100%;width:0;position:absolute;top:0;left:50%;height:100%;margin-left:-1px;z-index:var(--index-below);opacity:0}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:hover:before{opacity:1}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:is([data-event],[data-event-right]):before{opacity:1;border-left:1px dashed #000}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:is([data-event],[data-event-right]):after{content:attr(data-event);position:absolute;top:0;left:50%;width:max-content;z-index:var(--index-below);font-size:var(--label-size);background:hsla(0,0%,100%,.5)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event]:after{transform:translate(-50%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event-right]:after{transform:translate(-101%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event-left]:after{transform:translate(1%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .pie{display:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr{position:absolute;left:var(--position)}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:first-child{display:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope{pointer-events:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope svg{color:#000;stroke:currentColor;display:block;position:absolute;top:0;left:0;stroke-width:var(--line-thickness);width:100%;height:calc(100% - 1rem);pointer-events:none;z-index:var(--index-above)}.chart__outer input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .chart__lines~table tbody tr td:not(.chart__bar):not(:first-child):not(:hover){opacity:0}.chart__outer input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line{display:block;position:absolute;top:0;left:0;stroke-width:var(--line-thickness);width:100%;height:100%;pointer-events:none;z-index:var(--index-above)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper{margin-bottom:2rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .chart__yaxis,.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .line{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper table{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pies{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie{position:relative;width:100%;aspect-ratio:1/1;min-width:12.5rem;flex:1 1 auto;display:inline-block;max-width:var(--pie-size)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:first-child{margin-left:0}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:last-child{margin-right:0}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie svg{width:100%;height:100%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie svg path:hover{transform:scale(1.05)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie>div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;background:var(--body-colour-set);border-radius:50%;z-index:var(--index-focus);padding:1rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;height:67%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie>div span{text-align:center;display:block}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:has(path:hover)>div{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject{background:var(--body-colour-set);border-radius:50%;z-index:var(--index-focus);pointer-events:none;display:none;padding:1rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject div{display:flex;justify-content:center;align-items:center;height:100%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject span{text-align:center;display:block}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(1):hover~foreignObject:nth-of-type(1),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(2):hover~foreignObject:nth-of-type(2),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(3):hover~foreignObject:nth-of-type(3),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(4):hover~foreignObject:nth-of-type(4),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(5):hover~foreignObject:nth-of-type(5),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(6):hover~foreignObject:nth-of-type(6),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(7):hover~foreignObject:nth-of-type(7),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(8):hover~foreignObject:nth-of-type(8),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(9):hover~foreignObject:nth-of-type(9){display:block}:host(.chart--display-data) table tbody tr td:not(:first-child) span:before{display:none}:host(.chart--display-data) table tbody tr td:not(:first-child) span{opacity:1 !important;z-index:var(--index-above);top:0%;transform:translate(-50%, 0%) !important;display:block !important;height:fit-content;margin:0}:host(.chart--display-data) input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:not(:first-child) span{top:50%;right:0;left:0;transform:translate(0%, -50%) !important;text-align:right;width:calc(100% - .4rem);min-width:fit-content;padding:0 .1rem;border-radius:0}:host(.chart--display-data) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(:first-child) span{bottom:.25rem;top:auto}:host(.chart--display-data) input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .chart__lines~table tbody tr td:not(:first-child):not(:hover){opacity:1}:host(.chart--show-totals) .chart__key .key .chart__total{display:flex;font-size:var(--label-size);font-weight:bold;line-height:1;padding-left:1.5em}:host(.chart--show-totals) .chart__key .key .chart__total__number{margin-right:1rem}:host(.chart--show-totals) .chart__key .key .chart__total__percent{margin-left:auto}.chart--animate.animating.inview{--animation-left: 2s}.chart--animate.animating.inview table tbody tr td:not(:first-child){transition:height 2s ease-out,width 2s ease-out,bottom 2s ease-out,left var(--animation-left) ease-out;transition-delay:calc(var(--row-index)*.1s)}.chart--animate:not(.inview) table tbody tr td:not(:first-child){--bottom: var(--min-bottom, 0%) !important;--percent: 0% !important;--axis: 0% !important;--comparison: 0% !important}.chart--animate.animating input[type=radio]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:not(:first-child){overflow:hidden}.chart--animate:not(.inview) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(:first-child){--percent: 0% !important}.chart--animate.animating input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope path{transition:2s ease-out}.chart--animate:not(.inview) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope path{d:var(--path)}.chart--animate.animating input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line path{transition:2s ease-out}.chart--animate:not(.inview) input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line path{d:var(--path)}.chart--animate input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path{transition:calc(2s*var(--second-fraction, 1)) ease-out;transition-delay:calc(var(--row-index)*var(--path-index)*.1s)}.chart--animate:not(.inview) input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path{transform:scale(60%) !important}/*# sourceMappingURL=charts.css.map */
|
|
1
|
+
::slotted(table){display:none !important}.chart__outer{container-type:inline-size;--body-colour-set: var(--body-colour, white);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 56.25%);--chart-height-lg-set: var(--chart-height-lg, 42.86%);--chart-height-resp: var(--chart-height-set);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--pie-size: calc(50% - 1.4rem);--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%);--bar-gap: min(10%, 0.75rem);margin-bottom:2rem;display:flex;flex-direction:column;--chart-colour-1-set: var(--chart-colour-1, #1ebee6);--chart-colour-2-set: var(--chart-colour-2, #ffd2d2);--chart-colour-3-set: var(--chart-colour-3, #b4e6a5);--chart-colour-4-set: var(--chart-colour-4, #ffa500);--chart-colour-5-set: var(--chart-colour-5, #46003c);--chart-colour-6-set: var(--chart-colour-6, #b4e6a5);--chart-colour-7-set: var(--chart-colour-7, #1ebee6);--chart-colour-8-set: var(--chart-colour-8, #ffd2d2);--chart-colour-9-set: var(--chart-colour-9, #9d9d9d);--chart-colour-10-set: var(--chart-colour-10, #66838a)}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7)}.chart__outer:has(.chart__options){position:relative;padding-top:1.5rem}.chart__outer>*{display:block;order:2}.chart__outer>figcaption{display:contents}.chart__outer>figcaption p:not(.chart__strapline,.chart__title){margin-bottom:.25rem;font-size:var(--label-size)}.chart__outer>figcaption>*{order:3}.chart__outer>figcaption>:is(.chart__title,.chart__strapline){order:1}@container (max-width: 36em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0, -100%);--bar-gap: 0}}@container (max-width: 62em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}}@container (min-width: 36em){.chart__outer .chart__wrapper{--chart-height-resp: var(--chart-height-lg-set);--pie-size: calc(33.333% - 1.4rem);--line-thickness: 0.8px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%)}}@container (min-width: 62em){.chart__outer .chart__wrapper{--label-size: 0.875rem;--pie-size: calc(25% - 1.5rem);--line-thickness: 0.5px}}.chart__title{font-size:2rem;font-weight:700;margin-bottom:.25rem}.chart__strapline{margin-bottom:1rem}.chart__source{border-top:1px solid #000;position:relative;padding-top:.25rem}.chart__key .key:nth-child(10n-9),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-8){--chart-colour: var(--chart-colour-1-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-9){color:var(--chart-colour-1-set);stroke:currentColor;fill:currentColor;z-index:9}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-9){fill:var(--chart-colour-1-set)}.chart__key .key:nth-child(10n-8),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-7){--chart-colour: var(--chart-colour-2-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-8){color:var(--chart-colour-2-set);stroke:currentColor;fill:currentColor;z-index:8}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-8){fill:var(--chart-colour-2-set)}.chart__key .key:nth-child(10n-7),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-6){--chart-colour: var(--chart-colour-3-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-7){color:var(--chart-colour-3-set);stroke:currentColor;fill:currentColor;z-index:7}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-7){fill:var(--chart-colour-3-set)}.chart__key .key:nth-child(10n-6),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-5){--chart-colour: var(--chart-colour-4-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-6){color:var(--chart-colour-4-set);stroke:currentColor;fill:currentColor;z-index:6}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-6){fill:var(--chart-colour-4-set)}.chart__key .key:nth-child(10n-5),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-4){--chart-colour: var(--chart-colour-5-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-5){color:var(--chart-colour-5-set);stroke:currentColor;fill:currentColor;z-index:5}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-5){fill:var(--chart-colour-5-set)}.chart__key .key:nth-child(10n-4),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-3){--chart-colour: var(--chart-colour-6-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-4){color:var(--chart-colour-6-set);stroke:currentColor;fill:currentColor;z-index:4}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-4){fill:var(--chart-colour-6-set)}.chart__key .key:nth-child(10n-3),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-2){--chart-colour: var(--chart-colour-7-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-3){color:var(--chart-colour-7-set);stroke:currentColor;fill:currentColor;z-index:3}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-3){fill:var(--chart-colour-7-set)}.chart__key .key:nth-child(10n-2),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-1){--chart-colour: var(--chart-colour-8-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-2){color:var(--chart-colour-8-set);stroke:currentColor;fill:currentColor;z-index:2}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-2){fill:var(--chart-colour-8-set)}.chart__key .key:nth-child(10n-1),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-0){--chart-colour: var(--chart-colour-9-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-1){color:var(--chart-colour-9-set);stroke:currentColor;fill:currentColor;z-index:1}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-1){fill:var(--chart-colour-9-set)}.chart__key .key:nth-child(10n),input[type=radio]:not([value=none]):not([value=pie]):checked~.chart__outer table tbody tr td:not(:first-child):nth-child(10n+1){--chart-colour: var(--chart-colour-10-set)}.chart__outer>[type=radio]{opacity:0;position:absolute;pointer-events:none}.chart__options:has(span:first-child:last-child){display:none}.chart__options{position:absolute;display:block;width:fit-content;z-index:var(--index-above);top:0;right:0;background-color:var(--body-colour-set)}.chart__options>span:first-child{text-align:right;display:block;height:1.5rem}.chart__options>span:first-child:before{content:"";height:1rem;width:1rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cpath d='M31 19.3v-6.5l-3.9-.5c-.1-.4-.3-.9-.5-1.5l2.4-3-4.7-4.7-3.1 2.4c-.4-.2-.9-.4-1.5-.6L19.2 1h-6.5l-.5 3.9c-.6.2-1.1.4-1.5.6l-3-2.4L3 7.7l2.4 3c-.2.5-.4 1.1-.5 1.5l-3.9.5v6.5l3.9.5c.2.5.3 1 .6 1.5l-2.4 3 4.7 4.7 3-2.3c.4.2 1 .5 1.5.6l.5 3.8h6.5l.5-3.8c.5-.2 1.1-.4 1.5-.6l3 2.3 4.7-4.7-2.4-3 .6-1.5 3.8-.4zm-2.1-1.9-3.4.5c-.3 1.5-.8 2.7-1.6 3.6l2.1 2.6-1.9 2-2.6-2c-1 .7-2.5 1.3-3.7 1.5l-.5 3.3h-2.6l-.5-3.3c-1.2-.2-2.7-.8-3.7-1.5l-2.6 2-1.9-2 2.1-2.6c-.8-.9-1.2-2.1-1.6-3.6l-3.4-.5v-2.7l3.5-.5c.2-1.1.6-2.3 1.4-3.7L6 7.9l1.9-2L10.6 8c.8-.7 1.7-1.1 3.6-1.6l.5-3.4h2.6l.5 3.4c1.9.5 2.8.9 3.6 1.6l2.7-2L26 8l-2 2.5c.8 1.4 1.2 2.6 1.4 3.7l3.5.5v2.7zM16 20.8c-2.7 0-4.7-2-4.7-4.8 0-2.7 2-4.7 4.7-4.7s4.7 2 4.7 4.7-2 4.8-4.7 4.8zm0 2.2c3.9 0 6.9-3 6.9-7 0-3.9-3-6.9-6.9-6.9s-6.9 3-6.9 6.9c0 4 3 7 6.9 7z'%3e%3c/path%3e%3c/svg%3e");background-size:100% 100%;display:inline-block;vertical-align:bottom;margin-bottom:.1875rem;margin-right:.375rem}.chart__options>*:not(:first-child){display:none}.chart__options label{cursor:pointer}.chart__options label:hover{background:var(--label-bg, rgb(220, 220, 220))}.chart__options:hover{outline:3px solid #000;box-shadow:0 0 0 .25rem #fff;outline-offset:.25rem}.chart__options:hover>*{display:block}.chart__options .chart__options__title{margin-top:1rem;font-weight:bold}.chart>[type=radio]:focus~.chart__switcher label{display:block}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;justify-content:flex-end;gap:.5rem}.chart__key .key{font-size:1rem !important;margin:0}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em;background-color:var(--chart-colour);display:inline-block;border-radius:50%}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer>input[type=checkbox]:not(:checked)~.chart__key .key{opacity:.25}.chart__outer>input[type=checkbox]:not(:checked)~.chart__wrapper table tbody tr td:not(:first-child){display:none}.chart__outer>input[type=checkbox]:not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line{display:none !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(2){display:block}input:nth-of-type(1):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(1){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(3){display:block}input:nth-of-type(2):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(2){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(4){display:block}input:nth-of-type(3):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(3){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(5){display:block}input:nth-of-type(4):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(4){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(6){display:block}input:nth-of-type(5):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(5){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(7){display:block}input:nth-of-type(6):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(6){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(8){display:block}input:nth-of-type(7):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(7){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(9){display:block}input:nth-of-type(8):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(8){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(10){display:block}input:nth-of-type(9):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(9){display:block !important}.chart:has(.chart__outer)>table{order:10;display:none}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative;margin-bottom:1rem}.chart__wrapper .chart__yaxis{display:flex;flex-direction:column-reverse;width:var(--yaxis-width)}.chart__wrapper .chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__wrapper .chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__wrapper .chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-size:var(--label-size)}.chart__wrapper .chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__wrapper .chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__wrapper .chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__wrapper .chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__wrapper .chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__wrapper .chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__wrapper .chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__wrapper .chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__wrapper .chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:hsla(0,0%,100%,.6)}.chart__wrapper .chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__wrapper .chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:50%;transform:translate(-50%, 0);width:fit-content;padding:0;white-space:nowrap;max-width:6rem;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 62em){.chart__wrapper table tbody tr td:first-child{display:block;left:50% !important;transform:translate(-50%, 0) !important}}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:1.5rem;position:relative;background:green;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child) span{position:absolute;bottom:100%;left:50%;font-size:var(--label-size);line-height:1.2;transform:translate(-50%, 0);background:var(--chart-colour);opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;color:var(--colour-primary-theme);white-space:pre;text-align:center}.chart__wrapper table tbody tr td:not(:first-child) span::before{content:attr(data-label) "\a" attr(data-group) "\a"}.chart__wrapper table tbody tr td:not(:first-child) span[data-second]:after{content:"\a" attr(data-second-label) ": " attr(data-second)}.chart__wrapper table tbody tr td:not(:first-child):hover span{opacity:1;z-index:var(--index-above)}@container (min-width: 36em){.chart__wrapper table tbody tr:first-child td:not(:first-child) span,.chart__wrapper table tbody tr:last-child td:not(:first-child) span{left:50%;transform:translate(-50%, 0);text-align:center}}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (max-width: 36em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 62em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(5n)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(5n)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n)) td:first-child{display:block !important}}.chart__wrapper table tbody:has(tr:nth-child(1001)) tr{display:none}.chart__wrapper table tbody:has(tr:nth-child(1001)) tr:nth-last-child(-n+1001)~tr{display:flex}.chart__wrapper .line,.chart__wrapper .pie{display:none}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines{position:absolute}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em)}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__yaxis{display:none}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table{padding-top:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody{flex-direction:column;position:relative}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td{height:3rem;bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:first-child{position:static;transform:none;display:block !important;max-height:1.5rem}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;transform:translate(-100%, -50%) !important;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:50%;left:0 !important;padding-right:.5em}@container (max-width: 36em){.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines{position:absolute}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em)}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__yaxis{display:none}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table{padding-top:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody{flex-direction:column;position:relative}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td{height:3rem;bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:first-child{position:static;transform:none;display:block !important;max-height:1.5rem}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;transform:translate(-100%, -50%) !important;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:50%;left:0 !important;padding-right:.5em}}input[type=radio]:not([value=pie])[value=stacked]:checked~.chart__wrapper table tbody tr{--bar-gap: 0;flex-direction:column-reverse;justify-content:flex-start;align-items:center}input[type=radio]:not([value=pie])[value=stacked]:checked~.chart__wrapper table tbody tr td{border-radius:0 !important}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody{justify-content:space-between}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):first-child{left:50% !important;width:4rem}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:not(:has(.chart__bar)){width:2px;margin-left:-1px;margin-right:-1px;padding:0}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):not(:first-child){position:absolute;left:50%;bottom:calc(var(--axis));height:6px;width:6px;margin-bottom:-3px;margin-left:-3px;border-radius:3px}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):not(:first-child):hover{opacity:1}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:before{content:"";border-left:1px dashed #eee;height:100%;width:0;position:absolute;top:0;left:50%;height:100%;margin-left:-1px;z-index:var(--index-below);opacity:0}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:hover:before{opacity:1}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:is([data-event],[data-event-right]):before{opacity:1;border-left:1px dashed #000}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:is([data-event],[data-event-right]):after{content:attr(data-event);position:absolute;top:0;left:50%;width:max-content;z-index:var(--index-below);font-size:var(--label-size);background:hsla(0,0%,100%,.5)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event]:after{transform:translate(-50%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event-right]:after{transform:translate(-101%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event-left]:after{transform:translate(1%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .pie{display:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr{position:absolute;left:var(--position)}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:first-child{display:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope{pointer-events:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope svg{color:#000;stroke:currentColor;display:block;position:absolute;top:0;left:0;stroke-width:var(--line-thickness);width:100%;height:calc(100% - 1rem);pointer-events:none;z-index:var(--index-above)}.chart__outer input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .chart__lines~table tbody tr td:not(.chart__bar):not(:first-child):not(:hover){opacity:0}.chart__outer input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line{display:block;position:absolute;top:0;left:0;stroke-width:var(--line-thickness);width:100%;height:100%;pointer-events:none;z-index:var(--index-above)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper{margin-bottom:2rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .chart__yaxis,.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .line{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper table{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pies{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie{position:relative;width:100%;aspect-ratio:1/1;min-width:12.5rem;flex:1 1 auto;display:inline-block;max-width:var(--pie-size)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:first-child{margin-left:0}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:last-child{margin-right:0}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie svg{width:100%;height:100%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie svg path:hover{transform:scale(1.05)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie>div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;background:var(--body-colour-set);border-radius:50%;z-index:var(--index-focus);padding:1rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;height:67%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie>div span{text-align:center;display:block}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:has(path:hover)>div{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject{background:var(--body-colour-set);border-radius:50%;z-index:var(--index-focus);pointer-events:none;display:none;padding:1rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject div{display:flex;justify-content:center;align-items:center;height:100%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject span{text-align:center;display:block}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(1):hover~foreignObject:nth-of-type(1),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(2):hover~foreignObject:nth-of-type(2),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(3):hover~foreignObject:nth-of-type(3),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(4):hover~foreignObject:nth-of-type(4),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(5):hover~foreignObject:nth-of-type(5),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(6):hover~foreignObject:nth-of-type(6),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(7):hover~foreignObject:nth-of-type(7),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(8):hover~foreignObject:nth-of-type(8),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(9):hover~foreignObject:nth-of-type(9){display:block}:host(.chart--display-data) table tbody tr td:not(:first-child) span:before{display:none}:host(.chart--display-data) table tbody tr td:not(:first-child) span{opacity:1 !important;z-index:var(--index-above);top:0%;transform:translate(-50%, 0%) !important;display:block !important;height:fit-content;margin:0}:host(.chart--display-data) input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:not(:first-child) span{top:50%;right:0;left:0;transform:translate(0%, -50%) !important;text-align:right;width:calc(100% - .4rem);min-width:fit-content;padding:0 .1rem;border-radius:0}:host(.chart--display-data) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(:first-child) span{bottom:.25rem;top:auto}:host(.chart--display-data) input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .chart__lines~table tbody tr td:not(:first-child):not(:hover){opacity:1}:host(.chart--show-totals) .chart__key .key .chart__total{display:flex;font-size:var(--label-size);font-weight:bold;line-height:1;padding-left:1.5em}:host(.chart--show-totals) .chart__key .key .chart__total__number{margin-right:1rem}:host(.chart--show-totals) .chart__key .key .chart__total__percent{margin-left:auto}.chart--animate.animating.inview{--animation-left: 2s}.chart--animate.animating.inview table tbody tr td:not(:first-child){transition:height 2s ease-out,width 2s ease-out,bottom 2s ease-out,left var(--animation-left) ease-out;transition-delay:calc(var(--row-index)*.1s)}.chart--animate:not(.inview) table tbody tr td:not(:first-child){--bottom: var(--min-bottom, 0%) !important;--percent: 0% !important;--axis: 0% !important;--comparison: 0% !important}.chart--animate.animating input[type=radio]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:not(:first-child){overflow:hidden}.chart--animate:not(.inview) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(:first-child){--percent: 0% !important}.chart--animate.animating input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope path{transition:2s ease-out}.chart--animate:not(.inview) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope path{d:var(--path)}.chart--animate.animating input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line path{transition:2s ease-out}.chart--animate:not(.inview) input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line path{d:var(--path)}.chart--animate input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path{transition:calc(2s*var(--second-fraction, 1)) ease-out;transition-delay:calc(var(--row-index)*var(--path-index)*.1s)}.chart--animate:not(.inview) input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path{transform:scale(60%) !important}/*# sourceMappingURL=charts.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/charts.scss"],"names":[],"mappings":"AA2DA,iBACE,wBAGF,cACE,2BAGA,6CACA,6CACA,gDACA,sDACA,6CAEA,kBACA,gBACA,iBACA,kBACA,sBACA,kBACA,sBACA,wBACA,sBACA,+BACA,sBACA,oBACA,6BACA,iDACA,6BAEA,mBACA,aACA,sBAGE,ohBAGF,oBACE,0BACA,qDAGF,mCACE,kBACA,mBAGF,gBACE,cACA,QAGF,yBACE,iBAEA,gEACE,qBACA,4BAGF,2BACE,QAGF,8DACE,QAIJ,6BACE,yFAEE,iBACA,4BACA,kDACA,cAGJ,6BACE,qCACE,cAGJ,6BACE,8BACE,gDACA,mCACA,wBACA,oBACA,6BACA,kDAIJ,6BACE,8BACE,uBACA,+BACA,yBAON,cACE,eACA,gBACA,qBAGF,kBACE,mBAGF,eACE,0BACA,kBACA,mBAMA,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAIJ,gKAOE,2CAKF,2BACE,UACA,kBACA,oBAIA,iDACE,aAFJ,gBAKE,kBACA,cACA,kBACA,2BACA,MACA,QACA,wCAEA,iCACE,iBACA,cACA,cAEA,wCACE,WACA,YACA,WACA,47BACA,0BACA,qBAEA,sBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/charts.scss"],"names":[],"mappings":"AA2DA,iBACE,wBAGF,cACE,2BAGA,6CACA,6CACA,gDACA,sDACA,6CAEA,kBACA,gBACA,iBACA,kBACA,sBACA,kBACA,sBACA,wBACA,sBACA,+BACA,sBACA,oBACA,6BACA,iDACA,6BAEA,mBACA,aACA,sBAGE,ohBAGF,oBACE,0BACA,qDAGF,mCACE,kBACA,mBAGF,gBACE,cACA,QAGF,yBACE,iBAEA,gEACE,qBACA,4BAGF,2BACE,QAGF,8DACE,QAIJ,6BACE,yFAEE,iBACA,4BACA,kDACA,cAGJ,6BACE,qCACE,cAGJ,6BACE,8BACE,gDACA,mCACA,wBACA,oBACA,6BACA,kDAIJ,6BACE,8BACE,uBACA,+BACA,yBAON,cACE,eACA,gBACA,qBAGF,kBACE,mBAGF,eACE,0BACA,kBACA,mBAMA,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAdF,qGAEE,0CAGF,uHAGE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAIJ,gKAOE,2CAKF,2BACE,UACA,kBACA,oBAIA,iDACE,aAFJ,gBAKE,kBACA,cACA,kBACA,2BACA,MACA,QACA,wCAEA,iCACE,iBACA,cACA,cAEA,wCACE,WACA,YACA,WACA,47BACA,0BACA,qBAEA,sBACA,uBACA,qBAIJ,oCACE,aAGF,sBACE,eAEA,4BACE,+CAIJ,sBACE,uBAEA,6BACA,sBAEA,wBACE,cAIJ,uCACE,gBACA,iBAKF,iDACE,cAMJ,mCACE,UACA,kBACA,oBAGF,YACE,gBACA,qBAEA,aACA,cACA,6BACA,sBACA,yBACA,UAEA,iBACE,0BACA,SAEA,wBACE,WACA,YACA,WACA,kBACA,qCACA,qBACA,kBAmBF,kEAEE,aAGF,+BACE,aAON,kEACE,YAGF,qGACE,aAGF,iGACE,wBAQA,gGACE,UAGF,iIAOE,cAGF,gGACE,yBAfF,gGACE,UAGF,iIAOE,cAGF,gGACE,yBAfF,gGACE,UAGF,iIAOE,cAGF,gGACE,yBAfF,gGACE,UAGF,iIAOE,cAGF,gGACE,yBAfF,gGACE,UAGF,iIAOE,cAGF,gGACE,yBAfF,gGACE,UAGF,iIAOE,cAGF,gGACE,yBAfF,gGACE,UAGF,iIAOE,cAGF,gGACE,yBAfF,gGACE,UAGF,iIAOE,cAGF,gGACE,yBAfF,gGACE,UAGF,kIAOE,cAGF,gGACE,yBAMJ,gCACE,SACA,aAKF,gBACE,cACA,aACA,mBACA,kBACA,mBAEA,8BACE,aACA,8BACA,yBAEA,2CACE,sBACA,kBACA,SACA,mBAEA,4DACE,mCAGF,gDACE,cACA,6BACA,qBACA,iBACA,4BAGF,2DACE,4CAKN,8BACE,mBACA,aACA,8BACA,WACA,kBACA,OACA,aAEA,2CACE,oBACA,UACA,kBACA,SACA,mBAEA,gDACE,cACA,8BACA,kBACA,4BACA,kBACA,SAKN,mCACE,kBACA,MACA,OACA,WACA,YACA,aACA,8BACA,oBAEA,8CACE,sBACA,kBACA,QACA,WACA,WACA,mBACA,8BACA,oBACA,2BAGA,2EACE,aAIJ,sDACE,8BACA,2BACA,2BACA,iBAEA,2DACE,kBACA,SACA,4BACA,6BACA,8BAGJ,oDACE,8CAEA,sEACE,+CAKN,uBACE,kBACA,YAGF,sBACE,cACA,sBACA,qCACA,kBACA,gBACA,iBAEA,4BACE,aAGF,4BACE,aACA,kBACA,WACA,YACA,MACA,OACA,mBACA,YAGF,+BACE,aACA,mBACA,uBACA,qBACA,YACA,WACA,YACA,kBACA,cACA,mBAEA,kCACE,oBAGF,8CACE,kBACA,SACA,SACA,6BACA,kBACA,UACA,mBACA,eACA,gBACA,uBACA,4BAEA,kBAEA,6BAfF,8CAgBI,cACA,oBACA,yCAIJ,oGAEE,aAGF,mHAEE,cAGF,oDACE,YACA,0BACA,yBACA,WACA,iBACA,kBACA,iBACA,UACA,+BACA,4BACA,2BAEA,8HAEE,aAGF,uEACE,aAGF,yDACE,kBACA,YACA,SACA,4BACA,gBACA,6BACA,+BACA,UACA,oBACA,cACA,oBACA,qBACA,kCACA,gBACA,kBAEA,iEACE,oDAGF,4EACE,4DAIJ,+DACE,UACA,2BAIJ,6BACE,yIAEE,SACA,6BACA,mBAKF,iEACE,aAMN,6BAGI,uJACE,aAGF,+KACE,QACA,0BACA,cACA,gBAEF,6KACE,UACA,8BACA,cACA,iBAGF,qMACE,UACA,2BACA,gBAGF,mMACE,UACA,8BACA,kBAKN,6BAEI,oEACE,wBAGF,oGACE,yBAKF,wKAEE,wBAGF,qGACE,yBAKF,2KAEE,wBAGF,sGACE,0BAOJ,uDACE,aAGF,kFACE,aAKN,2CAEE,aAQA,oIACE,yBACA,qDACA,aAGF,iJACE,kBAEA,4JACE,YACA,oBACA,YACA,4BACA,QAEA,iKACE,cACA,4BACA,kBACA,SACA,iCAKN,4IACE,aAGF,oIACE,cAGF,0IACE,sBACA,kBAGF,6IACE,sBACA,uBACA,oBACA,UAEA,gJACE,YACA,SACA,uBACA,wCACA,eACA,yBACA,+BAGF,4JACE,gBACA,eACA,yBACA,kBAKF,yJACE,cACA,iCACA,4BACA,mBACA,UACA,oBACA,mBAKF,gLACE,kBACA,4CACA,yBACA,kBACA,2BACA,QACA,kBACA,mBAQR,6BA5FI,mHACE,yBACA,qDACA,aAGF,gIACE,kBAEA,2IACE,YACA,oBACA,YACA,4BACA,QAEA,gJACE,cACA,4BACA,kBACA,SACA,iCAKN,2HACE,aAGF,mHACE,cAGF,yHACE,sBACA,kBAGF,4HACE,sBACA,uBACA,oBACA,UAEA,+HACE,YACA,SACA,uBACA,wCACA,eACA,yBACA,+BAGF,2IACE,gBACA,eACA,yBACA,kBAKF,wIACE,cACA,iCACA,4BACA,mBACA,UACA,oBACA,mBAKF,+JACE,kBACA,4CACA,yBACA,kBACA,2BACA,QACA,kBACA,oBAeN,yFACE,aACA,8BACA,2BACA,mBAEA,4FACE,2BAQJ,sLACE,8BAGE,yNACE,oBACA,WAQJ,gNACE,UACA,iBACA,kBACA,UAIA,+NACE,kBACA,SACA,yBACA,WACA,UACA,mBACA,iBACA,kBAEA,qOACE,UAIJ,gMACE,WACA,4BACA,YACA,QACA,kBACA,MACA,SACA,YACA,iBACA,2BACA,UAIA,sMACE,UAKF,oOACE,UACA,4BAEF,mOACE,yBACA,kBACA,MACA,SACA,kBACA,2BACA,4BACA,8BAIF,2MACE,kCAIF,iNACE,mCAIF,gNACE,gCAMR,+KACE,aAKF,uOACE,kBACA,qBAEA,sPACE,aAIJ,+NACE,oBAEF,mOACE,WACA,oBACA,cACA,kBACA,MACA,OACA,mCACA,WACA,yBACA,oBACA,2BASE,oKACE,UAKN,2FACE,cACA,kBACA,MACA,OACA,mCACA,WACA,YACA,oBACA,2BAMJ,wGACE,mBAEA,oOAEE,aAEF,8GACE,aAGF,8GACE,aACA,mBACA,eACA,SAGF,6GACE,kBACA,WACA,iBACA,kBACA,cACA,qBACA,0BAEA,yHACE,cAEF,wHACE,eAIJ,iHACE,WACA,YAEA,4HACE,sBAIJ,iHACE,kBACA,QACA,SACA,gCACA,oBACA,kCACA,kBACA,2BACA,aACA,iBACA,aACA,uBACA,mBACA,WAEA,sHACE,kBACA,cAIJ,iIACE,aAGF,2HACE,kCACA,kBACA,2BACA,oBACA,aACA,aAEA,+HACE,aACA,uBACA,mBACA,YAEF,gIACE,kBACA,cAKF,k7CASE,cAaE,4EACE,aAFJ,qEAIE,qBACA,2BACA,OACA,yCACA,yBACA,mBAEA,SAMJ,qLACE,QACA,QACA,OACA,yCACA,iBACA,yBACA,sBACA,gBACA,gBAKF,iOACE,cACA,SAIJ,iKACE,UASE,0DACE,aACA,4BACA,iBACA,cACA,mBAGF,kEACE,kBAEF,mEACE,iBAWR,iCACE,qBAEA,qEACE,WACE,4FAIF,4CAKF,iEACE,2CACA,yBACA,sBACA,4BAqBF,2IACE,gBAQF,6NACE,yBAKF,kMACE,uBAKF,qMACE,cASF,4GACE,uBAQF,+GACE,cAOF,oHACE,uDACA,8DAKF,iIACE","file":"charts.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.chart__key .key:nth-child(11n-10),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-9){--chart-colour: var(--chart-colour-1);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__outer table tbody tr:nth-child(1):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-1);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__key .key:nth-child(11n-9),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-8){--chart-colour: var(--chart-colour-2);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__outer table tbody tr:nth-child(2):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-2);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__key .key:nth-child(11n-8),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-7){--chart-colour: var(--chart-colour-3);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__outer table tbody tr:nth-child(3):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-3);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__key .key:nth-child(11n-7),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-6){--chart-colour: var(--chart-colour-4);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__outer table tbody tr:nth-child(4):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-4);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__key .key:nth-child(11n-6),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-5){--chart-colour: var(--chart-colour-5);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__outer table tbody tr:nth-child(5):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-5);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__key .key:nth-child(11n-5),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-4){--chart-colour: var(--chart-colour-6);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__outer table tbody tr:nth-child(6):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-6);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__key .key:nth-child(11n-4),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-3){--chart-colour: var(--chart-colour-7);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__outer table tbody tr:nth-child(7):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-7);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__key .key:nth-child(11n-3),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-2){--chart-colour: var(--chart-colour-8);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__outer table tbody tr:nth-child(8):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-8);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__key .key:nth-child(11n-2),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-1){--chart-colour: var(--chart-colour-9);--chart-colour-hover: var(--chart-colour-9-hover)}.chart__outer table tbody tr:nth-child(9):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-9);--chart-colour-hover: var(--chart-colour-9-hover)}.chart__key .key:nth-child(11n-1),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-0){--chart-colour: var(--chart-colour-10);--chart-colour-hover: var(--chart-colour-10-hover)}.chart__outer table tbody tr:nth-child(10):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-10);--chart-colour-hover: var(--chart-colour-10-hover)}::slotted(table){display:none !important}:host{container-type:inline-size;margin-bottom:2rem;display:block}.chart__outer{display:flex;flex-direction:column;position:relative;font-weight:var(--chart-font-weight, bold);color:var(--chart-text-color, black);--chart-height: 7.5rem;--chart-height-lg: 12.5rem;--chart-height-resp: var(--chart-height);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%);--bar-gap: min(10%, 0.75rem)}.chart__outer>*{display:block;order:2}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7)}@container (min-width: 36em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0, -100%);--bar-gap: 0}.chart__outer .chart__wrapper{--chart-height-resp: var(--chart-height-lg);--line-thickness: 0.8px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%)}}@container (min-width: 62em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}.chart__outer .chart__wrapper{--label-size: 0.875rem;--line-thickness: 0.5px}}.chart__outer .chart__spacer span{opacity:0}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none;bottom:50%;left:50%}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;gap:.5rem}.chart__key:has(label:first-child:last-child){display:var(--single-key-display, none)}.chart__key .key{margin:0 !important}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em !important;background-color:var(--chart-colour);display:inline-block;border-radius:var(--key-border-radius, 4px)}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer input[type=checkbox]:focus:nth-child(1)~.chart__key .key:nth-child(1){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(2)~.chart__key .key:nth-child(2){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(3)~.chart__key .key:nth-child(3){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(4)~.chart__key .key:nth-child(4){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(5)~.chart__key .key:nth-child(5){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(6)~.chart__key .key:nth-child(6){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(7)~.chart__key .key:nth-child(7){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(8)~.chart__key .key:nth-child(8){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(9)~.chart__key .key:nth-child(9){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__key .key:nth-of-type(10){opacity:.25}:host([data-yaxis]){--yaxis-display: flex}.chart__yaxis{display:var(--yaxis-display, none);flex-direction:column-reverse;width:var(--yaxis-width)}.chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-weight:var(--chart-yaxis-fw, normal);font-size:var(--chart-yaxis-fs, 0.75rem);color:var(--colour-body)}.chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:hsla(0,0%,100%,.6)}.chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}[part=popover]{position:absolute;top:var(--cursor-y, 50%);left:var(--cursor-x, 50%);font-size:var(--label-size);line-height:1.2;background:var(--chart-details-bg, var(--colour-canvas-2, Canvas));opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;display:block;white-space:pre;text-align:left;box-shadow:var(--chart-details-shadow, 0 0.125rem 0.75rem rgba(0, 0, 0, 0.25));transform:translate(-50%, -100%)}[part=popover]::before{content:attr(data-group) "\a"}[part=popover][data-label]::before{content:attr(data-group) "\a" attr(data-label) "\a"}[part=popover]:has(:is(a,button)){top:0;left:50%;transform:translate(-50%, -100%);font-size:.9rem}[part=popover] hr{margin:0;opacity:0}[part=popover] :is(a,button){display:inline-block !important;clear:both !important;float:left !important;margin-top:1rem !important;margin-right:1rem !important;margin-bottom:.25em !important;font-size:1em !important}[part=popover] :is(a,button)+:is(a,button){margin-top:0 !important}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:var(--chart-bar-alignment, left);align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:0%;width:fit-content;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 62em){.chart__wrapper table tbody tr td:first-child{display:block}}.chart__wrapper table tbody tr td:first-child button{all:unset;cursor:pointer}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:7.5rem;position:relative;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}@media screen and (prefers-color-scheme: dark){.chart__wrapper table tbody tr td:not(:first-child){background:color-mix(in oklab, var(--chart-colour), black 20%)}}.chart__wrapper table tbody tr td:not(:first-child):hover{background:var(--chart-colour-hover)}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child):hover [part=popover]{opacity:1;z-index:var(--index-above);pointer-events:all}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (min-width: 62em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 36em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(2n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(2n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n+1)) td:first-child{display:block !important}}:host(.chart-colour--success) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success,.chart-colour--success td{--chart-colour: var(--chart-colour-success) !important}:host(.chart-colour--success) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success:hover,.chart-colour--success td:hover{--chart-colour-hover: var(--chart-colour-success-hover) !important}:host(.chart-colour--danger) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger,.chart-colour--danger,.chart-colour--danger td{--chart-colour: var(--chart-colour-danger) !important}:host(.chart-colour--danger) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger:hover,.chart-colour--danger:hover,.chart-colour--danger td:hover{--chart-colour-hover: var(--chart-colour-danger-hover) !important}:host(.chart-colour--warning) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning,.chart-colour--warning,.chart-colour--warning td{--chart-colour: var(--chart-colour-warning) !important}:host(.chart-colour--warning) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning:hover,.chart-colour--warning:hover,.chart-colour--warning td:hover{--chart-colour-hover: var(--chart-colour-warning-hover) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(2){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(3){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(4){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(5){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(6){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(7){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(8){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(9){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(10){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(11){display:none;opacity:0}/*# sourceMappingURL=charts.module.css.map */
|
|
1
|
+
.chart__key .key:nth-child(11n-10),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-9){--chart-colour: var(--chart-colour-1)}.chart__outer table tbody tr:nth-child(1):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-1)}.chart__key .key:nth-child(11n-9),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-8){--chart-colour: var(--chart-colour-2)}.chart__outer table tbody tr:nth-child(2):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-2)}.chart__key .key:nth-child(11n-8),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-7){--chart-colour: var(--chart-colour-3)}.chart__outer table tbody tr:nth-child(3):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-3)}.chart__key .key:nth-child(11n-7),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-6){--chart-colour: var(--chart-colour-4)}.chart__outer table tbody tr:nth-child(4):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-4)}.chart__key .key:nth-child(11n-6),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-5){--chart-colour: var(--chart-colour-5)}.chart__outer table tbody tr:nth-child(5):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-5)}.chart__key .key:nth-child(11n-5),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-4){--chart-colour: var(--chart-colour-6)}.chart__outer table tbody tr:nth-child(6):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-6)}.chart__key .key:nth-child(11n-4),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-3){--chart-colour: var(--chart-colour-7)}.chart__outer table tbody tr:nth-child(7):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-7)}.chart__key .key:nth-child(11n-3),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-2){--chart-colour: var(--chart-colour-8)}.chart__outer table tbody tr:nth-child(8):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-8)}.chart__key .key:nth-child(11n-2),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-1){--chart-colour: var(--chart-colour-9)}.chart__outer table tbody tr:nth-child(9):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-9)}.chart__key .key:nth-child(11n-1),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-0){--chart-colour: var(--chart-colour-10)}.chart__outer table tbody tr:nth-child(10):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-10)}::slotted(table){display:none !important}:host{container-type:inline-size;margin-bottom:2rem;display:block}.chart__outer{display:flex;flex-direction:column;position:relative;font-weight:var(--chart-font-weight, bold);color:var(--chart-text-color, black);--chart-height: 7.5rem;--chart-height-lg: 12.5rem;--chart-height-resp: var(--chart-height);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%);--bar-gap: min(10%, 0.75rem)}.chart__outer>*{display:block;order:2}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7)}@container (min-width: 36em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0, -100%);--bar-gap: 0}.chart__outer .chart__wrapper{--chart-height-resp: var(--chart-height-lg);--line-thickness: 0.8px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%)}}@container (min-width: 62em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}.chart__outer .chart__wrapper{--label-size: 0.875rem;--line-thickness: 0.5px}}.chart__outer .chart__spacer span{opacity:0}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none;bottom:50%;left:50%}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;column-gap:.5rem}.chart__key:has(label:first-child:last-child){display:var(--single-key-display, none)}.chart__key .key{margin:0 !important}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em !important;background-color:var(--chart-colour);display:inline-block;border-radius:var(--key-border-radius, 4px)}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer input[type=checkbox]:focus:nth-child(1)~.chart__key .key:nth-child(1){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(2)~.chart__key .key:nth-child(2){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(3)~.chart__key .key:nth-child(3){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(4)~.chart__key .key:nth-child(4){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(5)~.chart__key .key:nth-child(5){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(6)~.chart__key .key:nth-child(6){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(7)~.chart__key .key:nth-child(7){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(8)~.chart__key .key:nth-child(8){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(9)~.chart__key .key:nth-child(9){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__key .key:nth-of-type(10){opacity:.25}:host([data-yaxis]){--yaxis-display: flex}.chart__yaxis{display:var(--yaxis-display, none);flex-direction:column-reverse;width:var(--yaxis-width)}.chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-weight:var(--chart-yaxis-fw, normal);font-size:var(--chart-yaxis-fs, 0.75rem);color:var(--colour-body)}.chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:hsla(0,0%,100%,.6)}.chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}[part=popover]{position:absolute;top:var(--cursor-y, 50%);left:var(--cursor-x, 50%);font-size:var(--label-size);line-height:1.2;background:var(--chart-details-bg, var(--colour-canvas-2, Canvas));opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;display:block;white-space:pre;text-align:left;box-shadow:var(--chart-details-shadow, 0 0.125rem 0.75rem rgba(0, 0, 0, 0.25));transform:translate(-50%, -100%)}[part=popover]::before{content:attr(data-group) "\a"}[part=popover][data-label]::before{content:attr(data-group) "\a" attr(data-label) "\a"}[part=popover]:has(:is(a,button)){top:0;left:50%;transform:translate(-50%, -100%);font-size:.9rem}[part=popover] hr{margin:0;opacity:0}[part=popover] :is(a,button){display:inline-block !important;clear:both !important;float:left !important;margin-top:1rem !important;margin-right:1rem !important;margin-bottom:.25em !important;font-size:1em !important}[part=popover] :is(a,button)+:is(a,button){margin-top:0 !important}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:var(--chart-bar-alignment, left);align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:0%;width:fit-content;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 62em){.chart__wrapper table tbody tr td:first-child{display:block}}.chart__wrapper table tbody tr td:first-child button{all:unset;cursor:pointer}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:7.5rem;position:relative;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}@media screen and (prefers-color-scheme: dark){.chart__wrapper table tbody tr td:not(:first-child){background:color-mix(in oklab, var(--chart-colour), black 20%)}}.chart__wrapper table tbody tr td:not(:first-child):hover{background:color-mix(in oklab, var(--chart-colour), #000000 5%)}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child):hover [part=popover]{opacity:1;z-index:var(--index-above);pointer-events:all}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (min-width: 62em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 36em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(2n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(2n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n+1)) td:first-child{display:block !important}}:host(.chart-colour--success) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success,.chart-colour--success td{--chart-colour: var(--chart-colour-success) !important}:host(.chart-colour--danger) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger,.chart-colour--danger,.chart-colour--danger td{--chart-colour: var(--chart-colour-danger) !important}:host(.chart-colour--warning) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning,.chart-colour--warning,.chart-colour--warning td{--chart-colour: var(--chart-colour-warning) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(2){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(3){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(4){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(5){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(6){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(7){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(8){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(9){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(10){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(11){display:none;opacity:0}/*# sourceMappingURL=charts.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/charts.module.scss"],"names":[],"mappings":"AAKE,sGAEE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/charts.module.scss"],"names":[],"mappings":"AAKE,sGAEE,sCAGF,kIAKE,sCAVF,qGAEE,sCAGF,kIAKE,sCAVF,qGAEE,sCAGF,kIAKE,sCAVF,qGAEE,sCAGF,kIAKE,sCAVF,qGAEE,sCAGF,kIAKE,sCAVF,qGAEE,sCAGF,kIAKE,sCAVF,qGAEE,sCAGF,kIAKE,sCAVF,qGAEE,sCAGF,kIAKE,sCAVF,qGAEE,sCAGF,kIAKE,sCAVF,qGAEE,uCAGF,mIAKE,uCAOJ,iBACE,wBAEF,MACE,2BACA,mBACA,cAEF,cACE,aACA,sBACA,kBACA,2CACA,qCAEA,uBACA,2BACA,yCAGA,kBACA,gBACA,iBACA,kBACA,sBACA,kBACA,sBACA,wBACA,sBACA,sBACA,oBACA,6BACA,iDACA,6BAEA,gBACE,cACA,QAGF,oBACE,0BACA,qDAGF,6BACE,yFAEE,iBACA,4BACA,kDACA,aAGF,8BACE,4CACA,wBACA,oBACA,6BACA,kDAIJ,6BACE,qCACE,aAGF,8BACE,uBACA,yBAIJ,kCACE,UAMJ,mCACE,UACA,kBACA,oBACA,WACA,SAGF,YACE,gBACA,qBACA,aACA,cACA,6BACA,sBAEA,iBAEA,8CACE,wCAGF,iBACE,oBAEA,wBACE,WACA,YACA,WACA,6BACA,qCACA,qBACA,4CAGF,kEAEE,aAGF,+BACE,aAMJ,oFACE,wDACA,oEAFF,oFACE,wDACA,oEAFF,oFACE,wDACA,oEAFF,oFACE,wDACA,oEAFF,oFACE,wDACA,oEAFF,oFACE,wDACA,oEAFF,oFACE,wDACA,oEAFF,oFACE,wDACA,oEAFF,oFACE,wDACA,oEAUF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,kGACE,YAMJ,oBACE,sBAGF,cACE,mCACA,8BACA,yBAEA,2BACE,sBACA,kBACA,SACA,mBAEA,4CACE,mCAGF,gCACE,cACA,6BACA,qBACA,iBAEA,0CACA,yCACA,yBAGF,2CACE,4CAON,cACE,mBACA,aACA,8BACA,WACA,kBACA,OACA,aAEA,2BACE,oBACA,UACA,kBACA,SACA,mBAEA,gCACE,cACA,8BACA,kBACA,4BACA,kBACA,SAON,mBACE,kBACA,MACA,OACA,WACA,YACA,aACA,8BACA,oBAEA,8BACE,sBACA,kBACA,QACA,WACA,WACA,mBACA,8BACA,oBACA,2BAGA,2DACE,aAIJ,sCACE,8BACA,2BACA,2BACA,iBAEA,2CACE,kBACA,SACA,4BACA,6BACA,8BAIJ,oCACE,8CAEA,sDACE,+CAQN,eAEE,kBACA,yBACA,0BACA,4BACA,gBACA,mEACA,UACA,oBACA,cACA,oBACA,qBACA,cAEA,gBACA,gBACA,+EACA,iCAEA,uBACE,8BAGF,mCACE,oDAGF,kCACE,MACA,SACA,iCACA,gBAGF,kBACE,SACA,UAEF,6BACE,gCACA,sBACA,sBACA,2BACA,6BACA,+BACA,yBAGF,2CACE,wBAOJ,gBACE,cACA,aACA,mBACA,kBAEA,uBACE,kBACA,YAGF,sBACE,cACA,sBACA,qCACA,kBACA,gBACA,iBAEA,4BACE,aAGF,4BACE,aACA,kBACA,WACA,YACA,MACA,OACA,mBACA,YAGF,+BACE,aACA,mBACA,iDACA,qBACA,YACA,WACA,YACA,kBACA,cACA,mBAEA,kCACE,oBAGF,8CAEE,kBACA,SACA,QACA,kBACA,UACA,mBACA,gBACA,uBACA,4BACA,kBAEA,6BAbF,8CAcI,eAGF,qDACE,UACA,eAIJ,oGAEE,aAGF,mHAEE,cAGF,oDACE,YACA,0BACA,yBACA,WACA,iBACA,kBACA,UACA,+BAEA,4BACA,2BAGE,+CADF,oDAEI,gEAIJ,0DACE,gEAGF,8HAEE,aAGF,uEACE,aAGF,yEACE,UACA,2BACA,mBAKF,iEACE,aAMN,6BAGI,uJACE,aAGF,+KACE,QACA,0BACA,cACA,gBAEF,6KACE,UACA,8BACA,cACA,iBAGF,qMACE,UACA,2BACA,gBAGF,mMACE,UACA,8BACA,kBAKN,6BAEI,oEACE,wBAGF,sGACE,yBAKF,0KAEE,wBAGF,uGACE,yBAKF,6KAEE,wBAGF,wGACE,0BASV,oKAGE,uDAGF,uLAIE,sDAGF,2LAIE,uDAUA,iIAOE,aACA,UARF,iIAOE,aACA,UARF,iIAOE,aACA,UARF,iIAOE,aACA,UARF,iIAOE,aACA,UARF,iIAOE,aACA,UARF,iIAOE,aACA,UARF,iIAOE,aACA,UARF,kIAOE,aACA,UARF,mIAOE,aACA","file":"charts.module.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@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:"";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-filter:after{content:"";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:.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)}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem}.btn-compact:not(:last-child){margin-right:.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;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - .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-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading)}[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-white) !important;color:var(--colour-white)}[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-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading) !important}.btn-compact:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial}.btn-compact:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}.btn-compact:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important}.btn-compact:not(.btn-action){border-radius:50% !important}.btn-compact:before{font-family:"Font Awesome 6 Pro" !important;content:var(--fa) !important;display:block}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2}.btn[popovertarget]>.fa-chevron-down{display:none}.btn[popovertarget]:not(:has(i)):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.btn[popovertarget][aria-pressed]:after{transform:rotate(270deg)}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content}.btn:has(select) select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}.btn:has(select) select option{font-size:1rem;text-align:left;color:var(--colour-primary);padding-inline:var(--menu-item-padding, 0.5rem);padding-block:var(--menu-item-padding, 0.5rem) !important;border-radius:.25rem !important}.btn:has(select) select option:not(:last-child){margin:var(--menu-item-margin, 0 0 0.25rem 0) !important}.btn:has(select) select option:hover{background:var(--colour-light) !important}.btn:has(select) select option:after{content:attr(data-email)}.btn:has(select) select::picker-icon{display:none}.btn:has(select) select::picker(select){appearance:base-select;background:var(--menu-bg, canvas);margin-block:var(--menu-margin, 0.25rem);padding:var(--menu-padding, 0.5rem) !important;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1);font-size:1rem}.btn:has(select) hr{height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}.btn:has(select) select option::checkmark{display:none}.btn:has(select) select selectedcontent span{display:none}.btn:has(select):after{position:absolute;top:0.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em}.btn-action:has(select) select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}.btn-action:has(select):after{top:.2rem;right:.5rem}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-inline:auto;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}@layer elements{.container{display:block;margin-left:auto;margin-right:auto;container-type:inline-size;width:100%}.container:not([class*=col-]){grid-column:container !important;padding:var(--container-padding)}.container:not(:has(.row)):has([class*=col-]){display:grid;grid-template-columns:[content-start col-1-start] 1fr [col-1-end col-2-start] 1fr [col-2-end col-3-start] 1fr [col-3-end col-4-start] 1fr [col-4-end col-5-start] 1fr [col-5-end col-6-start] 1fr [col-6-end col-7-start] 1fr [col-7-end col-8-start] 1fr [col-8-end col-9-start] 1fr [col-9-end col-10-start] 1fr [col-10-end col-11-start] 1fr [col-11-end col-12-start] 1fr [col-12-end content-end];column-gap:1rem}.container [class*=col-span-]:not([class*=-col-span-]):not(:first-child){--col-start: auto}@media screen and (min-width: 36em){.container [class*=sm-col-span-]:not(:first-child){--col-start: auto}}@media screen and (min-width: 62em){.container [class*=md-col-span-]:not(:first-child){--col-start: auto}}.container:not(.container-fluid){max-width:var(--container-max-width)}.container .container:not(.container-xs-breakout){padding-left:0;padding-right:0;padding-bottom:0;padding-top:0}.container[class*=bg-]{padding-top:3rem;padding-bottom:2rem}.container[class*=bg-]+.container:not([class*=bg-]){padding-top:2rem}.container:before{display:table;clear:both;content:""}.container:after{display:table;clear:both;content:""}.container.container-xs-breakout{margin-left:-1.25rem;margin-right:-1.25rem;width:calc(100% + 2.5rem)}@media screen and (min-width: 36em){.container.container-xs-breakout{margin-left:auto;margin-right:auto;width:100%}}:host .container{display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);width:100%}main>.row{padding-bottom:1rem}main>.row[class*=bg-]{padding-top:3rem;padding-bottom:2rem}main>.row[class*=bg-]+:is(.row,.container):not([class*=bg-]){padding-top:2rem}.container:has(.circle){position:relative;z-index:1}.container>.circle{position:absolute;z-index:var(--index-below);border-width:3px}.container:not([class*=circle-pattern-])>.circle{font-size:18.75rem;top:-4.6875rem;left:-12.5rem}.container:not([class*=circle-pattern-])>.circle~.circle{font-size:21.875rem;top:auto;left:auto;right:-6.25rem;bottom:-12.5rem}}@layer elements{:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:bold;color:var(--colour-heading);clear:both;display:block;& [class*=fa-]{margin-right:.5rem}}:is(.h1,h1){font-size:var(--h1-fs);line-height:var(--h1-lh);padding-bottom:var(--h1-pb);font-weight:900}:is(h2,.h2){font-size:var(--h2-fs);line-height:var(--h2-lh);padding-bottom:var(--h2-pb);font-weight:900}:is(h3,.h3){font-size:var(--h3-fs);line-height:var(--h3-lh);padding-bottom:var(--h3-pb);max-width:var(--content-max-width)}:is(.h4,h4,.h5,h5,.h6,h6){font-size:var(--h4-fs);line-height:var(--h4-lh);padding-bottom:var(--h4-pb);max-width:var(--content-max-width)}p{margin-top:0;font-size:var(--body-fs);line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}:is(.lead,.strapline){font-size:1.125rem;line-height:1.75rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:700}small,.small{font-size:.875rem;line-height:1.5rem;padding-bottom:2rem;max-width:var(--content-max-width);font-weight:normal}.x-small{font-size:.625rem;line-height:1.5rem;padding-bottom:1rem;max-width:var(--content-max-width);font-weight:normal}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}strong{font-weight:bolder;font-family:var(--font-heading);color:var(--colour-heading)}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0;quotes:"“" "”" "‘" "’";padding-bottom:3rem;overflow:hidden;& p{font-size:1.5rem;line-height:2rem;padding-bottom:0}& p:first-child:before{content:open-quote}& p:last-of-type:after{content:close-quote}& cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}}mark{padding:.1875em;background-color:yellow}.stat{font-size:4rem;line-height:4.5rem;font-weight:bold;color:var(--colour-heading);display:block;text-decoration:underline;text-underline-offset:.75rem;text-decoration-color:var(--colour-secondary);text-decoration-thickness:.25rem;margin-bottom:4rem}}:host{--side-link-hover: light-dark(#eeeeee,var(--colour-canvas-2));grid-column:full-width;display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;width:100%;overflow:hidden;position:relative}@media screen and (min-width: 62em){:host{max-height:calc(100vh - var(--nav-height));overflow:auto}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important}}.container.inline .side-menu{position:absolute;top:0}.side-menu{position:absolute;z-index:20;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:4.375rem;height:calc(100% - var(--nav-height));padding:0 2.5rem 0 0;transition:width 1s}.side-menu:before{content:"";position:absolute;z-index:1;top:0;right:2.5rem;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:5rem}}@media screen and (min-width: 62em){.side-menu{left:5.25rem;margin-left:-5.25rem;position:fixed;top:var(--nav-height)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important;transform:rotate(0)}}.side-menu .btn{display:var(--btn-display, block);position:absolute;top:2rem;right:2.5rem;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99;transition:opacity .2s}.side-menu .btn[aria-expanded][class*=fa-]:before{content:"" !important}@media screen and (min-width: 62em){.side-menu .btn[aria-expanded]{opacity:0}}.side-menu:is(:hover,:focus-within,:active) .btn{border:2px solid var(--colour-border);color:var(--colour-primary)}@media screen and (min-width: 62em){.side-menu:is(:hover,:focus-within,:active) .btn{opacity:1}}.side-menu:is(.open){width:calc(100% - var(--container-padding-x) + 2.5rem)}@media screen and (min-width: 36em){.side-menu:is(.open){width:26.375rem}}@media screen and (min-width: 62em){.side-menu:is(.open){width:21.5rem}}.side-menu .side-menu-content{position:absolute;top:0;right:2.5rem;padding:2rem 2.5rem 2.5rem 0;width:21.9375rem;background-color:var(--colour-canvas);opacity:0;transition:opacity 1s;min-height:100%;overflow:auto;max-height:100%;scrollbar-width:thin}.side-menu .side-menu-content .h3{padding-left:1.5rem}@media screen and (min-width: 36em){.side-menu .side-menu-content .h3{padding-left:2.5rem}.side-menu .side-menu-content{width:23.875rem}}@media screen and (min-width: 62em){.side-menu .side-menu-content{width:19rem}.side-menu .side-menu-content .h3{padding-left:var(--container-padding-x)}}.side-menu:not(.hover):not(.open) .side-menu-content.closed{display:none}.side-menu.open .side-menu-content{opacity:1}@media screen and (min-width: 62em){.side-menu.hover .side-menu-content{opacity:1}}.main-content{position:relative;z-index:10;padding-top:1.5rem;padding-left:3.75rem}@media screen and (min-width: 36em){.main-content{padding-left:5rem}}@media screen and (min-width: 62em){.main-content{padding-top:2.5rem !important;padding-left:0}}.main-content>span.h3{padding-top:.75rem;border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important}@media screen and (min-width: 62em){.main-content>span.h3{display:none}}::slotted(.main-content__title){border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important;max-width:100% !important;display:block}@media screen and (min-width: 62em){::slotted(.main-content__title){display:none}}@media screen and (min-width: 62em){.container:has(.side-menu.open){padding-left:2rem !important;margin-left:max(19rem,50% - var(--container-max-width)/2);margin-right:0;max-width:min(var(--container-max-width),100% - 19rem)}}@media screen and (min-width: 62em){:host([open-always]){--btn-display: none}}:host([inline]){width:100%;max-width:100%}@media screen and (min-width: 62em){:host([inline]){max-width:min(var(--container-max-width),100% - 19rem)}}:host([menu-right]) .container{padding-right:0 !important}@media screen and (min-width: 62em){:host([menu-right]) .container{padding-right:5.25rem !important}}@media screen and (min-width: 62em){:host([menu-right]) .container:has(.side-menu.open){margin-right:max(19rem,50% - var(--container-max-width)/2);margin-left:0}}:host([menu-right]) .side-menu{left:auto;right:-2.5rem;padding:0 0 0 2.5rem}@media screen and (min-width: 62em){:host([menu-right]) .side-menu{right:0}}:host([menu-right]) .side-menu::before{right:100%}:host([menu-right]) .side-menu .btn{right:100%}:host([menu-right]) .side-menu .btn:before{transform:rotate(180deg)}:host([menu-right]) .main-content{padding-left:var(--container-padding-x);padding-right:3.75rem}@media screen and (min-width: 36em){:host([menu-right]) .main-content{padding-right:5rem}}@media screen and (min-width: 62em){:host([menu-right]) .main-content{padding-right:0}}/*# sourceMappingURL=collapsible-side.css.map */
|
|
1
|
+
@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}:is(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:button}:is(button,[type=button],[type=reset],[type=submit]):not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@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:"";font-family:"Font Awesome 7 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 7 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{--fa-width: 1em;font-family:"Font Awesome 7 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-filter:after{content:"";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 7 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: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}&[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem)}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}@container style(--theme: dark){&[class*=fa-]:before{color:white}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2}.btn[popovertarget]>.fa-chevron-down{display:none}.btn[popovertarget]:not(:has(i)):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.btn[popovertarget][aria-pressed]:after{transform:rotate(270deg)}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content}.btn:has(select) select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}.btn:has(select) select option{font-size:1rem;text-align:left;color:var(--colour-primary);padding-inline:var(--menu-item-padding, 0.5rem);padding-block:var(--menu-item-padding, 0.5rem) !important;border-radius:.25rem !important}.btn:has(select) select option:not(:last-child){margin:var(--menu-item-margin, 0 0 0.25rem 0) !important}.btn:has(select) select option:hover{background:var(--colour-light) !important}.btn:has(select) select option:after{content:attr(data-email)}.btn:has(select) select::picker-icon{display:none}.btn:has(select) select::picker(select){appearance:base-select;background:var(--menu-bg, canvas);margin-block:var(--menu-margin, 0.25rem);padding:var(--menu-padding, 0.5rem) !important;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1);font-size:1rem}.btn:has(select) hr{height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}.btn:has(select) select option::checkmark{display:none}.btn:has(select) select selectedcontent span{display:none}.btn:has(select):after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em}.btn-action:has(select) select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}.btn-action:has(select):after{top:.2rem;right:.5rem}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}@layer elements{.container{display:block;margin-left:auto;margin-right:auto;container-type:inline-size;width:100%}.container:not([class*=col-]){grid-column:container !important;padding:var(--container-padding)}.container:not(:has(.row)):has([class*=col-]){display:grid;grid-template-columns:[content-start col-1-start] 1fr [col-1-end col-2-start] 1fr [col-2-end col-3-start] 1fr [col-3-end col-4-start] 1fr [col-4-end col-5-start] 1fr [col-5-end col-6-start] 1fr [col-6-end col-7-start] 1fr [col-7-end col-8-start] 1fr [col-8-end col-9-start] 1fr [col-9-end col-10-start] 1fr [col-10-end col-11-start] 1fr [col-11-end col-12-start] 1fr [col-12-end content-end];column-gap:1rem}.container [class*=col-span-]:not([class*=-col-span-]):not(:first-child){--col-start: auto}@media screen and (min-width: 36em){.container [class*=sm-col-span-]:not(:first-child){--col-start: auto}}@media screen and (min-width: 62em){.container [class*=md-col-span-]:not(:first-child){--col-start: auto}}.container:not(.container-fluid){max-width:var(--container-max-width)}.container .container:not(.container-xs-breakout){padding-left:0;padding-right:0;padding-bottom:0;padding-top:0}.container[class*=bg-]{padding-top:3rem;padding-bottom:2rem}.container[class*=bg-]+.container:not([class*=bg-]){padding-top:2rem}.container:before{display:table;clear:both;content:""}.container:after{display:table;clear:both;content:""}.container.container-xs-breakout{margin-left:-1.25rem;margin-right:-1.25rem;width:calc(100% + 2.5rem)}@media screen and (min-width: 36em){.container.container-xs-breakout{margin-left:auto;margin-right:auto;width:100%}}:host .container{display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);width:100%}main>.row{padding-bottom:1rem}main>.row[class*=bg-]{padding-top:3rem;padding-bottom:2rem}main>.row[class*=bg-]+:is(.row,.container):not([class*=bg-]){padding-top:2rem}.container:has(.circle){position:relative;z-index:1}.container>.circle{position:absolute;z-index:var(--index-below);border-width:3px}.container:not([class*=circle-pattern-])>.circle{font-size:18.75rem;top:-4.6875rem;left:-12.5rem}.container:not([class*=circle-pattern-])>.circle~.circle{font-size:21.875rem;top:auto;left:auto;right:-6.25rem;bottom:-12.5rem}}@layer elements{:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.display-1,.display-2,.display-3,.display-4){margin-top:0;margin-bottom:0;font-family:var(--font-heading);font-style:normal;font-weight:bold;color:var(--colour-heading);clear:both;display:block;& [class*=fa-]{margin-right:.5rem}}:is(.h1,h1){font-size:var(--h1-fs);line-height:var(--h1-lh);padding-bottom:var(--h1-pb);font-weight:900}:is(h2,.h2){font-size:var(--h2-fs);line-height:var(--h2-lh);padding-bottom:var(--h2-pb);font-weight:900}:is(h3,.h3){font-size:var(--h3-fs);line-height:var(--h3-lh);padding-bottom:var(--h3-pb);max-width:var(--content-max-width)}:is(.h4,h4,.h5,h5,.h6,h6){font-size:var(--h4-fs);line-height:var(--h4-lh);padding-bottom:var(--h4-pb);max-width:var(--content-max-width)}p{margin-top:0;font-size:var(--body-fs);line-height:1.5rem;padding-bottom:3rem;max-width:var(--content-max-width);margin-bottom:0}p:has(+p){padding-bottom:1.5rem}:is(.lead,.strapline){font-size:1.125rem;line-height:1.75rem;padding-bottom:3rem;max-width:var(--content-max-width);font-weight:700}small,.small{font-size:.875rem;line-height:1.5rem;padding-bottom:2rem;max-width:var(--content-max-width);font-weight:normal}.x-small{font-size:.625rem;line-height:1.5rem;padding-bottom:1rem;max-width:var(--content-max-width);font-weight:normal}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}strong{font-weight:bolder;font-family:var(--font-heading);color:var(--colour-heading)}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0;quotes:"“" "”" "‘" "’";padding-bottom:3rem;overflow:hidden;& p{font-size:1.5rem;line-height:2rem;padding-bottom:0}& p:first-child:before{content:open-quote}& p:last-of-type:after{content:close-quote}& cite{font-size:1.125rem;line-height:2rem;padding-bottom:0;font-weight:bold;font-style:normal}}mark{padding:.1875em;background-color:yellow}.stat{font-size:4rem;line-height:4.5rem;font-weight:bold;color:var(--colour-heading);display:block;text-decoration:underline;text-underline-offset:.75rem;text-decoration-color:var(--colour-secondary);text-decoration-thickness:.25rem;margin-bottom:4rem}}:host{--side-link-hover: light-dark(#eeeeee,var(--colour-canvas-2));grid-column:full-width;display:block;min-height:calc(100vh - var(--nav-height));padding-top:0 !important;margin-inline:auto;width:100%;overflow:hidden;position:relative}@media screen and (min-width: 62em){:host{max-height:calc(100vh - var(--nav-height));overflow:auto}}.container{position:static;min-height:100%;padding-top:0 !important;padding-bottom:0 !important;padding-left:0 !important}@media screen and (min-width: 62em){.container{padding-left:5.25rem !important}}.container.inline .side-menu{position:absolute;top:0}.side-menu{position:absolute;z-index:20;top:0;left:0;height:100%;min-height:calc(100vh - var(--nav-height));width:4.375rem;height:calc(100% - var(--nav-height));padding:0 2.5rem 0 0;transition:width 1s}.side-menu:before{content:"";position:absolute;z-index:1;top:0;right:2.5rem;height:100%;border-right:2px solid var(--colour-border)}@media screen and (min-width: 36em){.side-menu{left:0;width:5rem}}@media screen and (min-width: 62em){.side-menu{left:5.25rem;margin-left:-5.25rem;position:fixed;top:var(--nav-height)}.side-menu:not(.open).hover{width:21.5rem}.side-menu:not(.open).hover .btn[class*=fa-]:before{content:"" !important;transform:rotate(0)}}.side-menu .btn{display:var(--btn-display, block);position:absolute;top:2rem;right:2.5rem;margin-bottom:0;margin-right:-1.25rem;background-color:var(--colour-canvas-2);border:2px solid var(--colour-border);z-index:99;transition:opacity .2s}.side-menu .btn[aria-expanded][class*=fa-]:before{content:"" !important}@media screen and (min-width: 62em){.side-menu .btn[aria-expanded]{opacity:0}}.side-menu:is(:hover,:focus-within,:active) .btn{border:2px solid var(--colour-border);color:var(--colour-primary)}@media screen and (min-width: 62em){.side-menu:is(:hover,:focus-within,:active) .btn{opacity:1}}.side-menu:is(.open){width:calc(100% - var(--container-padding-x) + 2.5rem)}@media screen and (min-width: 36em){.side-menu:is(.open){width:26.375rem}}@media screen and (min-width: 62em){.side-menu:is(.open){width:21.5rem}}.side-menu .side-menu-content{position:absolute;top:0;right:2.5rem;padding:2rem 2.5rem 2.5rem 0;width:21.9375rem;background-color:var(--colour-canvas);opacity:0;transition:opacity 1s;min-height:100%;overflow:auto;max-height:100%;scrollbar-width:thin}.side-menu .side-menu-content .h3{padding-left:1.5rem}@media screen and (min-width: 36em){.side-menu .side-menu-content .h3{padding-left:2.5rem}.side-menu .side-menu-content{width:23.875rem}}@media screen and (min-width: 62em){.side-menu .side-menu-content{width:19rem}.side-menu .side-menu-content .h3{padding-left:var(--container-padding-x)}}.side-menu:not(.hover):not(.open) .side-menu-content.closed{display:none}.side-menu.open .side-menu-content{opacity:1}@media screen and (min-width: 62em){.side-menu.hover .side-menu-content{opacity:1}}.main-content{position:relative;z-index:10;padding-top:1.5rem;padding-left:3.75rem}@media screen and (min-width: 36em){.main-content{padding-left:5rem}}@media screen and (min-width: 62em){.main-content{padding-top:2.5rem !important;padding-left:0}}.main-content>span.h3{padding-top:.75rem;border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important}@media screen and (min-width: 62em){.main-content>span.h3{display:none}}::slotted(.main-content__title){border-bottom:2px solid var(--colour-border);margin-bottom:2.5rem !important;max-width:100% !important;display:block}@media screen and (min-width: 62em){::slotted(.main-content__title){display:none}}@media screen and (min-width: 62em){.container:has(.side-menu.open){padding-left:2rem !important;margin-left:max(19rem,50% - var(--container-max-width)/2);margin-right:0;max-width:min(var(--container-max-width),100% - 19rem)}}@media screen and (min-width: 62em){:host([open-always]){--btn-display: none}}:host([inline]){width:100%;max-width:100%}@media screen and (min-width: 62em){:host([inline]){max-width:min(var(--container-max-width),100% - 19rem)}}:host([menu-right]) .container{padding-right:0 !important}@media screen and (min-width: 62em){:host([menu-right]) .container{padding-right:5.25rem !important}}@media screen and (min-width: 62em){:host([menu-right]) .container:has(.side-menu.open){margin-right:max(19rem,50% - var(--container-max-width)/2);margin-left:0}}:host([menu-right]) .side-menu{left:auto;right:-2.5rem;padding:0 0 0 2.5rem}@media screen and (min-width: 62em){:host([menu-right]) .side-menu{right:0}}:host([menu-right]) .side-menu::before{right:100%}:host([menu-right]) .side-menu .btn{right:100%}:host([menu-right]) .side-menu .btn:before{transform:rotate(180deg)}:host([menu-right]) .main-content{padding-left:var(--container-padding-x);padding-right:3.75rem}@media screen and (min-width: 36em){:host([menu-right]) .main-content{padding-right:5rem}}@media screen and (min-width: 62em){:host([menu-right]) .main-content{padding-right:0}}/*# sourceMappingURL=collapsible-side.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/elements/buttons--global.scss","../../sass/elements/buttons--secondary.scss","../../sass/elements/buttons--tertiary.scss","../../sass/elements/buttons--action.
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/elements/buttons--global.scss","../../sass/elements/buttons--secondary.scss","../../sass/elements/buttons--tertiary.scss","../../sass/elements/buttons--action.css","../../sass/elements/buttons--compact.css","../../sass/elements/buttons--special.scss","../../sass/elements/button__group.css","../../sass/elements/container.scss","../../sass/elements/type.css","../../sass/components/collapsible-side.scss"],"names":[],"mappings":"CAAA,gBACE,qBAGE,sBAIF,OAEE,gBACA,oBACA,SACA,oBACA,kBACA,oBAGF,cACE,eAEF,iCACE,UAGF,qDACE,0BAEA,oEACE,eAOJ,KACE,mBACA,6BACA,6BACA,wBACA,0BACA,2BAEA,qBACA,iBACA,gBACA,qBACA,sBACA,eACA,iBAEA,wBAEA,+BACA,mCACA,2DACA,qBACA,gCACA,gBAEA,WACE,oCAGF,YACA,sBACA,gBACA,mBAEA,oCAlCF,KAmCI,sBAGF,yCACE,+BACA,mCAGF,mEACE,sBAGF,oBACE,gCACA,8DAGF,sBACE,+BAGF,0JAEE,UACA,qBAEA,sCACA,8BACA,qBAGF,oFAEE,uBACA,WACE,yBAEF,wBACA,qBAGF,6DAIE,WACA,mBAMJ,oBACE,qCACA,yCACA,gDACA,kBACA,oBACA,qBAEA,4JAEE,oBACA,qBAEA,0KACE,YACA,iCACA,kBACA,mBACA,WACA,qBACA,8BACA,sBAON,YACE,4BACA,2BACA,qBACA,sBAMA,wBACE,kBACA,iCACA,gBAGF,0BACE,mBAEF,iCACE,eACA,qBACA,kBACA,aACA,QACA,6BAGF,8BACE,kBAGF,mBACE,gBACA,iCACA,kBACA,gBACA,mBAEA,qCACE,iBACA,eASJ,uBACE,WACA,8BACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,iBAKA,kKACE,mBACA,qBASJ,kBACE,YACA,qBACA,gBACA,sBACA,WACA,UACA,2BACA,mBACA,gBACA,kCC5ON,gBAEE,eACE,kCAEA,8BACE,0CACA,oDAIJ,gKAEE,gDACA,yCCdJ,gBAGE,kBACE,+BACA,YACA,yBACA,+CACA,UACA,mBACA,mBACA,mBACA,kBACA,kBAEA,wBACE,kBACA,WACA,SACA,SACA,WACA,WACA,6BACA,mCACA,qBAGF,6CACE,SAGF,+BACE,cACA,mBAEF,iDACE,kBACA,eAIA,yGACE,qBAGJ,gEACE,4BCpDN,gBAEE,YACE,wBACA,yCACA,0CACA,qBAEA,gCACA,2BACA,eACA,oBAEA,oBACE,4BAGF,mCACE,wCACA,yDAGF,yBACE,kBACA,qBAGF,wLAEE,6CAGF,2KAEE,uBACA,gCACA,8DACA,wBAGF,kHAEE,uBACA,mBACA,6BAKJ,qDAEE,yBCnDJ,gBAEE,aACE,qBACA,qBACA,oBACA,kBACA,0BACA,8BACA,8BACA,sCACA,0CACA,0CACA,qBACA,yBACA,mBACA,gBACA,kBACA,eAEA,mBACE,mBAGF,SACE,kBACA,kBACA,cACA,MACA,OACA,WACA,YACA,cACA,+CACA,gBAGF,qBACE,+CAOF,SACE,uBACA,eACA,qBAGF,aACE,qBACA,eAEA,SACE,cACA,iBAIJ,gBACE,6BACA,iCACA,yBAEA,wBACE,+BAIJ,0HAGE,+BACA,kCACA,2BAEA,gEACE,8BAIJ,eACE,kBAEF,qBACE,0BACA,kBACA,SACA,WACA,gCACA,aACA,YACA,kBACA,cACA,SACA,eACA,kBACA,kBACA,YACA,sBACA,8BA9DA,gCAHF,qBAII,aAkEN,aAEE,iKAeE,qBACA,wBACA,yBACA,2BAGF,8BAvBF,aAyBI,kDACA,wCACA,oBAEA,mBAEE,2DAGF,SACE,iCACA,iCACA,gCAIJ,oCAzCF,aA2CI,mBACA,0BAEA,mBACE,6BAIF,SACE,4CACA,6BACA,iBC/JR,gBAEE,oBAEE,kBACA,sBAEA,qCACE,aAGF,uCACE,WAEA,qBACA,mBACA,gBAEA,YACA,WACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,wCACE,yBAQJ,iBACE,kBACA,UACA,sBACA,sBACA,kBAEA,wBACE,qBACA,sEACA,gEACA,gCACA,2BACA,2BACA,uBACA,8BACA,cACA,aACA,+BACA,0CACA,8CACA,gCAEA,kCAEA,+BACE,eACA,gBACA,4BACA,gDACA,0DAEA,gCACA,gDACE,yDAGF,qCACE,0CAGF,qCACE,yBAKN,qCACE,aAEF,wCACE,uBACA,kCACA,yCACA,+CACA,uBACA,oBACA,sCACA,eAGF,oBAEE,sBACA,mFACA,WACA,yDACA,qBAEF,0CACE,aAQF,6CACE,aAGF,uBACE,kBACA,YACA,aACA,WACA,cACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,iBACA,wBACA,oBAMJ,wBACE,gBACA,mBACA,cAEA,+BACE,4BACA,8BACA,8BACA,0BAGF,8BACE,UACA,aCvKN,gBAEE,YAEE,aACA,sBACA,mBACA,0BACA,qBAEA,aAEE,sBACA,oBAIJ,8BAEE,0BAEA,KACE,oBACA,WACA,eACA,kBACA,mBACA,SAEA,mBACE,gBAIJ,cACE,sBACA,0BACA,8BACA,QACA,gBAEF,eACE,QACA,gBAEF,aACE,QACA,gBACA,SAEA,mBAEE,WAKN,+BACE,iBAEF,6BACE,YACE,mBACA,UACA,eACA,eAEA,cACE,sBACA,2BACA,kBACA,QAEF,eACE,QAEF,aACE,QAGF,aAEE,gBACA,mBAGJ,8BAEE,KACE,sBACA,mBACA,mBAGJ,YAEE,cACE,gBAEF,eACE,gBAEF,aACE,iBAGJ,UAEE,cACE,gBACA,QAEF,eACE,QACA,gBAEF,aACE,QACA,iBAGJ,qBACE,yBAEF,+BACE,yBACA,iBAEF,yEAEE,kBC3HN,gBAGE,WACE,cACA,iBACA,kBAEA,2BACA,WAEA,8BAEE,iCACA,iCAGF,8CACE,aACA,sBACE,kXAWF,gBAGF,yEACE,kBAGF,oCACE,mDACE,mBAIJ,oCACE,mDACE,mBAIJ,iCACE,qCAGF,kDACE,eACA,gBACA,iBACA,cAGF,uBACE,iBACA,oBAGF,oDACE,iBAIF,kBACE,cACA,WACA,WAEF,iBACE,cACA,WACA,WAGF,iCACE,qBACA,sBACA,0BAEA,oCALF,iCAMI,iBACA,kBACA,YAKN,iBACE,cACA,iBACA,kBACA,iCACA,WAIF,UACE,oBAEA,sBACE,iBACA,oBAGF,6DACE,iBAOF,wBACE,kBACA,UAGF,mBACE,kBACA,2BACA,iBAIF,iDACE,mBACA,eACA,cAGF,yDACE,oBACA,SACA,UACA,eACA,iBCtJN,gBAGE,2FACE,aACA,gBACA,gCACA,kBACA,iBAEA,4BACA,WACA,cAEA,eACE,oBAIJ,YACE,uBACA,yBACA,4BACA,gBAGF,YACE,uBACA,yBACA,4BACA,gBAGF,YACE,uBACA,yBACA,4BACA,mCAGF,0BACE,uBACA,yBACA,4BACA,mCAIF,EACE,aACA,yBACA,mBACA,oBACA,mCACA,gBAGF,UACE,sBAGF,sBACE,mBACA,oBACD,oBACC,mCACA,gBAGF,aAEE,kBACA,mBACA,oBACA,mCACA,mBAGF,SACE,kBACA,mBACA,oBACA,mCACA,mBAGF,QAEE,kBACA,gBACA,cACA,wBAGF,IACE,eAEF,IACE,WAGF,YACE,iCACA,YACA,8BAGF,OACE,mBACA,gCACA,4BAGF,QACE,mBACA,kBACA,oBAGF,WACE,SACA,uBACA,oBACA,gBAEA,IACE,iBACA,iBACA,iBAGF,uBACE,mBAEF,uBACE,oBAGF,OACE,mBACA,iBACA,iBACA,iBACA,mBAIJ,KACE,gBACA,wBAGF,MACE,eACA,mBACA,iBACA,4BACA,cAEA,0BACA,6BACA,8CACA,iCACA,oBC3JJ,MACE,8DACA,uBAEA,cACA,2CACA,yBACA,mBACA,WACA,gBACA,kBAGA,oCAbF,MAcI,2CACA,eAIJ,WACE,gBACA,gBACA,yBACA,4BACA,0BAEA,oCAPF,WAQI,iCAIA,6BACE,kBACA,MAMN,WACE,kBACA,WACA,MACA,OACA,YACA,2CACA,eACA,sCACA,qBACA,oBAEA,kBACE,WACA,kBACA,UACA,MACA,aACA,YACA,4CAGF,oCAtBF,WAuBI,OACA,YAGF,oCA3BF,WA4BI,aACA,qBACA,eACA,sBAEA,4BACE,cAEA,oDACE,uBACA,qBAKN,gBACE,kCACA,kBACA,SACA,aACA,gBACA,sBACA,wCACA,sCACA,WACA,uBAIE,kDACE,uBAGF,oCANF,+BAOI,WAKN,iDACE,sCACA,4BAEA,oCAJF,iDAKI,WAIJ,qBACE,uDAEA,oCAHF,qBAII,iBAEF,oCANF,qBAOI,eAKJ,8BACE,kBACA,MACA,aACA,6BACA,iBACA,sCACA,UACA,sBACA,gBACA,cACA,gBACA,qBAEA,kCACE,oBAGF,oCACE,kCACE,oBApBN,8BAuBI,iBAEF,oCAzBF,8BA0BI,YAEA,kCACE,yCAKN,4DACE,aAGF,mCACE,UAGF,oCACE,oCACE,WASN,cACE,kBACA,WACA,mBACA,qBAEA,oCANF,cAOI,mBAGF,oCAVF,cAWI,8BACA,gBAGF,sBACE,mBAEA,6CACA,gCAEA,oCANF,sBAOI,cAKN,gCACE,6CACA,gCACA,0BACA,cAGF,oCACE,gCACE,cAOJ,oCACE,gCACE,6BACA,0DACA,eACA,wDAKJ,oCACE,qBACE,qBAIJ,gBACE,WACA,eAEA,oCAJF,gBAKI,wDAKF,+BACE,2BAEA,oCAHF,+BAII,kCAIJ,oCACE,oDACE,2DACA,eAIJ,+BACE,UACA,cACA,qBAEA,oCALF,+BAMI,SAGF,uCACE,WAGF,oCACE,WAEA,2CACE,yBAKN,kCACE,wCACA,sBAEA,oCAJF,kCAKI,oBAGF,oCARF,kCASI","file":"collapsible-side.css"}
|