@iamproperty/components 6.0.0 → 6.1.0--beta
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/bootstrap/README.md +8 -7
- package/assets/bootstrap/js/index.esm.js +19 -0
- package/assets/bootstrap/js/index.umd.js +34 -0
- package/assets/bootstrap/js/src/alert.js +1 -1
- package/assets/bootstrap/js/src/base-component.js +2 -2
- package/assets/bootstrap/js/src/button.js +1 -1
- package/assets/bootstrap/js/src/carousel.js +1 -1
- package/assets/bootstrap/js/src/collapse.js +1 -1
- package/assets/bootstrap/js/src/dom/data.js +1 -1
- package/assets/bootstrap/js/src/dom/event-handler.js +1 -1
- package/assets/bootstrap/js/src/dom/manipulator.js +1 -1
- package/assets/bootstrap/js/src/dom/selector-engine.js +1 -1
- package/assets/bootstrap/js/src/dropdown.js +3 -12
- package/assets/bootstrap/js/src/modal.js +13 -17
- package/assets/bootstrap/js/src/offcanvas.js +1 -1
- package/assets/bootstrap/js/src/popover.js +1 -1
- package/assets/bootstrap/js/src/scrollspy.js +10 -14
- package/assets/bootstrap/js/src/tab.js +4 -2
- package/assets/bootstrap/js/src/toast.js +4 -9
- package/assets/bootstrap/js/src/tooltip.js +50 -32
- package/assets/bootstrap/js/src/util/backdrop.js +1 -1
- package/assets/bootstrap/js/src/util/component-functions.js +1 -1
- package/assets/bootstrap/js/src/util/config.js +1 -1
- package/assets/bootstrap/js/src/util/focustrap.js +1 -1
- package/assets/bootstrap/js/src/util/index.js +1 -1
- package/assets/bootstrap/js/src/util/sanitizer.js +1 -1
- package/assets/bootstrap/js/src/util/scrollbar.js +1 -1
- package/assets/bootstrap/js/src/util/swipe.js +1 -1
- package/assets/bootstrap/js/src/util/template-factory.js +1 -1
- package/assets/bootstrap/package.json +27 -28
- package/assets/bootstrap/scss/_accordion.scss +4 -7
- package/assets/bootstrap/scss/_button-group.scss +1 -1
- package/assets/bootstrap/scss/_buttons.scss +7 -28
- package/assets/bootstrap/scss/_carousel.scss +3 -0
- package/assets/bootstrap/scss/_dropdown.scss +1 -2
- package/assets/bootstrap/scss/_functions.scss +2 -2
- package/assets/bootstrap/scss/_list-group.scss +5 -6
- package/assets/bootstrap/scss/_modal.scss +1 -1
- package/assets/bootstrap/scss/_nav.scss +2 -2
- package/assets/bootstrap/scss/_navbar.scss +0 -2
- package/assets/bootstrap/scss/_offcanvas.scss +4 -5
- package/assets/bootstrap/scss/_pagination.scss +1 -1
- package/assets/bootstrap/scss/_popover.scss +5 -5
- package/assets/bootstrap/scss/_toasts.scss +2 -5
- package/assets/bootstrap/scss/_variables-dark.scss +87 -0
- package/assets/bootstrap/scss/_variables.scss +17 -18
- package/assets/bootstrap/scss/bootstrap-utilities.scss +0 -3
- package/assets/bootstrap/scss/forms/_floating-labels.scss +0 -1
- package/assets/bootstrap/scss/forms/_input-group.scss +4 -7
- package/assets/bootstrap/scss/helpers/_focus-ring.scss +5 -0
- package/assets/bootstrap/scss/helpers/_icon-link.scss +25 -0
- package/assets/bootstrap/scss/mixins/_banner.scss +2 -2
- package/assets/bootstrap/scss/mixins/_color-mode.scss +21 -0
- package/assets/bootstrap/scss/mixins/_forms.scss +10 -10
- package/assets/bootstrap/scss/mixins/_table-variants.scss +2 -2
- package/assets/bootstrap/scss/mixins/_utilities.scss +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/card.component.css +1 -0
- package/assets/css/components/card.component.css.map +1 -0
- package/assets/css/components/card.module.css +1 -0
- package/assets/css/components/card.module.css.map +1 -0
- package/assets/css/components/charts.config.css +1 -1
- package/assets/css/components/charts.config.css.map +1 -1
- package/assets/css/components/charts.css +1 -1
- package/assets/css/components/charts.css.map +1 -1
- package/assets/css/components/charts.module.css +1 -1
- package/assets/css/components/charts.module.css.map +1 -1
- package/assets/css/components/filter-card.component.css +1 -0
- package/assets/css/components/filter-card.component.css.map +1 -0
- package/assets/css/components/multiselect.preload.css +1 -1
- package/assets/css/components/multiselect.preload.css.map +1 -1
- package/assets/css/components/record-card.component.css +1 -0
- package/assets/css/components/record-card.component.css.map +1 -0
- package/assets/css/components/timeline.css +1 -1
- package/assets/css/components/timeline.css.map +1 -1
- package/assets/css/components/video-card.component.css +1 -0
- package/assets/css/components/video-card.component.css.map +1 -0
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +5 -5
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.min.js +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.min.js.map +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js.map +1 -1
- package/assets/js/components/barchart/barchart.component.js +2 -0
- package/assets/js/components/barchart/barchart.component.min.js +4 -2
- package/assets/js/components/barchart/barchart.component.min.js.map +1 -1
- package/assets/js/components/card/card.component.js +92 -154
- package/assets/js/components/card/card.component.min.js +26 -31
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/carousel/carousel.component.min.js +1 -1
- package/assets/js/components/carousel/carousel.component.min.js.map +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js.map +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js.map +1 -1
- package/assets/js/components/filter-card/filter-card.component.js +71 -0
- package/assets/js/components/filter-card/filter-card.component.min.js +27 -0
- package/assets/js/components/filter-card/filter-card.component.min.js.map +1 -0
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js.map +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js.map +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js.map +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js.map +1 -1
- package/assets/js/components/nav/nav.component.min.js +1 -1
- package/assets/js/components/nav/nav.component.min.js.map +1 -1
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/notification/notification.component.min.js.map +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js.map +1 -1
- package/assets/js/components/record-card/record-card.component.js +69 -0
- package/assets/js/components/record-card/record-card.component.min.js +27 -0
- package/assets/js/components/record-card/record-card.component.min.js.map +1 -0
- package/assets/js/components/search/search.component.min.js +1 -1
- package/assets/js/components/slider/slider.component.min.js +1 -1
- package/assets/js/components/slider/slider.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.min.js +2 -2
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
- package/assets/js/components/video-card/video-card.component.js +176 -0
- package/assets/js/components/video-card/video-card.component.min.js +30 -0
- package/assets/js/components/video-card/video-card.component.min.js.map +1 -0
- package/assets/js/components.bundle.js +5 -0
- package/assets/js/components.bundle.js.map +1 -0
- package/assets/js/components.js +30 -0
- package/assets/js/modules/card.module.js +33 -0
- package/assets/js/modules/chart.js +2 -2
- package/assets/js/modules/dialogs.js +0 -6
- package/assets/js/modules/table.js +1 -1
- package/assets/js/scripts.bundle.js +3 -194
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/js/scripts.js +17 -0
- package/assets/js/tests/filterlist.spec.js +1 -1
- package/assets/sass/_components.scss +81 -1
- package/assets/sass/_corefiles.scss +4 -10
- package/assets/sass/_elements.scss +2 -0
- package/assets/sass/components/card.component.scss +229 -0
- package/assets/sass/components/card.module.scss +154 -0
- package/assets/sass/components/charts.config.scss +3 -0
- package/assets/sass/components/charts.module.scss +5 -3
- package/assets/sass/components/filter-card.component.scss +106 -0
- package/assets/sass/components/multiselect.preload.scss +7 -0
- package/assets/sass/components/record-card.component.scss +204 -0
- package/assets/sass/components/video-card.component.scss +80 -0
- package/assets/sass/components.reset.scss +5 -43
- package/assets/sass/elements/badge-tag.scss +5 -1
- package/assets/sass/elements/buttons.scss +3 -0
- package/assets/sass/elements/dialog.scss +2 -744
- package/assets/sass/elements/forms.scss +5 -0
- package/assets/sass/elements/media.scss +0 -38
- package/assets/sass/elements/modal.scss +553 -0
- package/assets/sass/elements/popover.scss +207 -0
- package/assets/sass/foundations/reboot.scss +2 -2
- package/assets/sass/foundations/root.scss +0 -1
- package/assets/ts/components/barchart/barchart.component.ts +2 -0
- package/assets/ts/components/card/card.component.ts +94 -192
- package/assets/ts/components/filter-card/filter-card.component.ts +81 -0
- package/assets/ts/components/record-card/record-card.component.ts +82 -0
- package/assets/ts/components/video-card/video-card.component.ts +227 -0
- package/assets/ts/components.ts +38 -0
- package/assets/ts/modules/card.module.ts +43 -0
- package/assets/ts/modules/dialogs.ts +0 -8
- package/assets/ts/modules/table.ts +1 -1
- package/assets/ts/scripts.ts +22 -0
- package/assets/ts/tests/filterlist.spec.ts +1 -1
- package/dist/components.es.js +201 -201
- package/dist/components.umd.js +76 -81
- package/package.json +8 -7
- package/src/components/BarChart/BarChart.vue +2 -2
- package/src/components/FilterCard/FilterCard.vue +25 -0
- package/src/components/RecordCard/RecordCard.vue +25 -0
- package/src/components/VideoCard/VideoCard.vue +25 -0
- package/assets/css/components/card.css +0 -1
- package/assets/css/components/card.css.map +0 -1
- package/assets/css/components/card.global.css +0 -1
- package/assets/css/components/card.global.css.map +0 -1
- package/assets/css/components/card.preload.css +0 -1
- package/assets/css/components/card.preload.css.map +0 -1
- package/assets/js/bundle.js +0 -74
- package/assets/js/dynamic.js +0 -80
- package/assets/js/dynamic.min.js +0 -18
- package/assets/js/dynamic.min.js.map +0 -1
- package/assets/js/flat-components.js +0 -84
- package/assets/js/modules/youtubevideo.js +0 -106
- package/assets/sass/components/card.global.scss +0 -102
- package/assets/sass/components/card.preload.scss +0 -8
- package/assets/sass/components/card.scss +0 -606
- package/assets/ts/bundle.ts +0 -94
- package/assets/ts/components/barchart/README.md +0 -37
- package/assets/ts/components/card/README.md +0 -39
- package/assets/ts/dynamic.ts +0 -107
- package/assets/ts/flat-components.ts +0 -106
- package/assets/ts/modules/youtubevideo.ts +0 -141
- package/src/foundations/YoutubeVideo/README.md +0 -11
- package/src/foundations/YoutubeVideo/YoutubeVideo.vue +0 -24
|
@@ -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);--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);--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__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7) }@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: 63em){.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__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}.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:0.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{position:absolute;display:block;width:fit-content;z-index:var(--index-above);top:0;right:0;background-color:var(--body-colour-set)}.chart__options:has(span:first-child:last-child){display:none}.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:rgba(255,255,255,.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:rgba(255,255,255,.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{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) table tbody tr td:not(:first-child) span:before{display:none}: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);--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);--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__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7) }@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: 63em){.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__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}.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:0.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{position:absolute;display:block;width:fit-content;z-index:var(--index-above);top:0;right:0;background-color:var(--body-colour-set)}.chart__options:has(span:first-child:last-child){display:none}.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{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) table tbody tr td:not(:first-child) span:before{display:none}: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":"AAwDA,iBACE,wBAGF,cAEE,2BAGA,6CACA,6CACA,gDACA,sDACA,6CASE,0gBAIF,kBACA,gBACA,iBACA,kBACA,sBACA,kBACA,sBACA,wBACA,sBACA,+BACA,sBACA,oBACA,6BACA,gDACA,6BA6CA,mBACA,aACA,sBAxEA,oBACE,0BACA,sDAyBF,6BAEE,yFAGE,iBACA,4BACA,iDACA,cAGJ,6BACE,qCAEE,cAGJ,6BACE,8BACE,gDACA,mCACA,wBACA,oBACA,6BACA,iDAIJ,6BAEE,8BAEE,uBACA,+BACA,yBAIJ,mCACE,kBACA,mBAOF,gBACE,cACA,QAGF,yBACE,iBAEA,gEACE,qBACA,4BAGF,2BACE,QAGF,8DACE,QAON,cACE,eACA,gBACA,qBAGF,kBACE,mBAGF,eACE,0BACA,kBACA,oBAQA,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAIJ,gKAGE,2CAKF,2BACE,UACA,kBACA,oBAGF,gBAOE,kBACA,cACA,kBACA,2BACA,MACA,QACA,wCAXA,iDACE,aAaF,iCACE,iBACA,cACA,cAEA,wCACE,WACA,YACA,WACA,47BACA,0BACA,qBAEA,sBACA,wBACA,sBAIJ,oCAEE,aAGF,sBACE,eAEA,4BAEE,+CAIJ,sBACE,uBAEA,6BACA,sBAEA,wBACE,cAIJ,uCACE,gBACA,iBAKF,iDACE,cAMJ,mCACE,UACA,kBACA,oBAGF,YAEE,gBACA,qBAEA,aACA,cACA,6BACA,sBACA,yBACA,UAEA,iBAEE,0BACA,SAEA,wBACE,WACA,YACA,WACA,kBACA,qCACA,qBACA,kBAmBF,kEAEE,aAGF,+BACE,aAON,kEAEE,YAGF,qGACE,aAGF,iGACE,wBASA,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,kIACE,cAGF,gGACE,yBAMJ,gCACE,SACA,aAKF,gBAEE,cACA,aACA,mBACA,kBACA,mBAEA,8BACE,aACA,8BACA,yBAEA,2CAEE,sBACA,kBACA,SACA,mBAEA,4DACE,mCAGF,gDACE,cACA,6BACA,qBACA,iBACA,4BAGF,2DAEE,4CAKN,8BACE,mBACA,aACA,8BACA,WACA,kBACA,OACA,aAEA,2CAEE,oBACA,UACA,kBACA,SACA,mBAEA,gDACE,cACA,8BACA,kBACA,4BACA,kBACA,SAKN,mCAEE,kBACA,MACA,OACA,WACA,YACA,aACA,8BACA,oBAEA,8CAEE,sBACA,kBACA,QACA,WACA,WACA,mBACA,8BACA,oBACA,2BAGA,2EACE,aAIJ,sDAEE,8BACA,2BACA,2BACA,iBAEA,2DACE,kBACA,SACA,4BACA,6BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/charts.scss"],"names":[],"mappings":"AAwDA,iBACE,wBAGF,cAEE,2BAGA,6CACA,6CACA,gDACA,sDACA,6CASE,0gBAIF,kBACA,gBACA,iBACA,kBACA,sBACA,kBACA,sBACA,wBACA,sBACA,+BACA,sBACA,oBACA,6BACA,gDACA,6BA6CA,mBACA,aACA,sBAxEA,oBACE,0BACA,sDAyBF,6BAEE,yFAGE,iBACA,4BACA,iDACA,cAGJ,6BACE,qCAEE,cAGJ,6BACE,8BACE,gDACA,mCACA,wBACA,oBACA,6BACA,iDAIJ,6BAEE,8BAEE,uBACA,+BACA,yBAIJ,mCACE,kBACA,mBAOF,gBACE,cACA,QAGF,yBACE,iBAEA,gEACE,qBACA,4BAGF,2BACE,QAGF,8DACE,QAON,cACE,eACA,gBACA,qBAGF,kBACE,mBAGF,eACE,0BACA,kBACA,oBAQA,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAbF,qGAGE,0CAGF,uHACE,gCACA,oBACA,kBACA,UAEF,uFACE,+BAIJ,gKAGE,2CAKF,2BACE,UACA,kBACA,oBAGF,gBAOE,kBACA,cACA,kBACA,2BACA,MACA,QACA,wCAXA,iDACE,aAaF,iCACE,iBACA,cACA,cAEA,wCACE,WACA,YACA,WACA,47BACA,0BACA,qBAEA,sBACA,wBACA,sBAIJ,oCAEE,aAGF,sBACE,eAEA,4BAEE,+CAIJ,sBACE,uBAEA,6BACA,sBAEA,wBACE,cAIJ,uCACE,gBACA,iBAKF,iDACE,cAMJ,mCACE,UACA,kBACA,oBAGF,YAEE,gBACA,qBAEA,aACA,cACA,6BACA,sBACA,yBACA,UAEA,iBAEE,0BACA,SAEA,wBACE,WACA,YACA,WACA,kBACA,qCACA,qBACA,kBAmBF,kEAEE,aAGF,+BACE,aAON,kEAEE,YAGF,qGACE,aAGF,iGACE,wBASA,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,iIACE,cAGF,gGACE,yBATF,gGACE,UAGF,kIACE,cAGF,gGACE,yBAMJ,gCACE,SACA,aAKF,gBAEE,cACA,aACA,mBACA,kBACA,mBAEA,8BACE,aACA,8BACA,yBAEA,2CAEE,sBACA,kBACA,SACA,mBAEA,4DACE,mCAGF,gDACE,cACA,6BACA,qBACA,iBACA,4BAGF,2DAEE,4CAKN,8BACE,mBACA,aACA,8BACA,WACA,kBACA,OACA,aAEA,2CAEE,oBACA,UACA,kBACA,SACA,mBAEA,gDACE,cACA,8BACA,kBACA,4BACA,kBACA,SAKN,mCAEE,kBACA,MACA,OACA,WACA,YACA,aACA,8BACA,oBAEA,8CAEE,sBACA,kBACA,QACA,WACA,WACA,mBACA,8BACA,oBACA,2BAGA,2EACE,aAIJ,sDAEE,8BACA,2BACA,2BACA,iBAEA,2DACE,kBACA,SACA,4BACA,6BACA,8BAGJ,oDACE,8CAEA,sEAEE,+CAKN,uBAEE,kBACA,YAGF,sBACE,cACA,sBACA,qCACA,kBACA,gBACA,iBAEA,4BACE,aAGF,4BAEE,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,8CAiBI,cACA,oBACA,yCAIJ,oGAEE,aAGF,mHAGE,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,6BAEE,yIAGE,SACA,6BACA,mBAKF,iEACE,aAMN,6BAII,uJACE,aAGF,+KAEE,QACA,0BACA,cACA,gBAEF,6KAEE,UACA,8BACA,cACA,iBAGF,qMAEE,UACA,2BACA,gBAGF,mMAEE,UACA,8BACA,kBAKN,6BAGI,oEACE,wBAGF,oGACE,yBAMF,wKAEE,wBAGF,qGACE,yBAMF,2KAEE,wBAGF,sGACE,0BAQJ,uDACE,aAGF,kFACE,aAKN,2CAEE,aASA,oIACE,yBACF,qDACA,aAGA,iJACE,kBAEA,4JACE,YACA,oBACA,YACA,4BACA,QAEA,iKACE,cACA,4BACA,kBACA,SACA,iCAKN,4IAEE,aAGF,oIAEE,cAGF,0IAEE,sBACA,kBAGF,6IACE,sBACA,uBACA,oBACA,UAEA,gJAEE,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,mBASR,6BAjGI,mHACE,yBACF,qDACA,aAGA,gIACE,kBAEA,2IACE,YACA,oBACA,YACA,4BACA,QAEA,gJACE,cACA,4BACA,kBACA,SACA,iCAKN,2HAEE,aAGF,mHAEE,cAGF,yHAEE,sBACA,kBAGF,4HACE,sBACA,uBACA,oBACA,UAEA,+HAEE,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,oBAgBN,yFACE,aACA,8BACA,2BACA,mBAEA,4FACE,2BASJ,sLACE,8BAGE,yNACE,oBACA,WAWJ,gNACE,UACA,iBACA,kBACA,UAKA,+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,aAMF,uOACE,kBACA,qBAEA,sPACE,aAIJ,+NAEE,oBAEF,mOACE,WACA,oBACA,cACA,kBACA,MACA,OACA,mCACA,WACA,yBACA,oBACA,2BAUE,oKACE,UAKN,2FACE,cACA,kBACA,MACA,OACA,mCACA,WACA,YACA,oBACA,2BAOJ,wGAEE,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,iHAEE,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,cAkBA,qEAIE,qBACA,2BACA,OACA,yCACA,yBACA,mBAEA,SAVA,4EACE,aAeN,qLACE,QACA,QACA,OACA,yCACA,iBACA,yBACA,sBACA,gBACA,gBAKF,iOACE,cACA,SAIJ,iKACE,UAUE,0DACE,aACA,4BACA,iBACA,cACA,mBAGF,kEACE,kBAEF,mEACE,iBAYR,iCAEE,qBAEA,qEAEE,uGACA,4CAMF,iEACE,0CACA,wBACA,qBACA,2BAuBF,2IACE,gBASF,6NACE,wBAMF,kMACE,uBAKF,qMACE,cASF,4GACE,uBAQF,+GACE,cAOF,oHACE,uDACA,8DAKF,iIACE","file":"charts.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{--chart-colour-1-set: var(--chart-colour-1,#BEE8F8);--chart-colour-2-set: var(--chart-colour-2,#A6DCC7);--chart-colour-3-set: var(--chart-colour-3,#FAD0DA);--chart-colour-4-set: var(--chart-colour-4,#AFCCF2);--chart-colour-5-set: var(--chart-colour-5,#FFD2B4);--chart-colour-6-set: var(--chart-colour-6,#CDF0F2);--chart-colour-7-set: var(--chart-colour-7,#FFABC2);--chart-colour-8-set: var(--chart-colour-8,#DCEAF2);--chart-colour-9-set: var(--chart-colour-9,#EEBCB3);--chart-colour-10-set: var(--chart-colour-10,#F0BDFF);--chart-colour-1-hover: var(--chart-colour-1,#B6DEED);--chart-colour-2-hover: var(--chart-colour-2,#98CBB7);--chart-colour-3-hover: var(--chart-colour-3,#EFC8D1);--chart-colour-4-hover: var(--chart-colour-4,#A6C1E5);--chart-colour-5-hover: var(--chart-colour-5,#F4CAAF);--chart-colour-6-hover: var(--chart-colour-6,#C2E3E5);--chart-colour-7-hover: var(--chart-colour-7,#F5A2B9);--chart-colour-8-hover: var(--chart-colour-8,#CFDCE3);--chart-colour-9-hover: var(--chart-colour-9,#E3B2A9);--chart-colour-10-hover: var(--chart-colour-10,#E3B2F2);--chart-colour-success: #D2F0C9!important;--chart-colour-success-hover: #8AD873!important;--chart-colour-danger: #F5C2C7!important;--chart-colour-danger-hover: #f5c2e7!important;--chart-colour-warning: #FFD280!important;--chart-colour-warning-hover: #FFB020!important}.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);--chart-colour-hover: var(--chart-colour-1-hover)}.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);--chart-colour-hover: var(--chart-colour-2-hover)}.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);--chart-colour-hover: var(--chart-colour-3-hover)}.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);--chart-colour-hover: var(--chart-colour-4-hover)}.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);--chart-colour-hover: var(--chart-colour-5-hover)}.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);--chart-colour-hover: var(--chart-colour-6-hover)}.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);--chart-colour-hover: var(--chart-colour-7-hover)}.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);--chart-colour-hover: var(--chart-colour-8-hover)}.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);--chart-colour-hover: var(--chart-colour-9-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);--body-colour-set: var(--body-colour, Canvas);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 7.5rem);--chart-height-lg-set: var(--chart-height-lg, 12.5rem);--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)}.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: 23.4375em){.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-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: 48em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}.chart__outer .chart__wrapper{--label-size: 0.875rem;--pie-size: calc(25% - 1.5rem);--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}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em;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}: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:rgba(255,255,255,.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)}.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: 48em){.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) span{position:absolute;top:var(--cursor-y, 50%);left:var(--cursor-x, 50%);font-size:var(--label-size);line-height:1.2;transform:translate(-50%, 0);background:var(--chart-details-bg, var(--colour-canvas-2, Canvas));opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;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%)}.chart__wrapper table tbody tr td:not(:first-child) span::before{content:attr(data-group) "\a"}.chart__wrapper table tbody tr td:not(:first-child) span[data-label]::before{content:attr(data-group) "\a" attr(data-label) "\a"}.chart__wrapper table tbody tr td:not(:first-child):hover span{opacity:1;z-index:var(--index-above)}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (min-width: 48em){.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: 23.4375em){.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}/*# sourceMappingURL=charts.module.css.map */
|
|
1
|
+
:host{--chart-colour-1-set: var(--chart-colour-1,#BEE8F8);--chart-colour-2-set: var(--chart-colour-2,#A6DCC7);--chart-colour-3-set: var(--chart-colour-3,#FAD0DA);--chart-colour-4-set: var(--chart-colour-4,#AFCCF2);--chart-colour-5-set: var(--chart-colour-5,#FFD2B4);--chart-colour-6-set: var(--chart-colour-6,#CDF0F2);--chart-colour-7-set: var(--chart-colour-7,#FFABC2);--chart-colour-8-set: var(--chart-colour-8,#DCEAF2);--chart-colour-9-set: var(--chart-colour-9,#EEBCB3);--chart-colour-10-set: var(--chart-colour-10,#F0BDFF);--chart-colour-1-hover: var(--chart-colour-1,#B6DEED);--chart-colour-2-hover: var(--chart-colour-2,#98CBB7);--chart-colour-3-hover: var(--chart-colour-3,#EFC8D1);--chart-colour-4-hover: var(--chart-colour-4,#A6C1E5);--chart-colour-5-hover: var(--chart-colour-5,#F4CAAF);--chart-colour-6-hover: var(--chart-colour-6,#C2E3E5);--chart-colour-7-hover: var(--chart-colour-7,#F5A2B9);--chart-colour-8-hover: var(--chart-colour-8,#CFDCE3);--chart-colour-9-hover: var(--chart-colour-9,#E3B2A9);--chart-colour-10-hover: var(--chart-colour-10,#E3B2F2);--chart-colour-success: #D2F0C9!important;--chart-colour-success-hover: #8AD873!important;--chart-colour-danger: #F5C2C7!important;--chart-colour-danger-hover: #f5c2e7!important;--chart-colour-warning: #FFD280!important;--chart-colour-warning-hover: #FFB020!important}.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);--chart-colour-hover: var(--chart-colour-1-hover)}.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);--chart-colour-hover: var(--chart-colour-2-hover)}.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);--chart-colour-hover: var(--chart-colour-3-hover)}.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);--chart-colour-hover: var(--chart-colour-4-hover)}.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);--chart-colour-hover: var(--chart-colour-5-hover)}.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);--chart-colour-hover: var(--chart-colour-6-hover)}.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);--chart-colour-hover: var(--chart-colour-7-hover)}.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);--chart-colour-hover: var(--chart-colour-8-hover)}.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);--chart-colour-hover: var(--chart-colour-9-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);--body-colour-set: var(--body-colour, Canvas);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 7.5rem);--chart-height-lg-set: var(--chart-height-lg, 12.5rem);--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)}.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: 23.4375em){.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-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: 48em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}.chart__outer .chart__wrapper{--label-size: 0.875rem;--pie-size: calc(25% - 1.5rem);--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}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em;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}: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)}.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: 48em){.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) span{position:absolute;top:var(--cursor-y, 50%);left:var(--cursor-x, 50%);font-size:var(--label-size);line-height:1.2;transform:translate(-50%, 0);background:var(--chart-details-bg, var(--colour-canvas-2, Canvas));opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;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%)}.chart__wrapper table tbody tr td:not(:first-child) span::before{content:attr(data-group) "\a"}.chart__wrapper table tbody tr td:not(:first-child) span[data-label]::before{content:attr(data-group) "\a" attr(data-label) "\a"}.chart__wrapper table tbody tr td:not(:first-child):hover span{opacity:1;z-index:var(--index-above)}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (min-width: 48em){.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: 23.4375em){.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}/*# sourceMappingURL=charts.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/charts.module.scss"],"names":[],"mappings":"AA0DA,MAGI,0gBAGA,8hBAGF,0CACA,gDACA,yCACA,+CACA,0CACA,gDAKA,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDASJ,iBACE,wBAEF,MACE,2BACA,mBACA,cAEF,cAEE,aACA,sBACA,kBACA,2CACA,qCASA,8CACA,6CAEA,gDACA,uDAEA,6CAUA,kBACA,gBACA,iBACA,kBACA,sBACA,kBACA,sBACA,wBACA,sBACA,+BACA,sBACA,oBACA,6BACA,gDACA,6BApCA,gBACE,cACA,QAYF,oBACE,0BACA,sDAsBF,kCAEE,yFAGE,iBACA,4BACA,iDACA,aAGF,8BACE,gDACA,mCACA,wBACA,oBACA,6BACA,iDAIJ,6BACE,qCAEE,aAGF,8BAEE,uBACA,+BACA,yBAIJ,kCACE,UAOJ,mCACE,UACA,kBACA,oBACA,WACA,SAGF,YAEE,gBACA,qBACA,aACA,cACA,6BACA,sBAEA,UAEA,8CACE,wCAGF,iBACE,SAEA,wBACE,WACA,YACA,WACA,kBACA,qCACA,qBACA,4CAGF,kEAEE,aAGF,+BACE,aAOJ,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,oEAcF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YAMJ,oBAEE,sBAGF,cAEE,mCACA,8BACA,yBAEA,2BAEE,sBACA,kBACA,SACA,mBAEA,4CACE,mCAGF,gCACE,cACA,6BACA,qBACA,iBAEA,0CACA,yCACA,yBAGF,2CAEE,4CAON,cACE,mBACA,aACA,8BACA,WACA,kBACA,OACA,aAEA,2BAEE,oBACA,UACA,kBACA,SACA,mBAEA,gCACE,cACA,8BACA,kBACA,4BACA,kBACA,SAON,mBAEE,kBACA,MACA,OACA,WACA,YACA,aACA,8BACA,oBAEA,8BAEE,sBACA,kBACA,QACA,WACA,WACA,mBACA,8BACA,oBACA,2BAGA,2DACE,aAIJ,sCAEE,8BACA,2BACA,2BACA,iBAEA,2CACE,kBACA,SACA,4BACA,6BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/charts.module.scss"],"names":[],"mappings":"AA0DA,MAGI,0gBAGA,8hBAGF,0CACA,gDACA,yCACA,+CACA,0CACA,gDAKA,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDAJF,qGAGE,0CACA,kDASJ,iBACE,wBAEF,MACE,2BACA,mBACA,cAEF,cAEE,aACA,sBACA,kBACA,2CACA,qCASA,8CACA,6CAEA,gDACA,uDAEA,6CAUA,kBACA,gBACA,iBACA,kBACA,sBACA,kBACA,sBACA,wBACA,sBACA,+BACA,sBACA,oBACA,6BACA,gDACA,6BApCA,gBACE,cACA,QAYF,oBACE,0BACA,sDAsBF,kCAEE,yFAGE,iBACA,4BACA,iDACA,aAGF,8BACE,gDACA,mCACA,wBACA,oBACA,6BACA,iDAIJ,6BACE,qCAEE,aAGF,8BAEE,uBACA,+BACA,yBAIJ,kCACE,UAOJ,mCACE,UACA,kBACA,oBACA,WACA,SAGF,YAEE,gBACA,qBACA,aACA,cACA,6BACA,sBAEA,UAEA,8CACE,wCAGF,iBACE,SAEA,wBACE,WACA,YACA,WACA,kBACA,qCACA,qBACA,4CAGF,kEAEE,aAGF,+BACE,aAOJ,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,oEAcF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YADF,gGACE,YAMJ,oBAEE,sBAGF,cAEE,mCACA,8BACA,yBAEA,2BAEE,sBACA,kBACA,SACA,mBAEA,4CACE,mCAGF,gCACE,cACA,6BACA,qBACA,iBAEA,0CACA,yCACA,yBAGF,2CAEE,4CAON,cACE,mBACA,aACA,8BACA,WACA,kBACA,OACA,aAEA,2BAEE,oBACA,UACA,kBACA,SACA,mBAEA,gCACE,cACA,8BACA,kBACA,4BACA,kBACA,SAON,mBAEE,kBACA,MACA,OACA,WACA,YACA,aACA,8BACA,oBAEA,8BAEE,sBACA,kBACA,QACA,WACA,WACA,mBACA,8BACA,oBACA,2BAGA,2DACE,aAIJ,sCAEE,8BACA,2BACA,2BACA,iBAEA,2CACE,kBACA,SACA,4BACA,6BACA,8BAIJ,oCACE,8CAEA,sDAEE,+CAON,gBAEE,cACA,aACA,mBACA,kBAEA,uBAEE,kBACA,YAGF,sBACE,cACA,sBACA,qCACA,kBACA,gBACA,iBAEA,4BACE,aAGF,4BAEE,aACA,kBACA,WACA,YACA,MACA,OACA,mBACA,YAGF,+BACE,aACA,mBACA,iDACA,qBACA,YACA,WACA,YACA,kBACA,cACA,mBAEA,kCACE,oBAGF,8CACE,kBACA,SACA,QACA,kBACA,UACA,mBACA,gBACA,uBACA,4BACA,kBAEA,6BAZF,8CAcI,eAGF,qDACE,UACA,eAIJ,oGAEE,aAGF,mHAGE,cAGF,oDACE,YACA,0BACA,yBACA,WACA,iBACA,kBACA,UACA,+BASA,4BACA,2BAPE,+CADF,oDAGI,gEAOJ,0DACE,qCAGF,8HAEE,aAGF,uEACE,aAGF,yDACE,kBACA,yBACA,0BACA,4BACA,gBACA,6BACA,mEACA,UACA,oBACA,cACA,oBACA,qBAEA,gBACA,gBACA,+EACA,iCAGA,iEACE,8BAEF,6EACE,oDAIJ,+DACE,UACA,2BAMF,iEACE,aAMN,6BAII,uJACE,aAGF,+KAEE,QACA,0BACA,cACA,gBAEF,6KAEE,UACA,8BACA,cACA,iBAGF,qMAEE,UACA,2BACA,gBAGF,mMAEE,UACA,8BACA,kBAKN,kCAGI,oEACE,wBAGF,sGACE,yBAMF,0KAEE,wBAGF,uGACE,yBAMF,6KAEE,wBAGF,wGACE,0BASV,oKAGE,sDAEA,sLACE,kEAIJ,uLAIE,qDAEA,+MACE,iEAIJ,2LAIE,sDAEA,mNACE","file":"charts.module.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:host{--card-icon-right: 1rem;--card-head-top-padding: 2rem;--card-head-bottom-padding: 2rem;--card-footer-bottom-padding: 1.5rem;--card-head-height: 6rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);width:100%;text-align:left;display:flex;flex-direction:column;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--outline-colour, --colour-canvas-2);outline-offset:-2px;margin-bottom:2rem}:host>*{width:100%;box-sizing:border-box}:host-context(:is(a,label,button)){margin-bottom:0 !important}:host(.border-0){box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__head:has(img){min-height:var(--card-head-height);position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card__head:has(img)>img{position:absolute;top:0;left:0;margin:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover}.card__body{padding:var(--card-head-top-padding) var(--card-right-padding) var(--card-head-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:0;padding:0 var(--card-right-padding) 0 var(--card-left-padding)}::slotted(i){font-size:1.5rem !important;margin:-3px var(--card-icon-right) 0 0 !important;vertical-align:middle !important}::slotted(i:not(.fa-light):not(.fa-bold)){font-weight:400 !important}::slotted(.badge){margin-bottom:.375rem !important}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;font-size:1rem !important}::slotted(small){padding-top:1rem !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1.5rem !important}::slotted(:is(a,button)[slot=footer]){margin-bottom:var(--card-footer-bottom-padding) !important}.card__body:has(.card__total){--card-head-top-padding: 1rem;--card-head-bottom-padding: 1.5rem}.card__total{font-size:3rem;line-height:3rem;padding-right:1rem;margin-top:.5rem}.card__total i{font-family:var(--fa-style-family, "Font Awesome 6 Pro");font-weight:var(--fa-style, 900);display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important}::slotted([slot=total-icon]){display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important;line-height:2.5rem}.card__head:has(img)~.card__badges{position:absolute;top:0;text-align:left;left:0;z-index:9}.card__badges{padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}:host{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}:host:has(.card__total) .card__body{align-items:center;display:flex}:host:before,:host:after{display:none}:host.card--has-icon{--bottom-padding: 1rem;border:none}:host .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}:host .card__total{margin-top:0;order:-1}:host(:is(:hover,:focus,.hover)){outline:none}:host(:is(:hover,:focus,.hover)) :is(.card__body,.card__footer){background:#eee}:host-context(:is(:checked,.checked)),:host(:is(:active,.active)){outline:2px solid var(--colour, var(--colour-primary));outline-offset:-2px}:host-context(:is(:checked,.checked)) .card__body,:host(:is(:active,.active)) .card__body{background:none}:host-context(:is(:checked,.checked)) .card__footer,:host(:is(:active,.active)) .card__footer{background:none}::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}:host(.card--flag){position:relative}:host(.card--flag):after{content:var(--card-flag-icon, "\f024");font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;right:1rem;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block;font-weight:normal;color:var(--colour, var(--colour-primary))}.card__body:has(.card__total){--card-head-top-padding: 2rem;--card-head-bottom-padding: 2rem;display:flex;align-items:center}.card__total{order:-1}/*# sourceMappingURL=filter-card.component.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss","../../sass/components/filter-card.component.scss"],"names":[],"mappings":"AAEA,MACE,wBACA,8BACA,iCACA,qCACA,yBAEA,kCACA,wCACA,kBACA,iBACA,mBACA,mBACA,4BAEA,WACA,gBACA,aACA,sBACA,gBACA,UACA,kCACA,2DACA,oBACA,mBAEA,QACE,WACA,sBAIJ,mCACE,2BAGF,iBACE,gBACA,0BACA,8BAGF,qBAEE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAIJ,YAEE,wHAIF,cACE,aACA,+DAGF,aACE,4BACA,kDACA,iCAEF,0CACE,2BAGF,kBACE,iCAEF,4BACE,yBACA,8BACA,0BAEF,iBACE,4BACA,yBACA,8BACA,4BACA,yBAEF,8CACE,8BAGF,sCACE,2DAIF,8BACE,8BACA,mCAGF,aACE,eACA,iBACA,mBACA,iBAEA,eACE,yDACA,iCAEA,yBACA,4BACA,kCAIJ,6BACE,yBACA,4BACA,kCACA,mBAOF,mCAEE,kBACA,MACA,gBACA,OACA,UAGF,cAEE,kGACA,sBCpJF,MAEE,sBACA,sBACA,yBACA,qBAEA,oCAEE,mBACA,aAGF,yBAEE,aAGF,qBACE,uBACA,YAGF,YACE,8BACA,2BACA,8BACA,2BACA,yBAGF,mBACE,aACA,SAKJ,iCAEE,aAEA,gEACE,gBAIJ,kEAGE,uDACA,oBAEA,0FACE,gBAEF,8FACE,gBAKJ,aACE,yBACA,8BACA,8BAKF,mBACE,kBAEA,yBACE,uCACA,iCACA,kBACA,SACA,WACA,eACA,cACA,YACA,WACA,qBACA,mBACA,2CAMJ,8BACE,8BACA,iCACA,aACA,mBAGF,aACE","file":"filter-card.component.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
iam-multiselect .tag[slot=checked]{margin-bottom:0.5rem;order:var(--order, 1);margin-inline:0.1875rem}iam-multiselect .tag:not([slot=checked]){display:block;width:100%;max-width:100%;margin:0;text-align:left;border-radius:0;padding-inline:1rem;outline:none;padding-block:.5rem}iam-multiselect .tag:not([slot=checked]):not(:hover,:focus,:active,:focus-within){background:none !important}iam-multiselect .tag:not([slot=checked])::after{display:none}iam-multiselect:has(label:not([slot=checked]):not([slot=notmatched])){--display-panel: block}iam-multiselect:has(label[slot=checked]){--display-button: block}/*# sourceMappingURL=multiselect.preload.css.map */
|
|
1
|
+
iam-multiselect .tag[slot=checked]{margin-bottom:0.5rem;order:var(--order, 1);margin-inline:0.1875rem}iam-multiselect .tag:not([slot=checked]){display:block;width:100%;max-width:100%;margin:0;text-align:left;border-radius:0;padding-inline:1rem;outline:none;padding-block:.5rem}iam-multiselect .tag:not([slot=checked]):not(:hover,:focus,:active,:focus-within){background:none !important}iam-multiselect .tag:not([slot=checked])::after{display:none}iam-multiselect:has(label:not([slot=checked]):not([slot=notmatched])){--display-panel: block}iam-multiselect:has(label[slot=checked]){--display-button: block}@media screen and (prefers-color-scheme: dark){iam-multiselect :is(.tag,.badge):not([slot=checked]){color:var(--colour-heading)}}/*# sourceMappingURL=multiselect.preload.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/multiselect.preload.scss"],"names":[],"mappings":"AAEA,mCACE,qBACA,sBACA,wBAGF,yCACE,cACA,WACA,eACA,SACA,gBACA,gBACA,oBACA,aACA,oBAEA,kFACE,2BAGF,gDACE,aAIJ,sEAEE,uBAGF,yCAEE","file":"multiselect.preload.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/multiselect.preload.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAEA,mCACE,qBACA,sBACA,wBAGF,yCACE,cACA,WACA,eACA,SACA,gBACA,gBACA,oBACA,aACA,oBAEA,kFACE,2BAGF,gDACE,aAIJ,sEAEE,uBAGF,yCAEE,wBCdA,+CDkBA,qDAEE","file":"multiselect.preload.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:host{--card-icon-right: 1rem;--card-head-top-padding: 2rem;--card-head-bottom-padding: 2rem;--card-footer-bottom-padding: 1.5rem;--card-head-height: 6rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);width:100%;text-align:left;display:flex;flex-direction:column;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--outline-colour, --colour-canvas-2);outline-offset:-2px;margin-bottom:2rem}:host>*{width:100%;box-sizing:border-box}:host-context(:is(a,label,button)){margin-bottom:0 !important}:host(.border-0){box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__head:has(img){min-height:var(--card-head-height);position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card__head:has(img)>img{position:absolute;top:0;left:0;margin:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover}.card__body{padding:var(--card-head-top-padding) var(--card-right-padding) var(--card-head-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:0;padding:0 var(--card-right-padding) 0 var(--card-left-padding)}::slotted(i){font-size:1.5rem !important;margin:-3px var(--card-icon-right) 0 0 !important;vertical-align:middle !important}::slotted(i:not(.fa-light):not(.fa-bold)){font-weight:400 !important}::slotted(.badge){margin-bottom:.375rem !important}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;font-size:1rem !important}::slotted(small){padding-top:1rem !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1.5rem !important}::slotted(:is(a,button)[slot=footer]){margin-bottom:var(--card-footer-bottom-padding) !important}.card__body:has(.card__total){--card-head-top-padding: 1rem;--card-head-bottom-padding: 1.5rem}.card__total{font-size:3rem;line-height:3rem;padding-right:1rem;margin-top:.5rem}.card__total i{font-family:var(--fa-style-family, "Font Awesome 6 Pro");font-weight:var(--fa-style, 900);display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important}::slotted([slot=total-icon]){display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important;line-height:2.5rem}.card__head:has(img)~.card__badges{position:absolute;top:0;text-align:left;left:0;z-index:9}.card__badges{padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}:host{--card-head-height: 9rem;--card-right-padding: 1rem;background:rgba(0,0,0,0) !important;position:relative}:host(:is(:hover,:focus,.hover)){--hover-outline-colour-default: var(--colour, var(--colour-primary));outline:2px solid var(--hover-outline-colour, var(--hover-outline-colour-default));outline-offset:-2px}:host([data-record]) .card__head:before{font-family:var(--record-icon-font, "Font Awesome 6 Pro");font-weight:normal;font-size:1.5rem;content:var(--record-icon);display:block;position:absolute;top:auto;left:50%;bottom:0;background-color:var(--record-colour);border-radius:50%;height:4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0)}:host([data-initials]:before){content:data-initials;display:block}:host([data-initials]) .card__head:before{display:none !important}:host([data-initials]):before{font-family:var(--font-body);font-weight:normal;font-size:2rem;content:attr(data-initials);display:block;position:absolute;top:var(--card-head-height);left:50%;bottom:0;background-color:var(--record-colour);border-radius:50%;height:4rem;margin-top:-4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0)}.card__head{background:rgba(0,0,0,0) !important;position:relative;min-height:var(--card-head-height)}.card__head .card__avatar{display:block;position:absolute;top:auto;left:50%;bottom:0;border-radius:50%;height:4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0);margin:0;object-fit:cover}.card__badges{position:absolute;top:0;text-align:left;left:0;z-index:9}.card__body{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow:hidden;padding-bottom:0;margin-bottom:0}.card__details{padding:0 var(--card-right-padding) 1.5rem var(--card-left-padding)}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;font-size:0.875rem !important;line-height:1.5rem !important}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1rem !important}::slotted(*:not(.badge)){display:block !important;font-weight:normal !important;font-size:0.875rem !important;line-height:1.5rem !important}:host([data-initials]){--record-content: attr(data-initials);--record-colour: var(--wider-colour-2)}:host([data-record=business]){--record-icon: "";--record-colour: var(--wider-colour-2)}:host([data-record=page]){--record-icon: "";--record-colour: var(--wider-colour-3)}:host([data-record=contact]){--record-icon: "";--record-colour: var(--wider-colour-4)}:host([data-record=lettings]){--record-icon: "";--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-5)}:host([data-record=sales]){--record-icon: "";--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-7)}:host([data-record=landlord]){--record-icon: "";--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-8)}:host([data-record=contractor]){--record-icon: "";--record-colour: var(--wider-colour-9)}:host([data-record=vendor]){--record-icon: "";--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-13)}:host([data-record=tenant]){--record-icon: "";--record-colour: var(--wider-colour-6)}:host([data-record=sales-applicant]){--record-icon: "";--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-10)}/*# sourceMappingURL=record-card.component.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss","../../sass/components/record-card.component.scss"],"names":[],"mappings":"CAEA,MACE,wBACA,8BACA,iCACA,qCACA,yBAEA,kCACA,wCACA,kBACA,iBACA,mBACA,mBACA,4BAEA,WACA,gBACA,aACA,sBACA,gBACA,UACA,kCACA,2DACA,oBACA,mBAEA,QACE,WACA,sBAIJ,mCACE,2BAGF,iBACE,gBACA,0BACA,8BAGF,qBAEE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAIJ,YAEE,wHAIF,cACE,aACA,+DAGF,aACE,4BACA,kDACA,iCAEF,0CACE,2BAGF,kBACE,iCAEF,4BACE,yBACA,8BACA,0BAEF,iBACE,4BACA,yBACA,8BACA,4BACA,yBAEF,8CACE,8BAGF,sCACE,2DAIF,8BACE,8BACA,mCAGF,aACE,eACA,iBACA,mBACA,iBAEA,eACE,yDACA,iCAEA,yBACA,4BACA,kCAIJ,6BACE,yBACA,4BACA,kCACA,mBAOF,mCAEE,kBACA,MACA,gBACA,OACA,UAGF,cAEE,kGACA,sBCpJF,MACE,yBACA,2BAEA,oCACA,kBAGF,iCAEE,qEACA,mFACA,oBAOE,wCACE,0DACA,mBACA,iBACA,2BACA,cACA,kBACA,SACA,SACA,SACA,sCACA,kBACA,YACA,iBACA,WACA,kBACA,6BAKN,8BAEE,sBACA,cASE,0CACE,wBAIJ,8BACE,6BACA,mBACA,eACA,4BACA,cACA,kBACA,4BACA,SACA,SACA,sCACA,kBACA,YACA,iBACA,iBACA,WACA,kBACA,6BAKJ,YACE,oCACA,kBACA,mCAEA,0BAEE,cACA,kBACA,SACA,SACA,SACA,kBACA,YACA,iBACA,WACA,kBACA,6BACA,SACA,iBAIJ,cAEE,kBACA,MACA,gBACA,OACA,UAGF,YACE,gBACA,uBACA,oBACA,qBACA,4CACA,gBACA,iBACA,gBAGF,eACE,oEAIF,4BACE,yBACA,8BACA,8BACA,8BAGF,8CACE,4BAGF,yBACE,yBACA,8BACA,8BACA,8BAIF,uBACE,sCACA,uCAIF,8BACE,mBACA,uCAEF,0BACE,mBACA,uCAEF,6BACE,mBACA,uCAEF,8BACE,mBACA,qCACA,uCAGF,2BACE,mBACA,qCACA,uCAEF,8BACE,mBACA,qCACA,uCAGF,gCACE,mBACA,uCAGF,4BACE,mBACA,qCACA,wCAGF,4BACE,mBACA,uCAEF,qCACE,mBACA,qCACA","file":"record-card.component.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.timeline{--breakpoint:(100% - 62rem);--pl: clamp(0rem, var(--breakpoint) * -1000, 4rem);--line-pos: clamp(1rem, var(--breakpoint) * 1000, 50%);--circle-pos: 1rem;--line-length: 100%;--img-order: 1;position:relative;padding-top:0.25rem;padding-left:var(--pl);padding-bottom:1rem;width:100%;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.timeline__container:not(.timeline--simple) .timeline{align-items:center}@media screen and (min-width: 62em){.timeline__container:not(.timeline--simple) .timeline{--img-order: 0;--circle-pos: 50%;--line-length: 50%}}.timeline:before{content:" ";display:block;background:#000;width:4px;height:100%;position:absolute;top:0;left:var(--line-pos)}.timeline:after{content:" ";display:block;background:#fff;width:2rem;height:2rem;margin-top:-1rem;position:absolute;top:var(--circle-pos);left:var(--line-pos);margin-left:calc(-1rem + 2px);border:4px solid #000;border-radius:50%}.timeline>*{max-width:28.75rem;order:1}.timeline>img{max-width:min(100%,
|
|
1
|
+
.timeline{--breakpoint:(100% - 62rem);--pl: clamp(0rem, var(--breakpoint) * -1000, 4rem);--line-pos: clamp(1rem, var(--breakpoint) * 1000, 50%);--circle-pos: 1rem;--line-length: 100%;--img-order: 1;position:relative;padding-top:0.25rem;padding-left:var(--pl);padding-bottom:1rem;width:100%;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.timeline__container:not(.timeline--simple) .timeline{align-items:center}@media screen and (min-width: 62em){.timeline__container:not(.timeline--simple) .timeline{--img-order: 0;--circle-pos: 50%;--line-length: 50%}}.timeline:before{content:" ";display:block;background:#000;width:4px;height:100%;position:absolute;top:0;left:var(--line-pos)}.timeline:after{content:" ";display:block;background:#fff;width:2rem;height:2rem;margin-top:-1rem;position:absolute;top:var(--circle-pos);left:var(--line-pos);margin-left:calc(-1rem + 2px);border:4px solid #000;border-radius:50%}.timeline>*{max-width:28.75rem;order:1}.timeline>img{max-width:min(100%,28.75rem);margin-bottom:2rem}.timeline:nth-child(even)>img{order:var(--img-order)}.timeline:first-child:before{top:var(--circle-pos);height:var(--line-length)}.timeline:last-child{padding-bottom:0;margin-bottom:2rem}.timeline:last-child:before{height:var(--line-length)}.timeline:last-child>img{margin-bottom:0}/*# sourceMappingURL=timeline.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/timeline.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAGA,UAEE,4BACA,mDACA,uDACA,mBACA,oBACA,eAGA,kBACA,oBACA,uBACA,oBACA,WACA,aACA,8BACA,mBACA,eACA,uBAEA,sDAEE,mBCpBA,oCDkBF,sDAKI,eACA,kBACA,oBAIJ,iBACE,YACA,cACA,gBACA,UACA,YACA,kBACA,MACA,qBAGF,gBACE,YACA,cACA,gBACA,WACA,YACA,iBACA,kBACA,sBACA,qBACA,8BACA,sBACA,kBAGF,YACE,mBACA,QAGF,cACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/timeline.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAGA,UAEE,4BACA,mDACA,uDACA,mBACA,oBACA,eAGA,kBACA,oBACA,uBACA,oBACA,WACA,aACA,8BACA,mBACA,eACA,uBAEA,sDAEE,mBCpBA,oCDkBF,sDAKI,eACA,kBACA,oBAIJ,iBACE,YACA,cACA,gBACA,UACA,YACA,kBACA,MACA,qBAGF,gBACE,YACA,cACA,gBACA,WACA,YACA,iBACA,kBACA,sBACA,qBACA,8BACA,sBACA,kBAGF,YACE,mBACA,QAGF,cACE,6BACA,mBAGF,8BACE,uBAKA,6BACE,sBACA,0BAIJ,qBACE,iBACA,mBAEA,4BACE,0BAGF,yBACE","file":"timeline.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:host{--card-icon-right: 1rem;--card-head-top-padding: 2rem;--card-head-bottom-padding: 2rem;--card-footer-bottom-padding: 1.5rem;--card-head-height: 6rem;box-shadow:var(--card-box-shadow);border-radius:var(--card-border-radius);position:relative;font-weight:bold;font-size:1.125rem;line-height:1.5rem;color:var(--colour-primary);width:100%;text-align:left;display:flex;flex-direction:column;overflow:hidden;z-index:0;background:var(--colour-canvas-2);outline:2px solid var(--outline-colour, --colour-canvas-2);outline-offset:-2px;margin-bottom:2rem}:host>*{width:100%;box-sizing:border-box}:host-context(:is(a,label,button)){margin-bottom:0 !important}:host(.border-0){box-shadow:none;--card-left-padding: 0rem;outline-offset:1px !important}.card__head:has(img){min-height:var(--card-head-height);position:relative;overflow:hidden;background:rgba(0,0,0,.1);z-index:-1}.card__head:has(img)>img{position:absolute;top:0;left:0;margin:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover}.card__body{padding:var(--card-head-top-padding) var(--card-right-padding) var(--card-head-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:0;padding:0 var(--card-right-padding) 0 var(--card-left-padding)}::slotted(i){font-size:1.5rem !important;margin:-3px var(--card-icon-right) 0 0 !important;vertical-align:middle !important}::slotted(i:not(.fa-light):not(.fa-bold)){font-weight:400 !important}::slotted(.badge){margin-bottom:.375rem !important}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;font-size:1rem !important}::slotted(small){padding-top:1rem !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1.5rem !important}::slotted(:is(a,button)[slot=footer]){margin-bottom:var(--card-footer-bottom-padding) !important}.card__body:has(.card__total){--card-head-top-padding: 1rem;--card-head-bottom-padding: 1.5rem}.card__total{font-size:3rem;line-height:3rem;padding-right:1rem;margin-top:.5rem}.card__total i{font-family:var(--fa-style-family, "Font Awesome 6 Pro");font-weight:var(--fa-style, 900);display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important}::slotted([slot=total-icon]){display:block !important;font-size:2.5rem !important;margin:.5rem 0 .5rem 0 !important;line-height:2.5rem}.card__head:has(img)~.card__badges{position:absolute;top:0;text-align:left;left:0;z-index:9}.card__badges{padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}:host{--card-right-padding: 1rem;--card-head-height: 10rem;font-size:1.5rem;--line-height: 2rem}:host(:is([data-youtube],[data-vimeo]):not(.video-card--top)) .card__head{order:2}:host(:is([data-youtube],[data-vimeo])) .card__head{cursor:pointer;position:relative}:host(:is([data-youtube],[data-vimeo])) .card__head>*:not(img){z-index:-1}:host(:is([data-youtube],[data-vimeo])) .card__head:before{content:"";display:block;background-color:var(--video-btn-colour, var(--colour-success));height:5rem;width:5rem;position:absolute;top:calc(50% - 2.5rem);left:calc(50% - 2.5rem);z-index:2;border-radius:2.5rem}:host(:is([data-youtube],[data-vimeo])) .card__head:after{--icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/></svg>");content:"";display:block;height:2rem;width:2rem;position:absolute;top:calc(50% - 1rem);left:calc(50% - .8rem);z-index:5;background:var(--colour-primary-theme);mask-image:var(--icon);mask-size:80%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon);-webkit-mask-size:80%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}:host(:is([data-youtube],[data-vimeo])) .card__head:is(:hover,:focus){--video-btn-colour: var(--colour-canvas)}:host(:is([data-youtube],[data-vimeo])) .card__head:is(:active){--video-btn-colour: color-mix(in oklab, var(--colour-success), #000000 20%) !important}.embed{aspect-ratio:1/1;display:block;width:10rem}/*# sourceMappingURL=video-card.component.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss","../../sass/components/video-card.component.scss"],"names":[],"mappings":"AAEA,MACE,wBACA,8BACA,iCACA,qCACA,yBAEA,kCACA,wCACA,kBACA,iBACA,mBACA,mBACA,4BAEA,WACA,gBACA,aACA,sBACA,gBACA,UACA,kCACA,2DACA,oBACA,mBAEA,QACE,WACA,sBAIJ,mCACE,2BAGF,iBACE,gBACA,0BACA,8BAGF,qBAEE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAIJ,YAEE,wHAIF,cACE,aACA,+DAGF,aACE,4BACA,kDACA,iCAEF,0CACE,2BAGF,kBACE,iCAEF,4BACE,yBACA,8BACA,0BAEF,iBACE,4BACA,yBACA,8BACA,4BACA,yBAEF,8CACE,8BAGF,sCACE,2DAIF,8BACE,8BACA,mCAGF,aACE,eACA,iBACA,mBACA,iBAEA,eACE,yDACA,iCAEA,yBACA,4BACA,kCAIJ,6BACE,yBACA,4BACA,kCACA,mBAOF,mCAEE,kBACA,MACA,gBACA,OACA,UAGF,cAEE,kGACA,sBCnJF,MACE,2BAEA,0BAEA,iBACA,oBAOF,0EACE,QAGF,oDAEE,eACA,kBAEA,+DACE,WAGF,2DACE,WACA,cACA,gEACA,YACA,WACA,kBACA,uBACA,wBACA,UACA,qBAGF,0DAGE,uQAEA,WACA,cACA,YACA,WACA,kBACA,qBACA,uBACA,UACA,uCACA,uBACA,cACA,sBACA,sBACA,+BACA,sBACA,8BACA,8BAGF,sEACE,yCAEF,gEACE,uFAIJ,OACE,iBACA,cACA","file":"video-card.component.css"}
|