@iamproperty/components 7.6.1 → 7.6.3--beta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/actionbar.component.css +1 -1
- package/assets/css/components/actionbar.component.css.map +1 -1
- package/assets/css/components/actionbar.global.css +1 -1
- package/assets/css/components/actionbar.global.css.map +1 -1
- package/assets/css/components/address-lookup.component.css +1 -1
- package/assets/css/components/address-lookup.component.css.map +1 -1
- package/assets/css/components/applied-filters.css +1 -1
- package/assets/css/components/applied-filters.css.map +1 -1
- package/assets/css/components/barchart.component.css +1 -1
- package/assets/css/components/barchart.component.css.map +1 -1
- package/assets/css/components/calendar.component.css +1 -1
- package/assets/css/components/calendar.component.css.map +1 -1
- package/assets/css/components/calendar.config.css +1 -1
- package/assets/css/components/calendar.config.css.map +1 -1
- package/assets/css/components/card.component.css +1 -1
- package/assets/css/components/card.component.css.map +1 -1
- package/assets/css/components/carousel.component.css +1 -1
- package/assets/css/components/carousel.component.css.map +1 -1
- package/assets/css/components/carousel.config.css.map +1 -1
- 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/collapsible-side.css +1 -1
- package/assets/css/components/collapsible-side.css.map +1 -1
- package/assets/css/components/content.component.css +1 -1
- package/assets/css/components/content.component.css.map +1 -1
- package/assets/css/components/darkmode.component.css +1 -1
- package/assets/css/components/darkmode.component.css.map +1 -1
- package/assets/css/components/doughnutchart.component.css +1 -1
- package/assets/css/components/doughnutchart.component.css.map +1 -1
- package/assets/css/components/fileupload.css +1 -1
- package/assets/css/components/fileupload.css.map +1 -1
- package/assets/css/components/header.css +1 -1
- package/assets/css/components/header.css.map +1 -1
- package/assets/css/components/inline-edit.css +1 -1
- package/assets/css/components/inline-edit.css.map +1 -1
- package/assets/css/components/inline-edit.preload.css.map +1 -1
- package/assets/css/components/input-range.component.css.map +1 -1
- package/assets/css/components/input.component.css +1 -1
- package/assets/css/components/input.component.css.map +1 -1
- package/assets/css/components/marketing.component.css +1 -1
- package/assets/css/components/marketing.component.css.map +1 -1
- package/assets/css/components/menu.global.css.map +1 -1
- package/assets/css/components/modal.component.css +1 -1
- package/assets/css/components/modal.component.css.map +1 -1
- package/assets/css/components/multi-step-modal.component.css +1 -1
- package/assets/css/components/multi-step-modal.component.css.map +1 -1
- package/assets/css/components/multi-step-modal.global.css.map +1 -1
- package/assets/css/components/multi-step.component.css.map +1 -1
- package/assets/css/components/multiselect.css +1 -1
- package/assets/css/components/multiselect.css.map +1 -1
- package/assets/css/components/multiselect.preload.css +1 -1
- package/assets/css/components/multiselect.preload.css.map +1 -1
- package/assets/css/components/nav.component.css +1 -1
- package/assets/css/components/nav.component.css.map +1 -1
- package/assets/css/components/nav.docs.css.map +1 -1
- package/assets/css/components/nav.global.css.map +1 -1
- package/assets/css/components/nav.preload.css.map +1 -1
- package/assets/css/components/notification.css +1 -1
- package/assets/css/components/notification.css.map +1 -1
- package/assets/css/components/pagination.css +1 -1
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/password.component.css +1 -1
- package/assets/css/components/password.component.css.map +1 -1
- package/assets/css/components/popover.component.css +1 -1
- package/assets/css/components/popover.component.css.map +1 -1
- package/assets/css/components/property-searchbar.css +1 -1
- package/assets/css/components/property-searchbar.css.map +1 -1
- package/assets/css/components/rank.component.css +1 -1
- package/assets/css/components/rank.component.css.map +1 -1
- package/assets/css/components/rankings.component.css +1 -1
- package/assets/css/components/rankings.component.css.map +1 -1
- package/assets/css/components/rankings.global.css +1 -1
- package/assets/css/components/rankings.global.css.map +1 -1
- package/assets/css/components/slider.css +1 -1
- package/assets/css/components/slider.css.map +1 -1
- package/assets/css/components/snapshot.css.map +1 -1
- package/assets/css/components/split-button.component.css +1 -1
- package/assets/css/components/split-button.component.css.map +1 -1
- package/assets/css/components/stepper.css.map +1 -1
- package/assets/css/components/table-basic.component.css +1 -1
- package/assets/css/components/table-basic.component.css.map +1 -1
- package/assets/css/components/table-basic.global.css +1 -1
- package/assets/css/components/table-basic.global.css.map +1 -1
- package/assets/css/components/table.component.css +1 -1
- package/assets/css/components/table.component.css.map +1 -1
- package/assets/css/components/table.global.css +1 -1
- package/assets/css/components/table.global.css.map +1 -1
- package/assets/css/components/tabs.component.css +1 -1
- package/assets/css/components/tabs.component.css.map +1 -1
- package/assets/css/components/tabs.config.css +1 -1
- package/assets/css/components/tabs.config.css.map +1 -1
- package/assets/css/components/testimonial.css.map +1 -1
- package/assets/css/components/timeline.css +1 -1
- package/assets/css/components/timeline.css.map +1 -1
- package/assets/css/components/tooltip.component.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +7 -7
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.js +18 -2
- package/assets/js/components/address-lookup/address-lookup.component.min.js +5 -5
- package/assets/js/components/address-lookup/address-lookup.component.min.js.map +1 -1
- package/assets/js/components/advanced-select/advanced-select.component.min.js +1 -1
- package/assets/js/components/applied-filters/applied-filters.component.min.js +2 -2
- package/assets/js/components/barchart/barchart.component.min.js +6 -6
- package/assets/js/components/barchart/barchart.component.min.js.map +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.min.js +1 -1
- package/assets/js/components/calendar/calendar.component.min.js +5 -5
- package/assets/js/components/card/card.component.min.js +5 -5
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/carousel/carousel.component.min.js +3 -3
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +2 -2
- package/assets/js/components/content/content.component.min.js +4 -4
- package/assets/js/components/darkmode/darkmode.component.min.js +4 -4
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +7 -7
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js.map +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +4 -4
- package/assets/js/components/filter-card/filter-card.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +4 -4
- package/assets/js/components/inline-edit/inline-edit.component.min.js +3 -3
- package/assets/js/components/input/input.component.min.js +2 -2
- package/assets/js/components/input-range/input-range.component.min.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +2 -2
- package/assets/js/components/menu/menu.component.min.js +1 -1
- package/assets/js/components/milestone/milestone.component.min.js +1 -1
- package/assets/js/components/milestone-group/milestone-group.component.min.js +1 -1
- package/assets/js/components/modal/modal.component.min.js +3 -3
- package/assets/js/components/multi-step/multi-step.component.min.js +1 -1
- package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js +3 -3
- package/assets/js/components/multiselect/multiselect.component.min.js +4 -4
- package/assets/js/components/nav/nav.component.min.js +2 -2
- package/assets/js/components/notification/notification.component.min.js +2 -2
- package/assets/js/components/pagination/pagination.component.min.js +5 -5
- package/assets/js/components/password/password.component.min.js +5 -5
- package/assets/js/components/popover/popover.component.min.js +2 -2
- package/assets/js/components/rank/rank.component.min.js +1 -1
- package/assets/js/components/rankings/rankings.component.min.js +7 -7
- package/assets/js/components/record-card/record-card.component.min.js +1 -1
- package/assets/js/components/search/search.component.min.js +1 -1
- package/assets/js/components/slider/slider.component.min.js +2 -2
- package/assets/js/components/split-button/split-button.component.min.js +2 -2
- package/assets/js/components/std-address-lookup/std-address-lookup.component.js +1 -1
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js +7 -7
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.min.js +6 -6
- package/assets/js/components/table-ajax/table-ajax.component.min.js +6 -6
- package/assets/js/components/table-basic/table-basic.component.min.js +3 -3
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +6 -6
- package/assets/js/components/table-submit/table-submit.component.min.js +6 -6
- package/assets/js/components/tabs/tabs.component.min.js +3 -3
- package/assets/js/components/tooltip/tooltip.component.min.js +1 -1
- package/assets/js/components/video-card/video-card.component.min.js +1 -1
- package/assets/js/components/word-count/word-count.component.min.js +1 -1
- package/assets/js/modules/chart.module.js +1 -1
- package/assets/js/scripts.bundle.js +1 -1
- package/assets/js/scripts.bundle.min.js +1 -1
- package/assets/sass/_bs_grid.scss +6 -4
- package/assets/sass/_bs_utilities.scss +51 -0
- package/assets/sass/_components.scss +16 -53
- package/assets/sass/_corefiles.scss +10 -40
- package/assets/sass/_elements.scss +25 -118
- package/assets/sass/_fonts.scss +3 -3
- package/assets/sass/_func.scss +0 -8
- package/assets/sass/_functions/bs_functions.scss +487 -0
- package/assets/sass/_functions/bs_mixins.scss +2103 -0
- package/assets/sass/_functions/bs_utilities.scss +1 -1
- package/assets/sass/_functions/{variables_old.scss → bs_variables.scss} +11 -9
- package/assets/sass/_functions/functions.scss +9 -449
- package/assets/sass/_functions/mixins.scss +1 -643
- package/assets/sass/_functions/utility-mixins.scss +1 -1523
- package/assets/sass/_functions/variables.scss +1 -729
- package/assets/sass/_grid.scss +51 -39
- package/assets/sass/_utilities.scss +28 -50
- package/assets/sass/components/actionbar.component.scss +33 -33
- package/assets/sass/components/actionbar.global.scss +6 -6
- package/assets/sass/components/address-lookup.component.scss +4 -9
- package/assets/sass/components/address-lookup.preload.scss +3 -3
- package/assets/sass/components/barchart.component.scss +14 -14
- package/assets/sass/components/calendar.component.scss +20 -20
- package/assets/sass/components/calendar.config.scss +19 -19
- package/assets/sass/components/card.component.scss +8 -10
- package/assets/sass/components/card.module.scss +9 -9
- package/assets/sass/components/carousel.component.scss +15 -15
- package/assets/sass/components/carousel.config.scss +5 -5
- package/assets/sass/components/charts.config.scss +6 -6
- package/assets/sass/components/charts.module.scss +16 -69
- package/assets/sass/components/charts.scss +8 -8
- package/assets/sass/components/collapsible-side.scss +42 -42
- package/assets/sass/components/darkmode.component.scss +2 -4
- package/assets/sass/components/doughnutchart.component.scss +4 -4
- package/assets/sass/components/fileupload.scss +23 -24
- package/assets/sass/components/filter-card.component.scss +9 -9
- package/assets/sass/components/header.scss +4 -4
- package/assets/sass/components/inline-edit.preload.scss +5 -5
- package/assets/sass/components/inline-edit.scss +1 -1
- package/assets/sass/components/input-range.component.scss +2 -2
- package/assets/sass/components/input.component.scss +2 -3
- package/assets/sass/components/marketing.component.scss +1 -1
- package/assets/sass/components/menu.component.scss +6 -6
- package/assets/sass/components/menu.global.scss +6 -6
- package/assets/sass/components/modal.component.scss +9 -9
- package/assets/sass/components/multi-step-modal.component.scss +14 -14
- package/assets/sass/components/multi-step-modal.global.scss +2 -2
- package/assets/sass/components/multi-step.component.scss +10 -10
- package/assets/sass/components/multiselect.preload.scss +5 -5
- package/assets/sass/components/multiselect.scss +11 -16
- package/assets/sass/components/nav.component.scss +55 -55
- package/assets/sass/components/nav.docs.scss +2 -2
- package/assets/sass/components/nav.global.scss +30 -30
- package/assets/sass/components/nav.preload.scss +8 -8
- package/assets/sass/components/notification.scss +14 -16
- package/assets/sass/components/pagination.scss +15 -15
- package/assets/sass/components/password.component.scss +6 -10
- package/assets/sass/components/popover.component.scss +5 -5
- package/assets/sass/components/property-searchbar.scss +9 -9
- package/assets/sass/components/rank.component.scss +3 -3
- package/assets/sass/components/rankings.component.scss +2 -2
- package/assets/sass/components/rankings.global.scss +7 -7
- package/assets/sass/components/record-card.component.scss +4 -4
- package/assets/sass/components/slider.scss +3 -3
- package/assets/sass/components/snapshot.scss +2 -2
- package/assets/sass/components/stepper.scss +7 -7
- package/assets/sass/components/table-basic.component.scss +4 -4
- package/assets/sass/components/table-basic.global.scss +11 -11
- package/assets/sass/components/table.component.scss +1 -1
- package/assets/sass/components/table.global.scss +7 -14
- package/assets/sass/components/tabs.config.scss +10 -10
- package/assets/sass/components/testimonial.scss +7 -7
- package/assets/sass/components/timeline.scss +2 -2
- package/assets/sass/components/tooltip.component.scss +3 -3
- package/assets/sass/core.scss +1 -13
- package/assets/sass/elements/admin-panel.scss +47 -31
- package/assets/sass/elements/badge-tag.scss +9 -9
- package/assets/sass/elements/brand.css +80 -0
- package/assets/sass/elements/buttons--action.scss +7 -26
- package/assets/sass/elements/buttons--compact.scss +12 -12
- package/assets/sass/elements/buttons--global.scss +29 -98
- package/assets/sass/elements/buttons--secondary.scss +4 -4
- package/assets/sass/elements/buttons--special.scss +131 -5
- package/assets/sass/elements/buttons--tertiary.scss +7 -7
- package/assets/sass/elements/buttons.scss +9 -33
- package/assets/sass/elements/code.css +46 -0
- package/assets/sass/elements/container.scss +14 -63
- package/assets/sass/elements/details.scss +35 -35
- package/assets/sass/elements/dialog.scss +7 -7
- package/assets/sass/elements/feature.scss +4 -4
- package/assets/sass/elements/forms.scss +121 -89
- package/assets/sass/elements/{hr.scss → hr.css} +1 -10
- package/assets/sass/elements/icons.css +48 -0
- package/assets/sass/elements/input.scss +58 -8
- package/assets/sass/elements/links.scss +27 -26
- package/assets/sass/elements/lists--breadcrumbs.scss +26 -0
- package/assets/sass/elements/lists--steps.css +171 -0
- package/assets/sass/elements/lists--tick-list.scss +81 -0
- package/assets/sass/elements/lists.scss +19 -310
- package/assets/sass/elements/media.css +20 -0
- package/assets/sass/elements/modal.scss +23 -23
- package/assets/sass/elements/popover.scss +13 -13
- package/assets/sass/elements/prefix.scss +9 -9
- package/assets/sass/elements/progress.scss +24 -24
- package/assets/sass/elements/table.element.scss +19 -19
- package/assets/sass/elements/toggle-button.scss +4 -4
- package/assets/sass/elements/tooltips.scss +41 -49
- package/assets/sass/elements/type.css +158 -0
- package/assets/sass/email.scss +7 -6
- package/assets/sass/error.scss +7 -14
- package/assets/sass/foundations/colours.scss +91 -0
- package/assets/sass/foundations/reboot.scss +16 -64
- package/assets/sass/foundations/root.scss +150 -138
- package/assets/sass/main.scss +3 -13
- package/assets/sass/templates/auth.scss +14 -14
- package/assets/sass/templates/form.scss +10 -12
- package/assets/sass/utilities/align.scss +25 -0
- package/assets/sass/utilities/border.scss +81 -0
- package/assets/sass/utilities/clearfix.scss +9 -0
- package/assets/sass/utilities/colours.scss +43 -0
- package/assets/sass/utilities/display.scss +90 -0
- package/assets/sass/utilities/fixed.scss +17 -0
- package/assets/sass/utilities/flex.scss +150 -0
- package/assets/sass/utilities/gap.scss +8 -0
- package/assets/sass/utilities/gradients.scss +40 -0
- package/assets/sass/utilities/js-display.scss +13 -0
- package/assets/sass/utilities/line-clamp.scss +25 -0
- package/assets/sass/utilities/margins.scss +75 -0
- package/assets/sass/utilities/max-height.scss +94 -0
- package/assets/sass/utilities/opacity.scss +21 -0
- package/assets/sass/utilities/order.scss +43 -0
- package/assets/sass/utilities/overflow.scss +17 -0
- package/assets/sass/utilities/paddings.scss +34 -0
- package/assets/sass/utilities/pointer-events.scss +9 -0
- package/assets/sass/utilities/position.scss +90 -0
- package/assets/sass/utilities/ratio.scss +33 -0
- package/assets/sass/utilities/rounded.scss +57 -0
- package/assets/sass/utilities/sizes.scss +89 -0
- package/assets/sass/utilities/sticky.scss +39 -0
- package/assets/sass/utilities/text-truncate.scss +7 -0
- package/assets/sass/utilities/text.scss +122 -0
- package/assets/sass/utilities/visible.scss +9 -0
- package/assets/sass/utilities/visually-hidden.scss +14 -0
- package/assets/sass/utilities/wider-colours.scss +10 -0
- package/assets/ts/components/actionbar/actionbar.component.ts +1 -1
- package/assets/ts/components/address-lookup/address-lookup.component.ts +24 -3
- package/assets/ts/components/darkmode/darkmode.component.ts +2 -2
- package/assets/ts/components/input/input.component.ts +3 -3
- package/assets/ts/components/modal/modal.component.ts +2 -2
- package/assets/ts/components/multi-step-modal/multi-step-modal.component.ts +2 -2
- package/assets/ts/components/multiselect/multiselect.component.ts +1 -1
- package/assets/ts/components/std-address-lookup/std-address-lookup.component.ts +2 -3
- package/assets/ts/modules/advanced-select.ts +1 -1
- package/assets/ts/modules/applied-filters.ts +2 -2
- package/assets/ts/modules/chart.module.ts +1 -1
- package/dist/components.es.js +28 -28
- package/dist/components.umd.js +178 -178
- package/package.json +7 -7
- package/src/components/Snapshot/Snapshot.vue +1 -1
- package/assets/css/mobile-core.min.css +0 -1
- package/assets/css/mobile-core.min.css.map +0 -1
- package/assets/css/mobile.min.css +0 -1
- package/assets/css/mobile.min.css.map +0 -1
- package/assets/sass/_example.scss +0 -61
- package/assets/sass/_tests/colours.spec.js +0 -9
- package/assets/sass/_tests/colours.spec.scss +0 -32
- package/assets/sass/_tests/func.spec.js +0 -9
- package/assets/sass/_tests/func.spec.scss +0 -196
- package/assets/sass/_tests/mixins.spec.js +0 -9
- package/assets/sass/_tests/mixins.spec.scss +0 -113
- package/assets/sass/_tests/typography.spec.js +0 -9
- package/assets/sass/_tests/typography.spec.scss +0 -35
- package/assets/sass/_utility-mixins.scss +0 -38
- package/assets/sass/elements/brand.scss +0 -83
- package/assets/sass/elements/icons.scss +0 -36
- package/assets/sass/elements/media.scss +0 -26
- package/assets/sass/elements/type.scss +0 -174
- package/assets/sass/helpers/dynamic.scss +0 -15
- package/assets/sass/helpers/line-clamp.scss +0 -0
- package/assets/sass/helpers/max-height.scss +0 -86
- package/assets/sass/helpers/wider-colours.scss +0 -8
- package/assets/sass/mobile-core.scss +0 -14
- package/assets/sass/mobile.scss +0 -16
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{iam-calendar,.event-colours{--event-colour-1: var(--wider-colour-1);--event-colour-2: var(--wider-colour-2);--event-colour-3: var(--wider-colour-3);--event-colour-4: var(--wider-colour-4);--event-colour-5: var(--wider-colour-17);--event-colour-6: var(--wider-colour-6);--event-colour-7: var(--wider-colour-7);--event-colour-8: var(--wider-colour-14);--event-colour-9: var(--wider-colour-10);--event-colour-10: var(--wider-colour-23)}iam-calendar:not(.calendar--multi) [data-event-type-enum="1"]{--event-colour: var(--event-colour-1)}iam-calendar.calendar--multi [data-calendar-enum="1"]{--event-colour: var(--event-colour-1)}iam-calendar:not(.calendar--multi) [data-event-type-enum="2"]{--event-colour: var(--event-colour-2)}iam-calendar.calendar--multi [data-calendar-enum="2"]{--event-colour: var(--event-colour-2)}iam-calendar:not(.calendar--multi) [data-event-type-enum="3"]{--event-colour: var(--event-colour-3)}iam-calendar.calendar--multi [data-calendar-enum="3"]{--event-colour: var(--event-colour-3)}iam-calendar:not(.calendar--multi) [data-event-type-enum="4"]{--event-colour: var(--event-colour-4)}iam-calendar.calendar--multi [data-calendar-enum="4"]{--event-colour: var(--event-colour-4)}iam-calendar:not(.calendar--multi) [data-event-type-enum="5"]{--event-colour: var(--event-colour-5)}iam-calendar.calendar--multi [data-calendar-enum="5"]{--event-colour: var(--event-colour-5)}iam-calendar:not(.calendar--multi) [data-event-type-enum="6"]{--event-colour: var(--event-colour-6)}iam-calendar.calendar--multi [data-calendar-enum="6"]{--event-colour: var(--event-colour-6)}iam-calendar:not(.calendar--multi) [data-event-type-enum="7"]{--event-colour: var(--event-colour-7)}iam-calendar.calendar--multi [data-calendar-enum="7"]{--event-colour: var(--event-colour-7)}iam-calendar:not(.calendar--multi) [data-event-type-enum="8"]{--event-colour: var(--event-colour-8)}iam-calendar.calendar--multi [data-calendar-enum="8"]{--event-colour: var(--event-colour-8)}iam-calendar:not(.calendar--multi) [data-event-type-enum="9"]{--event-colour: var(--event-colour-9)}iam-calendar.calendar--multi [data-calendar-enum="9"]{--event-colour: var(--event-colour-9)}iam-calendar{margin-bottom:1rem}iam-calendar button{--background-opacity: 100%;display:block;width:100%;border:none;border-left:4px solid color-mix(in srgb, var(--event-colour, var(--wider-colour-1)), black 28%);border-radius:4px;padding:0.25rem;font-size:0.875rem;line-height:1.125rem;margin-bottom:0.5rem;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:left;position:relative;z-index:1;background:rgb(from var(--event-colour, var(--wider-colour-1)) r g b/var(--background-opacity))}iam-calendar button:hover{background:color-mix(in srgb, var(--event-colour, var(--wider-colour-1)), black 10%)}iam-calendar button:active{background:color-mix(in srgb, var(--event-colour, var(--wider-colour-1)), black 20%)}iam-calendar button .tooltip__content{display:none}iam-calendar button:hover .tooltip__content{display:block;z-index:var(--index-floating);position:absolute;width:15.625rem;background:var(--colour-primary);color:var(--colour-white);padding:0.75rem;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.11);left:50%;font-size:0.875rem;line-height:1.2;white-space:normal;z-index:9999;position:fixed;bottom:anchor(top);justify-self:anchor-center;margin:.5rem}iam-calendar button:hover .tooltip__content>strong:first-child{color:#fff;display:block;padding-bottom:1rem;color:inherit}iam-calendar button:hover .tooltip__content:after{content:"";position:absolute;top:100%;bottom:auto;left:50%;margin-left:-0.25rem;border-width:.5rem;border-style:solid;border-color:var(--colour-primary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);margin-top:-1px}iam-calendar.calendar--multi{background:rgb(from var(--event-colour, var(--wider-colour-8)) r g b/var(--background-opacity))}iam-calendar.calendar--multi:hover{background:rgb(from var(--event-colour-hover, var(--wider-colour-8-hover)) r g b/var(--background-opacity))}iam-calendar.calendar--multi:active{background:rgb(from var(--event-colour-active, var(--wider-colour-8-active)) r g b/var(--background-opacity))}iam-calendar[data-hide-confirmed] button:not(.tentative,.cancelled){display:none !important}iam-calendar[data-hide-unconfirmed] button.tentative{display:none !important}iam-calendar[data-hide-cancelled] button.cancelled{display:none !important}iam-calendar button.tentative{--background-opacity: 40%;border-top:1px dashed var(--event-colour);border-right:1px dashed var(--event-colour);border-bottom:1px dashed var(--event-colour);border-left:none;padding-left:.5rem}iam-calendar button.tentative:before{content:"";height:100%;width:4px;background-color:var(--event-colour);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 20 20'%3E%3Cg %3E%3Cpolygon fill='%23FFFFFF' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon fill='%23FFFFFF' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;left:0}iam-calendar button.cancelled{border-top:2px solid var(--colour-danger);border-right:2px solid var(--colour-danger);border-bottom:2px solid var(--colour-danger)}iam-calendar button.repeat{padding-right:2rem}iam-calendar button.repeat:after{position:absolute;top:0;right:0.25rem;content:"";font-family:"Font Awesome 6 Pro";font-weight:300;line-height:1.625rem}iam-calendar[data-view=month] button{margin-bottom:1px}iam-calendar[data-view=month] button>span{display:block;height:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}iam-calendar[data-view=month] button[data-start]>span:before{content:attr(data-start);display:inline-block;margin-right:0.25rem}iam-calendar:is([data-view=week],[data-view=day]) button:not(.allday-event){height:var(--event-height, 1.09375rem);line-height:1.125rem !important;padding-top:0.25rem !important;white-space:normal !important;display:inline-flex !important;align-items:flex-start !important;width:var(--event-width, 100%) !important;max-width:var(--event-max-width, 100%) !important;margin-bottom:0px !important}iam-calendar:is([data-view=week],[data-view=day]) button:not(.allday-event)>span:not(.tooltip__content){display:-webkit-box;-webkit-line-clamp:var(--line-clamp, 2);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:inherit;max-height:100%}iam-calendar[data-resize]:is([data-view=week],[data-view=day]) button:not(.allday-event){resize:vertical !important}iam-calendar:is([data-view=week]) button.allday-event{width:var(--event-width, 100%) !important;max-width:var(--event-max-width, 100%) !important}iam-calendar:is([data-view=week],[data-view=day]) button.allday-event>span{display:block;height:1.125rem;overflow:hidden;text-overflow:ellipsis}iam-calendar:is([data-view=week],[data-view=day]) button.allday-event[data-start]>span:before{content:attr(data-start);display:inline-block;margin-right:0.25rem}iam-calendar:is([data-view=week],[data-view=day]) button.resizing{background:#000 !important}iam-calendar:is([data-view=week],[data-view=day]) button.resizing .tooltip__content{opacity:0}iam-calendar:is([data-view=week],[data-view=day]) button:-webkit-drag .tooltip__content{opacity:0}iam-calendar:is([data-view=week],[data-view=day]) button.continued{display:none !important}}.event-colours option[value=month]{display:flex}.event-colours,.event-colours::picker(select){appearance:base-select}.event-colours{text-indent:-300%;overflow:hidden;position:relative;width:1.8rem;border:none;background-color:rgba(0,0,0,0)}.event-colours:before{content:"";position:absolute;top:.4rem;left:.4rem;width:1rem;height:1rem;background:pink;border-radius:.5rem}.event-colours::picker-icon{display:none}.event-colours::picker(select){border-radius:.5rem;border-color:var(--colour-border);box-shadow:0px 2px 9px rgba(0,0,0,.1);padding:.5rem;text-indent:0}.event-colours option{padding-block:.25rem;position:relative;padding-left:2rem;font-weight:light;border-left:4px solid rgba(0,0,0,0);margin-bottom:.25rem;border-radius:.25rem}.event-colours option:checked{background:rgb(from var(--event-colour) r g b/40%);border-left:4px solid color-mix(in srgb, var(--event-colour), black 28%)}.event-colours option:hover{background:color-mix(in srgb, var(--event-colour, var(--wider-colour-1)), black 10%);border-left:4px solid color-mix(in srgb, var(--event-colour), black 28%)}.event-colours option:active{background:color-mix(in srgb, var(--event-colour, var(--wider-colour-1)), black 20%);border-left:4px solid color-mix(in srgb, var(--event-colour), black 28%)}.event-colours option:before{content:"";position:absolute;top:.4rem;left:.4rem;width:1rem;height:1rem;background:pink;border-radius:.5rem}.event-colours option:before,.event-colours:has(option:checked):before{background:color-mix(in srgb, var(--event-colour), black 28%)}.event-colours option[value="--wider-colour-1"],.event-colours:has(option[value="--wider-colour-1"]:checked){--event-colour: var(--wider-colour-1)}.event-colours option[value="--wider-colour-2"],.event-colours:has(option[value="--wider-colour-2"]:checked){--event-colour: var(--wider-colour-2)}.event-colours option[value="--wider-colour-3"],.event-colours:has(option[value="--wider-colour-3"]:checked){--event-colour: var(--wider-colour-3)}.event-colours option[value="--wider-colour-4"],.event-colours:has(option[value="--wider-colour-4"]:checked){--event-colour: var(--wider-colour-4)}.event-colours option[value="--wider-colour-17"],.event-colours:has(option[value="--wider-colour-17"]:checked){--event-colour: var(--wider-colour-17)}.event-colours option[value="--wider-colour-6"],.event-colours:has(option[value="--wider-colour-6"]:checked){--event-colour: var(--wider-colour-6)}.event-colours option[value="--wider-colour-7"],.event-colours:has(option[value="--wider-colour-7"]:checked){--event-colour: var(--wider-colour-7)}.event-colours option[value="--wider-colour-14"],.event-colours:has(option[value="--wider-colour-14"]:checked){--event-colour: var(--wider-colour-14)}.event-colours option[value="--wider-colour-10"],.event-colours:has(option[value="--wider-colour-10"]:checked){--event-colour: var(--wider-colour-10)}.event-colours option[value="--wider-colour-23"],.event-colours:has(option[value="--wider-colour-23"]:checked){--event-colour: var(--wider-colour-23)}.event-colours option:checked{font-weight:bold}.event-colours option::checkmark{display:none}/*# sourceMappingURL=calendar.config.css.map */
|
|
1
|
+
@layer components{iam-calendar,.event-colours{--event-colour-1: var(--wider-colour-1);--event-colour-2: var(--wider-colour-2);--event-colour-3: var(--wider-colour-3);--event-colour-4: var(--wider-colour-4);--event-colour-5: var(--wider-colour-17);--event-colour-6: var(--wider-colour-6);--event-colour-7: var(--wider-colour-7);--event-colour-8: var(--wider-colour-14);--event-colour-9: var(--wider-colour-10);--event-colour-10: var(--wider-colour-23)}iam-calendar:not(.calendar--multi) [data-event-type-enum="1"]{--event-colour: var(--event-colour-1)}iam-calendar.calendar--multi [data-calendar-enum="1"]{--event-colour: var(--event-colour-1)}iam-calendar:not(.calendar--multi) [data-event-type-enum="2"]{--event-colour: var(--event-colour-2)}iam-calendar.calendar--multi [data-calendar-enum="2"]{--event-colour: var(--event-colour-2)}iam-calendar:not(.calendar--multi) [data-event-type-enum="3"]{--event-colour: var(--event-colour-3)}iam-calendar.calendar--multi [data-calendar-enum="3"]{--event-colour: var(--event-colour-3)}iam-calendar:not(.calendar--multi) [data-event-type-enum="4"]{--event-colour: var(--event-colour-4)}iam-calendar.calendar--multi [data-calendar-enum="4"]{--event-colour: var(--event-colour-4)}iam-calendar:not(.calendar--multi) [data-event-type-enum="5"]{--event-colour: var(--event-colour-5)}iam-calendar.calendar--multi [data-calendar-enum="5"]{--event-colour: var(--event-colour-5)}iam-calendar:not(.calendar--multi) [data-event-type-enum="6"]{--event-colour: var(--event-colour-6)}iam-calendar.calendar--multi [data-calendar-enum="6"]{--event-colour: var(--event-colour-6)}iam-calendar:not(.calendar--multi) [data-event-type-enum="7"]{--event-colour: var(--event-colour-7)}iam-calendar.calendar--multi [data-calendar-enum="7"]{--event-colour: var(--event-colour-7)}iam-calendar:not(.calendar--multi) [data-event-type-enum="8"]{--event-colour: var(--event-colour-8)}iam-calendar.calendar--multi [data-calendar-enum="8"]{--event-colour: var(--event-colour-8)}iam-calendar:not(.calendar--multi) [data-event-type-enum="9"]{--event-colour: var(--event-colour-9)}iam-calendar.calendar--multi [data-calendar-enum="9"]{--event-colour: var(--event-colour-9)}iam-calendar{margin-bottom:1rem}iam-calendar button{--background-opacity: 100%;display:block;width:100%;border:none;border-left:4px solid color-mix(in srgb, var(--event-colour, var(--wider-colour-1)), black 28%);border-radius:4px;padding:.25rem;font-size:.875rem;line-height:1.125rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:left;position:relative;z-index:1;background:rgb(from var(--event-colour, var(--wider-colour-1)) r g b/var(--background-opacity))}iam-calendar button:hover{background:color-mix(in srgb, var(--event-colour, var(--wider-colour-1)), black 10%)}iam-calendar button:active{background:color-mix(in srgb, var(--event-colour, var(--wider-colour-1)), black 20%)}iam-calendar button .tooltip__content{display:none}iam-calendar button:hover .tooltip__content{display:block;z-index:var(--index-floating);position:absolute;width:15.625rem;background:var(--colour-primary);color:var(--colour-white);padding:.75rem;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.11);left:50%;font-size:.875rem;line-height:1.2;white-space:normal;z-index:9999;position:fixed;bottom:anchor(top);justify-self:anchor-center;margin:.5rem}iam-calendar button:hover .tooltip__content>strong:first-child{color:#fff;display:block;padding-bottom:1rem;color:inherit}iam-calendar button:hover .tooltip__content:after{content:"";position:absolute;top:100%;bottom:auto;left:50%;margin-left:-0.25rem;border-width:.5rem;border-style:solid;border-color:var(--colour-primary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);margin-top:-1px}iam-calendar.calendar--multi{background:rgb(from var(--event-colour, var(--wider-colour-8)) r g b/var(--background-opacity))}iam-calendar.calendar--multi:hover{background:rgb(from var(--event-colour-hover, var(--wider-colour-8-hover)) r g b/var(--background-opacity))}iam-calendar.calendar--multi:active{background:rgb(from var(--event-colour-active, var(--wider-colour-8-active)) r g b/var(--background-opacity))}iam-calendar[data-hide-confirmed] button:not(.tentative,.cancelled){display:none !important}iam-calendar[data-hide-unconfirmed] button.tentative{display:none !important}iam-calendar[data-hide-cancelled] button.cancelled{display:none !important}iam-calendar button.tentative{--background-opacity: 40%;border-top:1px dashed var(--event-colour);border-right:1px dashed var(--event-colour);border-bottom:1px dashed var(--event-colour);border-left:none;padding-left:.5rem}iam-calendar button.tentative:before{content:"";height:100%;width:4px;background-color:var(--event-colour);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 20 20'%3E%3Cg %3E%3Cpolygon fill='%23FFFFFF' points='20 10 10 0 0 0 20 20'/%3E%3Cpolygon fill='%23FFFFFF' points='0 10 0 20 10 20'/%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;left:0}iam-calendar button.cancelled{border-top:2px solid var(--colour-danger);border-right:2px solid var(--colour-danger);border-bottom:2px solid var(--colour-danger)}iam-calendar button.repeat{padding-right:2rem}iam-calendar button.repeat:after{position:absolute;top:0;right:.25rem;content:"";font-family:"Font Awesome 6 Pro";font-weight:300;line-height:1.625rem}iam-calendar[data-view=month] button{margin-bottom:1px}iam-calendar[data-view=month] button>span{display:block;height:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}iam-calendar[data-view=month] button[data-start]>span:before{content:attr(data-start);display:inline-block;margin-right:.25rem}iam-calendar:is([data-view=week],[data-view=day]) button:not(.allday-event){height:var(--event-height, 1.09375rem);line-height:1.125rem !important;padding-top:.25rem !important;white-space:normal !important;display:inline-flex !important;align-items:flex-start !important;width:var(--event-width, 100%) !important;max-width:var(--event-max-width, 100%) !important;margin-bottom:0px !important}iam-calendar:is([data-view=week],[data-view=day]) button:not(.allday-event)>span:not(.tooltip__content){display:-webkit-box;-webkit-line-clamp:var(--line-clamp, 2);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:inherit;max-height:100%}iam-calendar[data-resize]:is([data-view=week],[data-view=day]) button:not(.allday-event){resize:vertical !important}iam-calendar:is([data-view=week]) button.allday-event{width:var(--event-width, 100%) !important;max-width:var(--event-max-width, 100%) !important}iam-calendar:is([data-view=week],[data-view=day]) button.allday-event>span{display:block;height:1.125rem;overflow:hidden;text-overflow:ellipsis}iam-calendar:is([data-view=week],[data-view=day]) button.allday-event[data-start]>span:before{content:attr(data-start);display:inline-block;margin-right:.25rem}iam-calendar:is([data-view=week],[data-view=day]) button.resizing{background:#000 !important}iam-calendar:is([data-view=week],[data-view=day]) button.resizing .tooltip__content{opacity:0}iam-calendar:is([data-view=week],[data-view=day]) button:-webkit-drag .tooltip__content{opacity:0}iam-calendar:is([data-view=week],[data-view=day]) button.continued{display:none !important}}.event-colours option[value=month]{display:flex}.event-colours,.event-colours::picker(select){appearance:base-select}.event-colours{text-indent:-300%;overflow:hidden;position:relative;width:1.8rem;border:none;background-color:rgba(0,0,0,0)}.event-colours:before{content:"";position:absolute;top:.4rem;left:.4rem;width:1rem;height:1rem;background:pink;border-radius:.5rem}.event-colours::picker-icon{display:none}.event-colours::picker(select){border-radius:.5rem;border-color:var(--colour-border);box-shadow:0px 2px 9px rgba(0,0,0,.1);padding:.5rem;text-indent:0}.event-colours option{padding-block:.25rem;position:relative;padding-left:2rem;font-weight:light;border-left:4px solid rgba(0,0,0,0);margin-bottom:.25rem;border-radius:.25rem}.event-colours option:checked{background:rgb(from var(--event-colour) r g b/40%);border-left:4px solid color-mix(in srgb, var(--event-colour), black 28%)}.event-colours option:hover{background:color-mix(in srgb, var(--event-colour, var(--wider-colour-1)), black 10%);border-left:4px solid color-mix(in srgb, var(--event-colour), black 28%)}.event-colours option:active{background:color-mix(in srgb, var(--event-colour, var(--wider-colour-1)), black 20%);border-left:4px solid color-mix(in srgb, var(--event-colour), black 28%)}.event-colours option:before{content:"";position:absolute;top:.4rem;left:.4rem;width:1rem;height:1rem;background:pink;border-radius:.5rem}.event-colours option:before,.event-colours:has(option:checked):before{background:color-mix(in srgb, var(--event-colour), black 28%)}.event-colours option[value="--wider-colour-1"],.event-colours:has(option[value="--wider-colour-1"]:checked){--event-colour: var(--wider-colour-1)}.event-colours option[value="--wider-colour-2"],.event-colours:has(option[value="--wider-colour-2"]:checked){--event-colour: var(--wider-colour-2)}.event-colours option[value="--wider-colour-3"],.event-colours:has(option[value="--wider-colour-3"]:checked){--event-colour: var(--wider-colour-3)}.event-colours option[value="--wider-colour-4"],.event-colours:has(option[value="--wider-colour-4"]:checked){--event-colour: var(--wider-colour-4)}.event-colours option[value="--wider-colour-17"],.event-colours:has(option[value="--wider-colour-17"]:checked){--event-colour: var(--wider-colour-17)}.event-colours option[value="--wider-colour-6"],.event-colours:has(option[value="--wider-colour-6"]:checked){--event-colour: var(--wider-colour-6)}.event-colours option[value="--wider-colour-7"],.event-colours:has(option[value="--wider-colour-7"]:checked){--event-colour: var(--wider-colour-7)}.event-colours option[value="--wider-colour-14"],.event-colours:has(option[value="--wider-colour-14"]:checked){--event-colour: var(--wider-colour-14)}.event-colours option[value="--wider-colour-10"],.event-colours:has(option[value="--wider-colour-10"]:checked){--event-colour: var(--wider-colour-10)}.event-colours option[value="--wider-colour-23"],.event-colours:has(option[value="--wider-colour-23"]:checked){--event-colour: var(--wider-colour-23)}.event-colours option:checked{font-weight:bold}.event-colours option::checkmark{display:none}/*# sourceMappingURL=calendar.config.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/calendar.config.scss"],"names":[],"mappings":"CAMA,kBACE,4BAEE,wCACA,wCACA,wCACA,wCACA,yCACA,wCACA,wCACA,yCACA,yCACA,0CAIA,8DACE,sCAGF,sDACE,sCALF,8DACE,sCAGF,sDACE,sCALF,8DACE,sCAGF,sDACE,sCALF,8DACE,sCAGF,sDACE,sCALF,8DACE,sCAGF,sDACE,sCALF,8DACE,sCAGF,sDACE,sCALF,8DACE,sCAGF,sDACE,sCALF,8DACE,sCAGF,sDACE,sCALF,8DACE,sCAGF,sDACE,sCAIJ,aACE,mBAGF,oBACE,2BAEA,cACA,WAEA,YACA,gGACA,kBACA,eAEA,kBACA,qBACA,oBACA,gBACA,uBACA,eACA,gBACA,kBACA,UAEA,gGAEA,0BACE,qFAEF,2BACE,qFAGF,sCACE,aAGF,4CACE,cACA,8BACA,kBAEA,gBACA,iCACA,0BACA,eACA,oBACA,uCAGA,SAGA,kBACA,gBAEA,mBACA,aACA,eACA,mBACA,2BACA,aAEA,+DACE,WACA,cACA,oBACA,cAGF,kDACE,WACA,kBACA,SACA,YACA,SACA,qBACA,mBACA,mBACA,6EACA,gBAKN,6BACE,gGAEA,mCACE,4GAEF,oCACE,8GAIJ,oEACE,wBAEF,qDACE,wBAEF,mDACE,wBAGF,8BACE,0BACA,0CACA,4CACA,6CACA,iBACA,mBAEA,qCACE,WACA,YACA,UACA,qCACA,gRACA,kBACA,MACA,OAIJ,8BACE,0CACA,4CACA,6CAGF,2BACE,mBAEA,iCACE,kBACA,MACA,aACA,YACA,iCACA,gBACA,qBAIJ,qCACE,kBAEA,0CACE,cACA,gBACA,mBAEA,gBAEA,uBAGF,6DACE,yBACA,qBACA,oBAeJ,4EACE,uCACA,gCACA,8BACA,8BAEA,+BACA,kCAEA,0CACA,kDACA,6BAEA,wGACE,oBACA,wCACA,4BACA,gBACA,uBACA,oBACA,gBAKJ,yFACE,2BAGF,sDACE,0CACA,kDAIA,2EACE,cACA,gBAGA,gBAEA,uBAGF,8FACE,yBACA,qBACA,oBAIJ,kEACE,2BAEA,oFACE,UAIF,wFACE,UAIJ,mEACE,yBAUJ,mCACE,aAGF,8CAEE,uBAGF,eACE,kBACA,gBACA,kBACA,aACA,YACA,+BAEA,sBACE,WACA,kBACA,UACA,WACA,WACA,YACA,gBACA,oBAIJ,4BACE,aAGF,+BACE,oBACA,kCACA,sCACA,cACA,cAGF,sBACE,qBACA,kBACA,kBACA,kBACA,oCACA,qBACA,qBAEA,8BACE,mDACA,yEAGF,4BACE,qFACA,yEAEF,6BACE,qFACA,yEAGF,6BACE,WACA,kBACA,UACA,WACA,WACA,YACA,gBACA,oBAIJ,uEAEE,8DAGF,6GAEE,sCAGF,6GAEE,sCAGF,6GAEE,sCAGF,6GAEE,sCAGF,+GAEE,uCAGF,6GAEE,sCAGF,6GAEE,sCAGF,+GAEE,uCAGF,+GAEE,uCAGF,+GAEE,uCAGF,8BACE,iBAGF,iCACE","file":"calendar.config.css"}
|
|
@@ -1 +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:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog,[popover]{--dialog-padding: 1.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;background:var(--colour-canvas-2);box-shadow:0px 2px 9px rgba(0,0,0,.11);border-radius:0.625rem;padding:var(--dialog-padding);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}dialog>*:last-child,[popover]>*:last-child{margin-bottom:0}dialog>:is(p):last-child,[popover]>:is(p):last-child{padding-bottom:0}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}dialog[open],[popover]:popover-open{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{overflow-y:auto;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:28.375rem;width:fit-content;max-width:46rem}}details.bg-light{margin-inline:calc(var(--dialog-padding)*-1);padding-inline:var(--dialog-padding)}}.dialog__wrapper{position:relative;display:inline-block;margin-bottom:calc(var(--btn-margin) - .25rem)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button{background:var(--colour-btn-secondary-bg-hover)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button:not(.btn-action){color:var(--colour-btn-secondary-hover)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button{filter:brightness(85%);transition:background .1s,color .1s;border-radius:1.5rem}.dialog__wrapper>.btn:first-child:not(.btn-compact):not([class*=fa-]):after{content:"";display:inline-block;margin-left:1em;height:1em;width:1em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.dialog__wrapper>.btn:first-child[aria-expanded]:not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>.btn:first-child:has(+dialog[open]):not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>[popover]{display:var(--menu-display, none);position:fixed;top:anchor(bottom) !important;left:anchor(left) !important;position-try-fallbacks:flip-block,flip-inline !important;margin:0 0 0 0.25rem;padding:1.5rem}.dialog__wrapper>[popover]::backdrop{display:none}.dialog__wrapper>[popover]:popover-open{display:block !important}.dialog__wrapper:has([popover]:popover-open)>button{background-color:var(--colour)}.dialog__wrapper>:is(dialog[open],dialog:popover-open){left:0;margin-top:-1rem;top:100%;z-index:var(--index-floating);min-width:20rem;border-radius:1rem;width:20rem}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:20.9375rem}}@media screen and (min-width: 62em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:22.5rem}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:fit-content !important;min-width:10rem !important;max-width:15rem !important;padding:var(--menu-padding, 0.5rem);margin:0;background:var(--menu-bg, canvas);border:var(--menu-border, 2px solid grey);overflow:auto;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:max-content !important}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list hr{height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick{margin-right:0;padding-left:1.5rem;margin-bottom:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick:before{left:0;font-size:1em;top:.75rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a{padding:0.375rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a{margin:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:after{display:none}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action{background:unset;border:unset;color:var(--colour-primary);font-weight:inherit;font-family:inherit;font-size:1rem;line-height:1.1875rem;display:block;margin:var(--menu-item-margin, 0 0 0.25rem 0);padding-block:var(--menu-item-padding, 0.5rem);width:var(--menu-item-width, 100%);max-width:var(--menu-item-width, 100%);text-align:var(--menu-item-text-align, left)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:is(:hover,:focus){background:var(--colour-light) !important;border-radius:.25rem !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:is(:active){background:#e0e0e0 !important;border-radius:.25rem !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open) :is(dialog[open],dialog:popover-open){display:contents}.dialog__wrapper.dialog__wrapper--right>:is(dialog[open],dialog:popover-open){right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>:is(dialog[open],dialog:popover-open){width:14.9375rem}.dialog__wrapper.dialog__wrapper--lg>:is(dialog[open],dialog:popover-open){width:19.9375rem}@media screen and (min-width: 36em){.dialog__wrapper.dialog__wrapper--sm-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--sm-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.25rem}}@media screen and (min-width: 62em){.dialog__wrapper.dialog__wrapper--md-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--md-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.375rem}}.dialog__wrapper :is(.empty,.individual){display:none}@supports selector(:has(*)){.dialog__wrapper :is(.empty,.individual){display:inline}}.dialog__wrapper:has(input:checked) .empty,.dialog__wrapper:not(:has(input:checked)) .individual,.dialog__wrapper:has(input:checked~input:checked) .individual,.dialog__wrapper:not(:has(input:checked~input:checked)) .multiple{display:none}*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn:has(select){position:relative;padding:0}.btn:has(select) select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:bold;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.btn-filter:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action{border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}.btn-action:has(select){padding-block:0;padding-right:2rem}.btn-action:has(select) select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important}.btn-action:has(select):after{top:.2rem;right:0.5rem}.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact{text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@container style(--theme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-white) !important;color:var(--colour-white)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading) !important}.btn[popovertarget]{position:relative;anchor-name:--button2}.btn[popovertarget]>.fa-chevron-down{display:none}.btn[popovertarget]:after{content:"";display:inline-block;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.btn[popovertarget][aria-pressed]:after{transform:rotate(270deg)}:host{--card-right-padding: 1rem;--card-icon-right: 1rem}:host(:is(:hover,:focus,.hover):not(.prevent-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(:is(:active,.active):not(.prevent-hover)){--card-icon-right: var(--card-icon-right-overide, 0.5rem);outline:none}:host(.prevent-hover){pointer-events:none}:host(.prevent-hover) *{pointer-events:all}:host(.show-icon) .card__body{--card-right-padding: 3.5rem}:host(.show-icon) .card__body:before,:host(.show-icon) .card__body:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}:host(.show-icon) .card__body:after{background:var(--colour-primary-theme);mask-image:var(--icon, var(--icon-arrow));mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon, var(--icon-arrow));-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}:host(:is(:hover,:focus,.hover):not(.prevent-hover):not([class*=colour-])) .card__body:before{background:var(--hover-icon-bg, var(--colour-primary-theme))}:host(:is(:hover,:focus,.hover):not(.prevent-hover):not([class*=colour-])) .card__body:after{background:var(--hover-icon-colour, #ffffff)}:host(:is(:active,.active):not(.prevent-hover):not([class*=colour-])) .card__body:before{background:var(--hover-icon-bg, var(--colour-primary-theme))}:host(:is(:active,.active):not(.prevent-hover):not([class*=colour-])) .card__body:after{background:var(--hover-icon-colour, #ffffff)}.card__body:has(.card__illustration){align-items:center;display:flex}.card__body:has(.card__illustration) .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card__body:has(.card__illustration) .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}:host([class*=colour-]){border-left:0.75rem solid var(--colour, var(--colour-primary))}slot[name=secondary]{display:block;position:absolute;top:.5rem;right:0;margin:.5rem .5rem 0 0;z-index:999}::slotted([slot=secondary]:not(:hover,:focus,:active,.hover)){background:none !important;color:var(--colour-btn) !important}::slotted([slot=checkbox]){position:absolute !important;top:.5rem;right:.5rem;width:2rem;height:2rem;height:2.5rem;overflow:hidden}.menu__wrapper{position:absolute;right:1rem;bottom:2rem;width:3rem !important;left:auto;z-index:999}.menu__wrapper>.btn:before{content:"";font-family:"Font Awesome 6 Pro"}::slotted([slot=btns]){border:none !important;margin:0 !important;display:block !important;width:fit-content}::slotted([slot=primary-action]){overflow:hidden;background-color:rgba(0,0,0,0);text-indent:-300%;position:absolute !important;inset:0;margin:0 !important;z-index:99;border:none}:host(:not(.prevent-hover)) ::slotted([slot=primary-action]: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;border-radius:var(--card-border-radius) !important}/*# sourceMappingURL=card.component.css.map */
|
|
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:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) 0 var(--card-left-padding);margin-bottom:-1.5rem}@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog,[popover]{--dialog-padding: 1.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;background:var(--colour-canvas-2);box-shadow:0px 2px 9px rgba(0,0,0,.11);border-radius:0.625rem;padding:var(--dialog-padding);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary)}dialog>*:last-child,[popover]>*:last-child{margin-bottom:0}dialog>:is(p):last-child,[popover]>:is(p):last-child{padding-bottom:0}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}dialog[open],[popover]:popover-open{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{overflow-y:auto;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:28.375rem;width:fit-content;max-width:46rem}}details.bg-light{margin-inline:calc(var(--dialog-padding)*-1);padding-inline:var(--dialog-padding)}}@layer elements{.dialog__wrapper{position:relative;display:inline-block;margin-bottom:calc(var(--btn-margin) - .25rem)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button{background:var(--colour-btn-secondary-bg-hover)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button:not(.btn-action){color:var(--colour-btn-secondary-hover)}.dialog__wrapper:has(dialog[open],dialog:popover-open)>button{filter:brightness(85%);transition:background .1s,color .1s;border-radius:1.5rem}.dialog__wrapper>.btn:first-child:not(.btn-compact):not([class*=fa-]):after{content:"";display:inline-block;margin-left:1em;height:1em;width:1em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.dialog__wrapper>.btn:first-child[aria-expanded]:not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>.btn:first-child:has(+dialog[open]):not([data-number]):after{transform:rotate(270deg)}.dialog__wrapper>[popover]{display:var(--menu-display, none);position:fixed;top:anchor(bottom) !important;left:anchor(left) !important;position-try-fallbacks:flip-block,flip-inline !important;margin:0 0 0 .25rem;padding:1.5rem}.dialog__wrapper>[popover]::backdrop{display:none}.dialog__wrapper>[popover]:popover-open{display:block !important}.dialog__wrapper:has([popover]:popover-open)>button{background-color:var(--colour)}.dialog__wrapper>:is(dialog[open],dialog:popover-open){left:0;margin-top:-1rem;top:100%;z-index:var(--index-floating);min-width:20rem;border-radius:1rem;width:20rem}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:20.9375rem}}@media screen and (min-width: 62em){.dialog__wrapper>:is(dialog[open],dialog:popover-open){width:22.5rem}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:fit-content !important;min-width:10rem !important;max-width:15rem !important;padding:var(--menu-padding, 0.5rem);margin:0;background:var(--menu-bg, canvas);border:var(--menu-border, 2px solid grey);overflow:auto;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1)}@media screen and (min-width: 36em){.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list{width:max-content !important}}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list hr{height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick{margin-right:0;padding-left:1.5rem;margin-bottom:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .radio--tick:before{left:0;font-size:1em;top:.75rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a{padding:0.375rem}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a{margin:0}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list a:after{display:none}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action{background:unset;border:unset;color:var(--colour-primary);font-weight:inherit;font-family:inherit;font-size:1rem;line-height:1.1875rem;display:block;margin:var(--menu-item-margin, 0 0 0.25rem 0);padding-block:var(--menu-item-padding, 0.5rem);width:var(--menu-item-width, 100%);max-width:var(--menu-item-width, 100%);text-align:var(--menu-item-text-align, left)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:not(:hover,:focus,:active){border-color:rgba(0,0,0,0)}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:is(:hover,:focus){background:var(--colour-light) !important;border-radius:.25rem !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open).dialog--list .btn-action:is(:active){background:#e0e0e0 !important;border-radius:.25rem !important}.dialog__wrapper>:is(dialog[open],dialog:popover-open) :is(dialog[open],dialog:popover-open){display:contents}.dialog__wrapper.dialog__wrapper--right>:is(dialog[open],dialog:popover-open){right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>:is(dialog[open],dialog:popover-open){width:14.9375rem}.dialog__wrapper.dialog__wrapper--lg>:is(dialog[open],dialog:popover-open){width:19.9375rem}@media screen and (min-width: 36em){.dialog__wrapper.dialog__wrapper--sm-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--sm-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.25rem}}@media screen and (min-width: 62em){.dialog__wrapper.dialog__wrapper--md-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--md-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.375rem}}.dialog__wrapper :is(.empty,.individual){display:none}@supports selector(:has(*)){.dialog__wrapper :is(.empty,.individual){display:inline}}.dialog__wrapper:has(input:checked) .empty,.dialog__wrapper:not(:has(input:checked)) .individual,.dialog__wrapper:has(input:checked~input:checked) .individual,.dialog__wrapper:not(:has(input:checked~input:checked)) .multiple{display:none}}@layer elements{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn-filter:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action{border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem}.btn-compact:not(:last-child){margin-right:.5rem}.btn-compact{text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem)}@container style(--theme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-white) !important;color:var(--colour-white)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading) !important}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2}.btn[popovertarget]>.fa-chevron-down{display:none}.btn[popovertarget]:after{content:"";display:inline-block;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.btn[popovertarget][aria-pressed]:after{transform:rotate(270deg)}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content}.btn:has(select) select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}.btn:has(select) select option{font-size:1rem;text-align:left;color:var(--colour-primary);padding-inline:var(--menu-item-padding, 0.5rem);padding-block:var(--menu-item-padding, 0.5rem) !important;border-radius:.25rem !important}.btn:has(select) select option:not(:last-child){margin:var(--menu-item-margin, 0 0 0.25rem 0) !important}.btn:has(select) select option:hover{background:var(--colour-light) !important}.btn:has(select) select option:after{content:attr(data-email)}.btn:has(select) select::picker-icon{display:none}.btn:has(select) select::picker(select){appearance:base-select;background:var(--menu-bg, canvas);margin-block:var(--menu-margin, 0.25rem);padding:var(--menu-padding, 0.5rem) !important;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1);font-size:1rem}.btn:has(select) hr{height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}.btn:has(select) select option::checkmark{display:none}.btn:has(select) select selectedcontent span{display:none}.btn:has(select):after{position:absolute;top:0.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em}.btn-action:has(select) select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}.btn-action:has(select):after{top:.2rem;right:.5rem}}:host{--card-right-padding: 1rem;--card-icon-right: 1rem}:host(:is(:hover,:focus,.hover):not(.prevent-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(:is(:active,.active):not(.prevent-hover)){--card-icon-right: var(--card-icon-right-overide, 0.5rem);outline:none}:host(.prevent-hover){pointer-events:none}:host(.prevent-hover) *{pointer-events:all}:host(.show-icon) .card__body{--card-right-padding: 3.5rem}:host(.show-icon) .card__body:before,:host(.show-icon) .card__body:after{content:"";position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--colour-warning);border-radius:50%}:host(.show-icon) .card__body:after{background:var(--colour-primary-theme);mask-image:var(--icon, var(--icon-arrow));mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon, var(--icon-arrow));-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;z-index:2}:host(:is(:hover,:focus,.hover):not(.prevent-hover):not([class*=colour-])) .card__body:before{background:var(--hover-icon-bg, var(--colour-primary-theme))}:host(:is(:hover,:focus,.hover):not(.prevent-hover):not([class*=colour-])) .card__body:after{background:var(--hover-icon-colour, #ffffff)}:host(:is(:active,.active):not(.prevent-hover):not([class*=colour-])) .card__body:before{background:var(--hover-icon-bg, var(--colour-primary-theme))}:host(:is(:active,.active):not(.prevent-hover):not([class*=colour-])) .card__body:after{background:var(--hover-icon-colour, #ffffff)}.card__body:has(.card__illustration){align-items:center;display:flex}.card__body:has(.card__illustration) .card__illustration{height:4rem;width:4rem;margin-right:1.5rem;margin-top:-1.25rem;margin-bottom:-1.25rem;position:relative}.card__body:has(.card__illustration) .card__illustration img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}:host([class*=colour-]){border-left:.75rem solid var(--colour, var(--colour-primary))}slot[name=secondary]{display:block;position:absolute;top:.5rem;right:0;margin:.5rem .5rem 0 0;z-index:999}::slotted([slot=secondary]:not(:hover,:focus,:active,.hover)){background:none !important;color:var(--colour-btn) !important}::slotted([slot=checkbox]){position:absolute !important;top:.5rem;right:.5rem;width:2rem;height:2rem;height:2.5rem;overflow:hidden}.menu__wrapper{position:absolute;right:1rem;bottom:2rem;width:3rem !important;left:auto;z-index:999}.menu__wrapper>.btn:before{content:"";font-family:"Font Awesome 6 Pro"}::slotted([slot=btns]){border:none !important;margin:0 !important;display:block !important;width:fit-content}::slotted([slot=primary-action]){overflow:hidden;background-color:rgba(0,0,0,0);text-indent:-300%;position:absolute !important;inset:0;margin:0 !important;z-index:99;border:none}:host(:not(.prevent-hover)) ::slotted([slot=primary-action]: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;border-radius:var(--card-border-radius) !important}/*# sourceMappingURL=card.component.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss","../../sass/elements/dialog.scss","../../sass/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss","../../sass/elements/dialog.scss","../../sass/elements/popover.scss","../../sass/elements/buttons--global.scss","../../sass/elements/buttons--secondary.scss","../../sass/elements/buttons--tertiary.scss","../../sass/elements/buttons--action.scss","../../sass/elements/buttons--compact.scss","../../sass/elements/buttons--special.scss","../../sass/components/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,qBACE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAIJ,YAEE,wHAKF,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,mBAMF,mCACE,kBACA,MACA,gBACA,OACA,UAGF,0BACE,kGACA,sBC7IF,gBAEE,gDACE,cAIF,iBAEE,yBAEA,2CACA,cACA,kBACA,mBACA,YACA,4BACA,kCACA,uCACA,uBACA,8BACA,uEAEA,2CACE,gBAGF,qDACE,iBAIJ,iBACE,0BACA,0BACA,4BAGF,oCAEE,aACA,sBAIF,oFAGE,gBACA,WACA,mBAGA,2BACA,4BAEA,oCAXF,oFAcI,qBACA,kBACA,qBAGF,oCAnBF,oFAoBI,oBACA,kBACA,iBAMJ,iBACE,6CACA,sCC3EJ,gBAEE,iBACE,kBACA,qBACA,+CAEA,8DACE,gDAEA,+EACE,wCAJJ,8DAME,uBACA,WACE,yBAGF,qBAMA,4EACE,WAEA,qBACA,gBAEA,WACA,UACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,0EACE,yBAGF,8EACE,yBAIJ,2BACE,kCACA,eACA,8BAEA,6BAEA,yDAGA,oBAEA,eAEA,qCACE,aAIJ,wCACE,yBAGF,oDACE,+BAGF,uDACE,OACA,iBACA,SACA,8BACA,gBACA,mBACA,YAEA,oCATF,uDAUI,kBAEF,oCAZF,uDAaI,eAGF,oEACE,6BACA,2BACA,2BACA,oCACA,SACA,kCACA,0CACA,cACA,uBACA,oBACA,sCAEA,oCAbF,oEAcI,8BAGF,uEACE,sBACA,mFACA,WACA,yDACA,qBAGF,iFACE,eACA,oBACA,gBAEA,wFACE,OACA,cACA,WAIJ,sEACE,iBAEA,iGACE,2BAJJ,sEAME,SAEA,4EACE,aAIJ,gFACE,iBACA,aACA,4BACA,oBACA,oBACA,eACA,sBACA,cACA,8CACA,+CACA,mCACA,uCACA,6CAEA,2GACE,2BAGF,kGACE,0CACA,gCAGF,4FACE,8BACA,gCAKN,6FACE,iBAIJ,8EACE,QACA,UAGF,2EACE,iBAGF,2EACE,iBAGF,oCACE,uDACE,OACA,WAEF,wDACE,QACA,UAEF,kDACE,iBAEF,kDACE,gBAIJ,oCACE,uDACE,OACA,WAEF,wDACE,QACA,UAEF,kDACE,gBAEF,kDACE,iBAMN,yCACE,aAGF,4BACE,yCACE,gBAIJ,iOAIE,cCxPJ,gBACE,qBAGE,sBAIF,OAEE,gBACA,oBACA,SACA,oBACA,kBACA,oBAGF,cACE,eAEF,iCACE,UAGF,gDAIE,0BAEA,4GACE,eAMJ,KACE,mBACA,6BACA,6BACA,6BACA,0BACA,2BAEA,qBACA,iBACA,gBACA,qBACA,sBACA,eACA,iBAEA,wBAEA,+BACA,mCACA,2DACA,qBACA,gCACA,gBAEA,WACE,oCAGF,YACA,sBACA,gBACA,mBAEA,oCAlCF,KAmCI,sBAGF,yCACE,+BACA,mCAGF,mEACE,sBAGF,oBACE,gCACA,8DAGF,sBACE,+BAGF,0JAEE,UACA,qBAEA,sCACA,8BACA,qBAGF,oFAEE,uBACA,WACE,yBAEF,wBACA,qBAGF,6DAIE,WACA,mBAMJ,oBACE,qCACA,yCACA,gDACA,kBACA,oBACA,qBAEA,4JAEE,oBACA,qBAEA,0KACE,YACA,iCACA,kBACA,mBACA,WACA,qBACA,8BACA,sBAON,YACE,4BACA,2BACA,qBACA,sBAMA,wBACE,kBACA,iCACA,gBAGF,0BACE,mBAEF,iCACE,eACA,sBACA,kBACA,aACA,QACA,6BAGF,8BACE,kBAGF,mBACE,iCACA,kBACA,gBACA,mBAEA,qCACE,iBACA,eAQJ,uBACE,WACA,8BACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,iBAKA,kKACE,mBACA,qBASJ,kBACE,YACA,qBACA,gBACA,sBACA,WACA,UACA,2BACA,mBACA,gBACA,kCClPN,gBAEE,eACE,kCAEA,8BACE,0CACA,oDAIJ,gKAEE,gDACA,yCCdJ,gBAGE,kBACE,+BACA,YACA,yBACA,+CACA,UACA,mBACA,mBACA,mBACA,kBACA,kBAEA,wBACE,kBACA,WACA,SACA,SACA,WACA,WACA,6BACA,mCACA,qBAGF,6CACE,SAGF,+BACE,cACA,mBAEF,iDACE,kBACA,eAIA,yGACE,qBAGJ,gEACE,4BC9CN,gBAEE,YACE,8BACA,+BACA,gCACA,qBAEA,8BACE,4BAGF,6CACE,wCACA,yDAZJ,YAeE,gCACA,2BACA,eACA,oBAEA,mCACE,kBACA,sBAGF,4MAEE,6CAGF,+LAEE,uBACA,gCACA,8DACA,wBAGF,sIAEE,uBACA,mBACA,4BAKJ,qDAEE,yBCnDJ,gBAEE,aACE,qBAEA,qBACA,oBAEA,8BACE,mBAPJ,aASE,kBAEA,0BACA,8BACA,8BACA,sCACA,0CACA,0CAEA,2CAEA,mBACA,gBACA,kBACA,eAEA,oBACE,kBACA,kBACA,MACA,OACA,WACA,YACA,cACA,+CACA,gBAGF,gCACE,+CAEA,gCAHF,gCAII,YAIJ,oBACE,uBACA,eACA,qBAGF,wBACE,qBACA,eAEA,+BACE,cACA,gBAIJ,2BACE,6BACA,iCACA,2BAEA,iDACE,8BAIJ,qIAGE,+BACA,kCACA,2BAEA,mMACE,6BAIJ,0BACE,kBAEF,gCACE,0BACA,kBACA,SACA,WACA,gCACA,aACA,YACA,kBACA,cACA,SACA,eACA,kBACA,kBACA,WACA,sBACA,6BAQF,6VACE,gDACA,4CACA,4BAGF,2XACE,+BACA,4CACA,0BAGF,2PACE,gDACA,4CACA,wCCnIN,gBAEE,oBAEE,kBACA,sBAEA,qCACE,aAGF,0BACE,WAEA,qBACA,gBAEA,YACA,WACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,wCACE,yBAQJ,iBACE,kBACA,UACA,sBACA,sBACA,kBAEA,wBACE,qBACA,sEACA,gEACA,gCACA,2BACA,2BACA,uBACA,8BACA,cACA,aACA,+BACA,0CACA,8CACA,gCAEA,kCAEA,+BACE,eACA,gBACA,4BACA,gDACA,0DAEA,gCACA,gDACE,yDAGF,qCACE,0CAGF,qCACE,yBAKN,qCACE,aAEF,wCACE,uBACA,kCACA,yCACA,+CACA,uBACA,oBACA,sCACA,eAGF,oBAEE,sBACA,mFACA,WACA,yDACA,qBAEF,0CACE,aAQF,6CACE,aAGF,uBACE,kBACA,aACA,aACA,WACA,cACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,iBACA,wBACA,oBAMJ,wBACE,gBACA,mBACA,cAEA,+BACE,4BACA,8BACA,8BACA,0BAGF,8BACE,UACA,aChKN,MACE,2BAEA,wBAGF,qDACE,qEACA,mFACA,oBAGF,gDACE,0DACA,aAGF,sBACE,oBAEA,wBACE,mBAKJ,8BACE,6BAEA,yEAEE,WACA,kBACA,6BACA,kCACA,cACA,aACA,iCACA,kBAGF,oCACE,uCACA,0CACA,cACA,sBACA,sBACA,kDACA,sBACA,8BACA,8BACA,UAMA,8FACE,6DAEF,6FACE,6CAMJ,yFACE,6DAEF,wFACE,6CAOF,qCACE,mBACA,aAEA,yDACE,YACA,WACA,oBACA,oBACA,uBACA,kBAEA,6DACE,kBACA,MACA,OACA,WACA,YACA,mBASR,wBACE,8DAKF,qBACE,cACA,kBACA,UACA,QACA,uBACA,YAGF,8DACE,2BACA,mCAKF,2BACE,6BACA,UACA,YACA,WACA,YACA,cACA,gBAKF,eACE,kBACA,WACA,YACA,sBACA,UACA,YAEA,2BACE,YACA,iCAIJ,uBACE,uBACA,oBACA,yBACA,kBAEF,iCACE,gBACA,+BACA,kBACA,6BACA,QACA,oBACA,WACA,YAEF,sFACE,qEACA,mFACA,oBACA","file":"card.component.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer elements{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn:has(select){position:relative;padding:0}.btn:has(select) select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:bold;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.btn-filter:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action{border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}.btn-action:has(select){padding-block:0;padding-right:2rem}.btn-action:has(select) select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important}.btn-action:has(select):after{top:.2rem;right:0.5rem}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact{text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}@container style(--theme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-white) !important;color:var(--colour-white)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading) !important}}.btn[popovertarget]{position:relative;anchor-name:--button2}.btn[popovertarget]>.fa-chevron-down{display:none}.btn[popovertarget]:after{content:"";display:inline-block;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.btn[popovertarget][aria-pressed]:after{transform:rotate(270deg)}*,*::before,*::after{box-sizing:border-box}:host{display:block;overflow:visible;container-type:inline-size}.carousel{margin-inline:calc(var(--carousel-spacing, 1.5rem)*-1);margin-bottom:2rem;display:block;overflow:visible}.carousel .carousel__wrapper{position:relative;overflow-x:clip}.carousel .carousel__inner{--gutter-x: 1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.carousel .carousel__content{display:flex;flex-wrap:nowrap !important;margin-inline-end:0;padding-inline-start:var(--carousel-spacing, 1.5rem);padding-inline-end:var(--carousel-spacing, 1.5rem);margin-right:calc(-0.5*var(--gutter-x));margin-left:calc(-0.5*var(--gutter-x))}.carousel .col>*:last-child{margin-bottom:0;padding-bottom:0}::slotted(div){scroll-snap-align:start;scroll-margin-left:calc(var(--carousel-spacing, 1.5rem) - .5rem);flex-shrink:0;width:calc(100% + var(--last-item-extra, 0px));padding-right:.5rem;padding-left:.5rem;margin-top:var(--gutter-y)}::slotted(div:last-child){padding-inline-end:1.5rem;--last-item-extra: 1rem}@container (min-width: 36em){.carousel{margin-inline:calc(var(--carousel-spacing, 2.5rem)*-1)}.carousel .carousel__content{padding-inline-start:var(--carousel-spacing, 2.5rem);padding-inline-end:var(--carousel-spacing, 2.5rem)}:host([data-smcols]) ::slotted(div){scroll-snap-align:unset;flex:0 0 auto}:host([data-smcols="2"]) ::slotted(div){width:calc(50% + var(--last-item-extra, 0px))}:host([data-smcols="3"]) ::slotted(div){width:calc(33.3333333333% + var(--last-item-extra, 0px))}:host([data-smcols="4"]) ::slotted(div){width:calc(25% + var(--last-item-extra, 0px))}:host([data-smcols="2"]) ::slotted(div:nth-child(odd)),:host([data-smcols="3"]) ::slotted(div:nth-child(3n+1)),:host([data-smcols="4"]) ::slotted(div:nth-child(4n+1)){scroll-snap-align:start}::slotted(div){scroll-margin-left:calc(var(--carousel-spacing, 2.5rem) - .5rem)}::slotted(div:last-child){padding-inline-end:2.5rem;--last-item-extra: 2rem}}@container (min-width: 62em){.carousel{margin-inline:0;position:relative}.carousel__wrapper{overflow:hidden;margin-inline:-0.5rem}.carousel__content{padding-inline:0 !important;margin-inline:0 !important}::slotted(div){margin-left:0;scroll-margin-left:0}::slotted(div:last-child){padding-inline-end:.5rem;--last-item-extra: 0px}:host([data-mdcols]) ::slotted(div){scroll-snap-align:unset;flex:0 0 auto}:host([data-mdcols="2"]) ::slotted(div){width:calc(50% + var(--last-item-extra, 0px))}:host([data-mdcols="3"]) ::slotted(div){width:calc(33.3333333333% + var(--last-item-extra, 0px))}:host([data-mdcols="4"]) ::slotted(div){width:calc(25% + var(--last-item-extra, 0px))}:host([data-mdcols="5"]) ::slotted(div){width:calc(20% + var(--last-item-extra, 0px))}:host([data-mdcols="6"]) ::slotted(div){width:calc(16.6666666667% + var(--last-item-extra, 0px))}:host([data-mdcols="2"]) ::slotted(div:nth-child(odd)),:host([data-mdcols="3"]) ::slotted(div:nth-child(3n+1)),:host([data-mdcols="4"]) ::slotted(div:nth-child(4n+1)),:host([data-mdcols="5"]) ::slotted(div:nth-child(5n+1)),:host([data-mdcols="6"]) ::slotted(div:nth-child(6n+1)){scroll-snap-align:start}}.carousel__inner{scrollbar-width:none;-ms-overflow-style:none}.carousel__inner::-webkit-scrollbar{display:none}.carousel__btns{text-align:center;padding-bottom:.5rem}.btn-next,.btn-prev{margin:0 !important}.btn-next:after,.btn-prev:after{content:"";position:absolute;right:0;top:0;height:100%;width:100%;background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 60%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:55% 50%;transform:rotate(0deg)}.btn-prev:after{transform:rotate(180deg)}@container (min-width: 62em){.carousel__btns{padding-bottom:0}.btn-prev{position:absolute;top:50%;left:0;margin:-2rem 0 0 -3rem !important}.btn-next{position:absolute;top:50%;right:0;margin:-2rem -3rem 0 0 !important}}.carousel .carousel__controls{overflow:hidden;margin-inline:auto;margin-bottom:1rem;text-align:center;max-width:30rem}@container (min-width: 36em){.carousel .carousel__controls{width:100%}}.carousel .carousel__controls button{padding:0;margin:0 .2rem .2rem;border:none}.carousel .carousel__controls button{width:0.5rem;height:0.5rem;min-height:0.5rem;border-radius:50%;text-indent:-50rem;overflow:hidden;background:#a5ecfd;margin-inline:0.375rem;cursor:pointer;border:none}.carousel .carousel__controls button:hover{background-color:var(--colour-info)}.carousel .carousel__controls button:before{display:none}.carousel .carousel__controls button:first-child:last-child{display:none}.carousel__controls>button[aria-current]{--colour-active-thumbnail: var(--colour-info);border-color:var(--colour-active-thumbnail);background:var(--colour-info);width:1rem;height:1rem;min-height:1rem;margin-inline:0.125rem}.carousel__controls>button[aria-current]:hover{background:var(--colour-info)}.carousel__progress{text-align:center;margin-bottom:1rem;display:none}input[type=range]{--track-size: 0.5rem;--track-colour: #a5ecfd;--thumb-colour: var(--colour-info);--thumb-size: 1rem;--thumb-size-outline: 0rem;width:90%;max-width:10.75rem;background:rgba(0,0,0,0);cursor:pointer;margin:0;height:1rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:0.5625rem}input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:0.5625rem}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.25rem;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]::-moz-range-thumb{border:none;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]:focus{outline:none}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:active::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__btns:has(~.carousel__controls button:first-child:nth-child(1):last-child){display:none}.carousel__controls:has(button:nth-child(5)){display:none}.carousel__controls:has(button:nth-child(5))~.carousel__progress{display:block}@container (min-width: 36em){:host([data-smcols="2"]) .carousel__controls>button:not(:nth-child(odd)),:host([data-smcols="3"]) .carousel__controls>button:not(:nth-child(3n+1)),:host([data-smcols="4"]) .carousel__controls>button:not(:nth-child(4n+1)){display:none}:host([data-smcols="2"]) .carousel__controls:has(button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3))),:host([data-smcols="4"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4))),:host([data-smcols="2"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)){display:none}:host([data-smcols]) .carousel__controls{display:block}:host([data-smcols]) .carousel__controls~.carousel__progress{display:none}:host([data-smcols="2"]) .carousel__controls:has(button:nth-child(10)),:host([data-smcols="3"]) .carousel__controls:has(button:nth-child(15)),:host([data-smcols="4"]) .carousel__controls:has(button:nth-child(20)){display:none}:host([data-smcols="2"]) .carousel__controls:has(button:nth-child(10))~.carousel__progress,:host([data-smcols="3"]) .carousel__controls:has(button:nth-child(15))~.carousel__progress,:host([data-smcols="4"]) .carousel__controls:has(button:nth-child(20))~.carousel__progress{display:block}}@container (min-width: 62em){:host([data-mdcols]) .carousel__controls>button{display:inline-block !important}:host([data-mdcols]) .carousel__controls{display:block !important}:host([data-mdcols="2"]) .carousel__controls>button:not(:nth-child(odd)),:host([data-mdcols="3"]) .carousel__controls>button:not(:nth-child(3n+1)),:host([data-mdcols="4"]) .carousel__controls>button:not(:nth-child(4n+1)),:host([data-mdcols="5"]) .carousel__controls>button:not(:nth-child(5n+1)),:host([data-mdcols="6"]) .carousel__controls>button:not(:nth-child(6n+1)){display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3))),:host([data-mdcols="4"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4))),:host([data-mdcols="5"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5))),:host([data-mdcols="6"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5),button:first-child:nth-last-child(6))),:host([data-mdcols="2"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)) :host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(5)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(5)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(6)){display:none !important}:host([data-mdcols]) .carousel__controls{display:block !important}:host([data-mdcols]) .carousel__controls~.carousel__progress{display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:nth-child(10)),:host([data-mdcols="3"]) .carousel__controls:has(button:nth-child(15)),:host([data-mdcols="4"]) .carousel__controls:has(button:nth-child(20)),:host([data-mdcols="5"]) .carousel__controls:has(button:nth-child(25)),:host([data-mdcols="6"]) .carousel__controls:has(button:nth-child(30)){display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:nth-child(10))~.carousel__progress,:host([data-mdcols="3"]) .carousel__controls:has(button:nth-child(15))~.carousel__progress,:host([data-mdcols="4"]) .carousel__controls:has(button:nth-child(20))~.carousel__progress,:host([data-mdcols="5"]) .carousel__controls:has(button:nth-child(25))~.carousel__progress,:host([data-mdcols="6"]) .carousel__controls:has(button:nth-child(30))~.carousel__progress{display:block !important}}:host(.hide-btns) .carousel__btns,:host(.hide-controls) .carousel__controls{display:none}:host(.thumbnails) .carousel__controls{display:flex !important;flex-wrap:wrap;max-width:100%;overflow:visible}:host(.thumbnails) .carousel__controls button{padding:0;margin:0 .2rem .4rem;width:6rem;height:auto;aspect-ratio:var(--carousel-image-aspect-ratio, 3/2);border-radius:0;position:relative;border-radius:0.25rem}:host(.thumbnails) .carousel__controls button img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;margin:0}:host(.thumbnails) .carousel__controls button[aria-current]{outline:2px solid var(--colour-info)}:host(.thumbnails) .carousel .carousel__btns{padding-bottom:.5rem}:host(.thumbnails) .carousel .btn-next,:host(.thumbnails) .carousel .btn-prev{position:relative;margin:0 !important}:host(.thumbnails) .carousel .carousel__progress{display:none !important}::slotted(div.image__wrapper){width:100%;aspect-ratio:var(--carousel-image-aspect-ratio, 3/2);position:relative}/*# sourceMappingURL=carousel.component.css.map */
|
|
1
|
+
@layer elements{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn-filter:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action{border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem}.btn-compact:not(:last-child){margin-right:.5rem}.btn-compact{text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem)}@container style(--theme: dark){.btn-compact[class*=fa-]:before{color:#fff}}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-white) !important;color:var(--colour-white)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-white) !important;border-color:var(--colour-white) !important;color:var(--colour-heading) !important}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2}.btn[popovertarget]>.fa-chevron-down{display:none}.btn[popovertarget]:after{content:"";display:inline-block;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}.btn[popovertarget][aria-pressed]:after{transform:rotate(270deg)}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content}.btn:has(select) select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}.btn:has(select) select option{font-size:1rem;text-align:left;color:var(--colour-primary);padding-inline:var(--menu-item-padding, 0.5rem);padding-block:var(--menu-item-padding, 0.5rem) !important;border-radius:.25rem !important}.btn:has(select) select option:not(:last-child){margin:var(--menu-item-margin, 0 0 0.25rem 0) !important}.btn:has(select) select option:hover{background:var(--colour-light) !important}.btn:has(select) select option:after{content:attr(data-email)}.btn:has(select) select::picker-icon{display:none}.btn:has(select) select::picker(select){appearance:base-select;background:var(--menu-bg, canvas);margin-block:var(--menu-margin, 0.25rem);padding:var(--menu-padding, 0.5rem) !important;border:none !important;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.1);font-size:1rem}.btn:has(select) hr{height:1px !important;background-color:var(--menu-hr-border-color, var(--border-color, grey)) !important;width:100%;margin:var(--menu-item-margin, 0 0 0.25rem 0) !important;padding:0 !important}.btn:has(select) select option::checkmark{display:none}.btn:has(select) select selectedcontent span{display:none}.btn:has(select):after{position:absolute;top:0.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em}.btn-action:has(select) select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}.btn-action:has(select):after{top:.2rem;right:.5rem}}*,*::before,*::after{box-sizing:border-box}:host{display:block;overflow:visible;container-type:inline-size}.carousel{margin-inline:calc(var(--carousel-spacing, 1.5rem)*-1);margin-bottom:2rem;display:block;overflow:visible}.carousel .carousel__wrapper{position:relative;overflow-x:clip}.carousel .carousel__inner{--gutter-x: 1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.carousel .carousel__content{display:flex;flex-wrap:nowrap !important;margin-inline-end:0;padding-inline-start:var(--carousel-spacing, 1.5rem);padding-inline-end:var(--carousel-spacing, 1.5rem);margin-right:calc(-0.5*var(--gutter-x));margin-left:calc(-0.5*var(--gutter-x))}.carousel .col>*:last-child{margin-bottom:0;padding-bottom:0}::slotted(div){scroll-snap-align:start;scroll-margin-left:calc(var(--carousel-spacing, 1.5rem) - .5rem);flex-shrink:0;width:calc(100% + var(--last-item-extra, 0px));padding-right:.5rem;padding-left:.5rem;margin-top:var(--gutter-y)}::slotted(div:last-child){padding-inline-end:1.5rem;--last-item-extra: 1rem}@container (min-width: 36em){.carousel{margin-inline:calc(var(--carousel-spacing, 2.5rem)*-1)}.carousel .carousel__content{padding-inline-start:var(--carousel-spacing, 2.5rem);padding-inline-end:var(--carousel-spacing, 2.5rem)}:host([data-smcols]) ::slotted(div){scroll-snap-align:unset;flex:0 0 auto}:host([data-smcols="2"]) ::slotted(div){width:calc(50% + var(--last-item-extra, 0px))}:host([data-smcols="3"]) ::slotted(div){width:calc(33.3333333333% + var(--last-item-extra, 0px))}:host([data-smcols="4"]) ::slotted(div){width:calc(25% + var(--last-item-extra, 0px))}:host([data-smcols="2"]) ::slotted(div:nth-child(odd)),:host([data-smcols="3"]) ::slotted(div:nth-child(3n+1)),:host([data-smcols="4"]) ::slotted(div:nth-child(4n+1)){scroll-snap-align:start}::slotted(div){scroll-margin-left:calc(var(--carousel-spacing, 2.5rem) - .5rem)}::slotted(div:last-child){padding-inline-end:2.5rem;--last-item-extra: 2rem}}@container (min-width: 62em){.carousel{margin-inline:0;position:relative}.carousel__wrapper{overflow:hidden;margin-inline:-0.5rem}.carousel__content{padding-inline:0 !important;margin-inline:0 !important}::slotted(div){margin-left:0;scroll-margin-left:0}::slotted(div:last-child){padding-inline-end:.5rem;--last-item-extra: 0px}:host([data-mdcols]) ::slotted(div){scroll-snap-align:unset;flex:0 0 auto}:host([data-mdcols="2"]) ::slotted(div){width:calc(50% + var(--last-item-extra, 0px))}:host([data-mdcols="3"]) ::slotted(div){width:calc(33.3333333333% + var(--last-item-extra, 0px))}:host([data-mdcols="4"]) ::slotted(div){width:calc(25% + var(--last-item-extra, 0px))}:host([data-mdcols="5"]) ::slotted(div){width:calc(20% + var(--last-item-extra, 0px))}:host([data-mdcols="6"]) ::slotted(div){width:calc(16.6666666667% + var(--last-item-extra, 0px))}:host([data-mdcols="2"]) ::slotted(div:nth-child(odd)),:host([data-mdcols="3"]) ::slotted(div:nth-child(3n+1)),:host([data-mdcols="4"]) ::slotted(div:nth-child(4n+1)),:host([data-mdcols="5"]) ::slotted(div:nth-child(5n+1)),:host([data-mdcols="6"]) ::slotted(div:nth-child(6n+1)){scroll-snap-align:start}}.carousel__inner{scrollbar-width:none;-ms-overflow-style:none}.carousel__inner::-webkit-scrollbar{display:none}.carousel__btns{text-align:center;padding-bottom:.5rem}.btn-next,.btn-prev{margin:0 !important}.btn-next:after,.btn-prev:after{content:"";position:absolute;right:0;top:0;height:100%;width:100%;background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 60%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:55% 50%;transform:rotate(0deg)}.btn-prev:after{transform:rotate(180deg)}@container (min-width: 62em){.carousel__btns{padding-bottom:0}.btn-prev{position:absolute;top:50%;left:0;margin:-2rem 0 0 -3rem !important}.btn-next{position:absolute;top:50%;right:0;margin:-2rem -3rem 0 0 !important}}.carousel .carousel__controls{overflow:hidden;margin-inline:auto;margin-bottom:1rem;text-align:center;max-width:30rem}@container (min-width: 36em){.carousel .carousel__controls{width:100%}}.carousel .carousel__controls button{padding:0;margin:0 .2rem .2rem;border:none}.carousel .carousel__controls button{width:.5rem;height:.5rem;min-height:.5rem;border-radius:50%;text-indent:-50rem;overflow:hidden;background:#a5ecfd;margin-inline:0.375rem;cursor:pointer;border:none}.carousel .carousel__controls button:hover{background-color:var(--colour-info)}.carousel .carousel__controls button:before{display:none}.carousel .carousel__controls button:first-child:last-child{display:none}.carousel__controls>button[aria-current]{--colour-active-thumbnail: var(--colour-info);border-color:var(--colour-active-thumbnail);background:var(--colour-info);width:1rem;height:1rem;min-height:1rem;margin-inline:0.125rem}.carousel__controls>button[aria-current]:hover{background:var(--colour-info)}.carousel__progress{text-align:center;margin-bottom:1rem;display:none}input[type=range]{--track-size: 0.5rem;--track-colour: #a5ecfd;--thumb-colour: var(--colour-info);--thumb-size: 1rem;--thumb-size-outline: 0rem;width:90%;max-width:10.75rem;background:rgba(0,0,0,0);cursor:pointer;margin:0;height:1rem;border-radius:50%;accent-color:var(--thumb-colour);-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:0.5625rem}input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:0.5625rem}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--track-colour), var(--track-colour) var(--start-percent, 0%), var(--thumb-colour) var(--start-percent, 0%), var(--thumb-colour) calc(var(--percent, 0%)), var(--track-colour) calc(var(--percent, 0%)))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-0.25rem;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]::-moz-range-thumb{border:none;background-color:var(--thumb-colour);height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;position:relative;z-index:99;pointer-events:all}input[type=range]:focus{outline:none}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:active::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__btns:has(~.carousel__controls button:first-child:nth-child(1):last-child){display:none}.carousel__controls:has(button:nth-child(5)){display:none}.carousel__controls:has(button:nth-child(5))~.carousel__progress{display:block}@container (min-width: 36em){:host([data-smcols="2"]) .carousel__controls>button:not(:nth-child(odd)),:host([data-smcols="3"]) .carousel__controls>button:not(:nth-child(3n+1)),:host([data-smcols="4"]) .carousel__controls>button:not(:nth-child(4n+1)){display:none}:host([data-smcols="2"]) .carousel__controls:has(button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3))),:host([data-smcols="4"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4))),:host([data-smcols="2"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-smcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)){display:none}:host([data-smcols]) .carousel__controls{display:block}:host([data-smcols]) .carousel__controls~.carousel__progress{display:none}:host([data-smcols="2"]) .carousel__controls:has(button:nth-child(10)),:host([data-smcols="3"]) .carousel__controls:has(button:nth-child(15)),:host([data-smcols="4"]) .carousel__controls:has(button:nth-child(20)){display:none}:host([data-smcols="2"]) .carousel__controls:has(button:nth-child(10))~.carousel__progress,:host([data-smcols="3"]) .carousel__controls:has(button:nth-child(15))~.carousel__progress,:host([data-smcols="4"]) .carousel__controls:has(button:nth-child(20))~.carousel__progress{display:block}}@container (min-width: 62em){:host([data-mdcols]) .carousel__controls>button{display:inline-block !important}:host([data-mdcols]) .carousel__controls{display:block !important}:host([data-mdcols="2"]) .carousel__controls>button:not(:nth-child(odd)),:host([data-mdcols="3"]) .carousel__controls>button:not(:nth-child(3n+1)),:host([data-mdcols="4"]) .carousel__controls>button:not(:nth-child(4n+1)),:host([data-mdcols="5"]) .carousel__controls>button:not(:nth-child(5n+1)),:host([data-mdcols="6"]) .carousel__controls>button:not(:nth-child(6n+1)){display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3))),:host([data-mdcols="4"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4))),:host([data-mdcols="5"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5))),:host([data-mdcols="6"]) .carousel__controls:has(:is(button:first-child:nth-last-child(2),button:first-child:nth-last-child(3),button:first-child:nth-last-child(4),button:first-child:nth-last-child(5),button:first-child:nth-last-child(6))),:host([data-mdcols="2"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="3"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="4"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)) :host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)),:host([data-mdcols="5"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(5)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(2)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(3)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(4)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(5)),:host([data-mdcols="6"]) .carousel__btns:has(~.carousel__controls button:first-child:nth-last-child(6)){display:none !important}:host([data-mdcols]) .carousel__controls{display:block !important}:host([data-mdcols]) .carousel__controls~.carousel__progress{display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:nth-child(10)),:host([data-mdcols="3"]) .carousel__controls:has(button:nth-child(15)),:host([data-mdcols="4"]) .carousel__controls:has(button:nth-child(20)),:host([data-mdcols="5"]) .carousel__controls:has(button:nth-child(25)),:host([data-mdcols="6"]) .carousel__controls:has(button:nth-child(30)){display:none !important}:host([data-mdcols="2"]) .carousel__controls:has(button:nth-child(10))~.carousel__progress,:host([data-mdcols="3"]) .carousel__controls:has(button:nth-child(15))~.carousel__progress,:host([data-mdcols="4"]) .carousel__controls:has(button:nth-child(20))~.carousel__progress,:host([data-mdcols="5"]) .carousel__controls:has(button:nth-child(25))~.carousel__progress,:host([data-mdcols="6"]) .carousel__controls:has(button:nth-child(30))~.carousel__progress{display:block !important}}:host(.hide-btns) .carousel__btns,:host(.hide-controls) .carousel__controls{display:none}:host(.thumbnails) .carousel__controls{display:flex !important;flex-wrap:wrap;max-width:100%;overflow:visible}:host(.thumbnails) .carousel__controls button{padding:0;margin:0 .2rem .4rem;width:6rem;height:auto;aspect-ratio:var(--carousel-image-aspect-ratio, 3/2);border-radius:0;position:relative;border-radius:.25rem}:host(.thumbnails) .carousel__controls button img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;margin:0}:host(.thumbnails) .carousel__controls button[aria-current]{outline:2px solid var(--colour-info)}:host(.thumbnails) .carousel .carousel__btns{padding-bottom:.5rem}:host(.thumbnails) .carousel .btn-next,:host(.thumbnails) .carousel .btn-prev{position:relative;margin:0 !important}:host(.thumbnails) .carousel .carousel__progress{display:none !important}::slotted(div.image__wrapper){width:100%;aspect-ratio:var(--carousel-image-aspect-ratio, 3/2);position:relative}/*# sourceMappingURL=carousel.component.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/elements/buttons--global.scss","../../sass/elements/buttons--secondary.scss","../../sass/elements/buttons--tertiary.scss","../../sass/elements/buttons--action.scss","../../sass/elements/buttons--compact.scss","../../sass/elements/buttons--special.scss","../../sass/components/carousel.component.scss"],"names":[],"mappings":"CAMA,gBACE,qBAGE,sBAIF,OAEE,gBACA,oBACA,SACA,oBACA,kBACA,oBAGF,cACE,eAEF,iCACE,UAGF,gDAIE,0BAEA,4GACE,eAMJ,KACE,mBACA,6BACA,6BACA,6BACA,0BACA,2BAEA,qBACA,iBACA,gBACA,qBACA,sBACA,eACA,iBAEA,wBAEA,+BACA,mCACA,2DACA,qBACA,gCACA,gBAEA,WACE,oCAGF,YACA,sBACA,gBACA,mBAEA,oCAlCF,KAmCI,sBAGF,yCACE,+BACA,mCAGF,mEACE,sBAGF,oBACE,gCACA,8DAGF,sBACE,+BAGF,0JAEE,UACA,qBAEA,sCACA,8BACA,qBAGF,oFAEE,uBACA,WACE,yBAEF,wBACA,qBAGF,6DAIE,WACA,mBAMJ,oBACE,qCACA,yCACA,gDACA,kBACA,oBACA,qBAEA,4JAEE,oBACA,qBAEA,0KACE,YACA,iCACA,kBACA,mBACA,WACA,qBACA,8BACA,sBAON,YACE,4BACA,2BACA,qBACA,sBAMA,wBACE,kBACA,iCACA,gBAGF,0BACE,mBAEF,iCACE,eACA,sBACA,kBACA,aACA,QACA,6BAGF,8BACE,kBAGF,mBACE,iCACA,kBACA,gBACA,mBAEA,qCACE,iBACA,eAQJ,uBACE,WACA,8BACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,iBAKA,kKACE,mBACA,qBASJ,kBACE,YACA,qBACA,gBACA,sBACA,WACA,UACA,2BACA,mBACA,gBACA,kCClPN,gBAEE,eACE,kCAEA,8BACE,0CACA,oDAIJ,gKAEE,gDACA,yCCdJ,gBAGE,kBACE,+BACA,YACA,yBACA,+CACA,UACA,mBACA,mBACA,mBACA,kBACA,kBAEA,wBACE,kBACA,WACA,SACA,SACA,WACA,WACA,6BACA,mCACA,qBAGF,6CACE,SAGF,+BACE,cACA,mBAEF,iDACE,kBACA,eAIA,yGACE,qBAGJ,gEACE,4BC9CN,gBAEE,YACE,8BACA,+BACA,gCACA,qBAEA,8BACE,4BAGF,6CACE,wCACA,yDAZJ,YAeE,gCACA,2BACA,eACA,oBAEA,mCACE,kBACA,sBAGF,4MAEE,6CAGF,+LAEE,uBACA,gCACA,8DACA,wBAGF,sIAEE,uBACA,mBACA,4BAKJ,qDAEE,yBCnDJ,gBAEE,aACE,qBAEA,qBACA,oBAEA,8BACE,mBAPJ,aASE,kBAEA,0BACA,8BACA,8BACA,sCACA,0CACA,0CAEA,2CAEA,mBACA,gBACA,kBACA,eAEA,oBACE,kBACA,kBACA,MACA,OACA,WACA,YACA,cACA,+CACA,gBAGF,gCACE,+CAEA,gCAHF,gCAII,YAIJ,oBACE,uBACA,eACA,qBAGF,wBACE,qBACA,eAEA,+BACE,cACA,gBAIJ,2BACE,6BACA,iCACA,2BAEA,iDACE,8BAIJ,qIAGE,+BACA,kCACA,2BAEA,mMACE,6BAIJ,0BACE,kBAEF,gCACE,0BACA,kBACA,SACA,WACA,gCACA,aACA,YACA,kBACA,cACA,SACA,eACA,kBACA,kBACA,WACA,sBACA,6BAQF,6VACE,gDACA,4CACA,4BAGF,2XACE,+BACA,4CACA,0BAGF,2PACE,gDACA,4CACA,wCCnIN,gBAEE,oBAEE,kBACA,sBAEA,qCACE,aAGF,0BACE,WAEA,qBACA,gBAEA,YACA,WACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,wCACE,yBAQJ,iBACE,kBACA,UACA,sBACA,sBACA,kBAEA,wBACE,qBACA,sEACA,gEACA,gCACA,2BACA,2BACA,uBACA,8BACA,cACA,aACA,+BACA,0CACA,8CACA,gCAEA,kCAEA,+BACE,eACA,gBACA,4BACA,gDACA,0DAEA,gCACA,gDACE,yDAGF,qCACE,0CAGF,qCACE,yBAKN,qCACE,aAEF,wCACE,uBACA,kCACA,yCACA,+CACA,uBACA,oBACA,sCACA,eAGF,oBAEE,sBACA,mFACA,WACA,yDACA,qBAEF,0CACE,aAQF,6CACE,aAGF,uBACE,kBACA,aACA,aACA,WACA,cACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,iBACA,wBACA,oBAMJ,wBACE,gBACA,mBACA,cAEA,+BACE,4BACA,8BACA,8BACA,0BAGF,8BACE,UACA,aCnKN,qBAGE,sBAKF,MACE,cACA,iBACA,2BAGF,UACE,uDACA,mBACA,cACA,iBAEA,6BACE,kBACA,gBAGF,2BACE,iBACA,gBACA,oBACA,6BAGF,6BACE,aACA,4BACA,oBACA,qDACA,mDAEA,wCACA,uCAGF,4BACE,gBACA,iBAIJ,eACE,wBACA,iEAEA,cACA,+CAEA,oBACA,mBACA,2BAGF,0BACE,0BACA,wBAGF,6BACE,UACE,uDAEA,6BACE,qDACA,mDAIJ,oCACE,wBACA,cAGF,wCACE,8CAGF,wCACE,yDAEF,wCACE,8CAGF,uKAGE,wBAGF,eACE,iEAGF,0BACE,0BACA,yBAIJ,6BACE,UACE,gBACA,kBAEF,mBACE,gBAEA,sBAIF,mBACE,4BACA,2BAGF,eACE,cACA,qBAGF,0BACE,yBACA,uBAGF,oCACE,wBACA,cAGF,wCACE,8CAGF,wCACE,yDAEF,wCACE,8CAEF,wCACE,8CAEF,wCACE,yDAGF,uRAKE,yBAOJ,iBAEE,qBAEA,wBAGF,oCAEE,aAMF,gBACE,kBACA,qBAGF,oBAEE,oBAEA,gCACE,WACA,kBACA,QACA,MACA,YACA,WACA,wBACA,6BACA,cACA,sBACA,sBACA,qCACA,sBACA,8BACA,8BACA,uBAKF,gBACE,yBAIJ,6BACE,gBACE,iBAEF,UACE,kBACA,QACA,OACA,kCAEF,UACE,kBACA,QACA,QACA,mCAOJ,8BACE,gBACA,mBACA,mBACA,kBACA,gBAEA,6BAPF,8BAQI,YAGF,qCACE,UACA,qBACA,YAGF,qCACE,YACA,aACA,iBACA,kBACA,mBACA,gBACA,mBACA,uBACA,eACA,YAEA,2CACE,oCAGF,4CACE,aAIJ,4DACE,aAIJ,yCACE,8CACA,4CACA,8BAEA,WACA,YACA,gBACA,uBAEA,+CACE,8BAMJ,oBACE,kBACA,mBACA,aAGF,kBACE,qBACA,wBACA,mCACA,mBACA,2BACA,UACA,mBAEA,yBACA,eACA,SACA,YACA,kBACA,iCACA,wBACA,gBAIF,iDACE,+BACA,yBACA,wBAGF,oCACE,+BACA,yBACA,wBAIF,iDACE,kPAUF,oCACE,kPAWF,wCACE,wBACA,gBACA,oBACA,qCACA,yBACA,wBACA,kBACA,kBACA,WACA,mBAGF,oCACE,YACA,qCACA,yBACA,wBACA,kBACA,kBACA,WACA,mBAIF,wBACE,aAGF,4FAEE,4DAGF,+CACE,4DAGF,oFAEE,4DAEF,0CACE,4DAMF,qFACE,aAGF,6CACE,aAEF,iEACE,cAGF,6BACE,6NAGE,aAIF,8+BAiBE,aAIF,yCACE,cAEF,6DACE,aAGF,qNAGE,aAGF,iRAGE,eAIJ,6BACE,gDACE,gCAGF,yCACE,yBAGF,iXAKE,wBAIF,i1EA+CE,wBAIF,yCACE,yBAEF,6DACE,wBAGF,mWAKE,wBAGF,ucAKE,0BAIJ,4EAEE,aAKF,uCACE,wBACA,eACA,eACA,iBAEA,8CACE,UACA,qBAEA,WACA,YACA,qDAEA,gBACA,kBACA,qBAEA,kDACE,kBACA,QACA,YACA,WACA,iBACA,SAGF,4DACE,qCAMJ,6CACE,qBAGF,8EAEE,kBACA,oBAGF,iDACE,wBAMJ,8BACE,WACA,qDACA","file":"carousel.component.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/carousel.config.scss"],"names":[],"mappings":"AAMA,kBAEI,sCACE,2BACA,4BAKJ,2BACE,aACA,iBACA,cACA,sBACA,cAEA,6BACE,WACA,cACA,cACA,wBAKJ,+BACE,2BAGF,uEACE,sBAGF,6BACE,0BACE,2BACA,sBAEA,8BACE,0BACA,2BAGF,0CACE,mBAEF,yCACE,wBACA,2BAQN,yBACE,2BACA,yBAEA,oCAJF,yBAKI,kBACA,mBAKF,iEACE,2BAGF,iEACE,2BACA","file":"carousel.config.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{iam-barchart{--chart-bar-alignment: left;--chart-text-color: var(--colour-heading)}iam-barchart:not(.chart--horizontal)::part(xaxis-label){text-align:left;transform-origin:0rem 1rem;transform:rotate(45deg);max-width:5rem;font-size:1rem;color:var(--colour-heading)}iam-barchart:not(.chart--horizontal)::part(spacer){aspect-ratio:1/1;display:block;width:fit-content}iam-barchart:not(.chart--horizontal)::part(chart-key){padding-top:2rem;order:3}iam-barchart::part(key),iam-barchart::part(key-checked),iam-barchart::part(key-unchecked){--key-border-radius: 50%;--btn-border-width: 1px;--btn-padding-block: 0.375rem;--btn-padding-inline: 0.375rem;background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted);border-radius
|
|
1
|
+
@layer components{iam-barchart{--chart-bar-alignment: left;--chart-text-color: var(--colour-heading)}iam-barchart:not(.chart--horizontal)::part(xaxis-label){text-align:left;transform-origin:0rem 1rem;transform:rotate(45deg);max-width:5rem;font-size:1rem;color:var(--colour-heading)}iam-barchart:not(.chart--horizontal)::part(spacer){aspect-ratio:1/1;display:block;width:fit-content}iam-barchart:not(.chart--horizontal)::part(chart-key){padding-top:2rem;order:3}iam-barchart::part(key),iam-barchart::part(key-checked),iam-barchart::part(key-unchecked){--key-border-radius: 50%;--btn-border-width: 1px;--btn-padding-block: 0.375rem;--btn-padding-inline: 0.375rem;background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted);border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;padding:calc(var(--btn-padding-block) - var(--btn-border-width)) calc(var(--btn-padding-inline) - var(--btn-border-width));color:var(--colour-heading)}iam-barchart::part(key):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active),iam-barchart::part(key-checked):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active),iam-barchart::part(key-unchecked):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}iam-barchart::part(key):is(:hover,:focus,.hover,:focus-within),iam-barchart::part(key-checked):is(:hover,:focus,.hover,:focus-within),iam-barchart::part(key-unchecked):is(:hover,:focus,.hover,:focus-within){background:var(--colour-btn-action-hover-bg)}iam-barchart::part(key-unchecked){opacity:.25}iam-barchart::part(tooltip){text-decoration:none !important}iam-barchart::part(tooltip):after{font-family:"Font Awesome 6 Pro";font-weight:900;content:"";display:inline-block;margin-left:.2em;margin-right:.1em;margin-bottom:.1em;color:var(--colour-primary);border:none}}/*# sourceMappingURL=charts.config.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/charts.config.scss"],"names":[],"mappings":"CAOA,kBACE,aACE,4BACA,0CAGF,wDACE,gBACA,2BACA,wBACA,eACA,eACA,4BAGF,mDACE,iBACA,cACA,kBAGF,sDACE,iBACA,QAGF,0FAGE,yBACA,wBACA,8BACA,+BAEA,wCACA,yDACA,gCACA,2BACA,eACA,oBACA,2HAEA,4BAGF,+SAGE,6CAEF,+MAGE,6CAGF,kCACE,YAGF,4BACE,gCAEF,kCACE,iCACA,gBACA,YACA,qBACA,iBACA,kBACA,mBACA,4BACA","file":"charts.config.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
::slotted(table){display:none !important}.chart__outer{container-type:inline-size;--body-colour-set: var(--body-colour, white);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 56.25%);--chart-height-lg-set: var(--chart-height-lg, 42.86%);--chart-height-resp: var(--chart-height-set);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--pie-size: calc(50% - 1.4rem);--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%);--bar-gap: min(10%, 0.75rem);margin-bottom:2rem;display:flex;flex-direction:column;--chart-colour-1-set: var(--chart-colour-1, var(--wider-colour-3));--chart-colour-2-set: var(--chart-colour-2, var(--wider-colour-4));--chart-colour-3-set: var(--chart-colour-3, var(--wider-colour-5));--chart-colour-4-set: var(--chart-colour-4, var(--wider-colour-6));--chart-colour-5-set: var(--chart-colour-5, var(--wider-colour-7));--chart-colour-6-set: var(--chart-colour-6, var(--wider-colour-8));--chart-colour-7-set: var(--chart-colour-7, var(--wider-colour-9));--chart-colour-8-set: var(--chart-colour-8, var(--wider-colour-10));--chart-colour-9-set: var(--chart-colour-9, var(--wider-colour-11));--chart-colour-10-set: var(--chart-colour-10, var(--wider-colour-12))}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7)}.chart__outer:has(.chart__options){position:relative;padding-top:1.5rem}.chart__outer>*{display:block;order:2}.chart__outer>figcaption{display:contents}.chart__outer>figcaption p:not(.chart__strapline,.chart__title){margin-bottom:.25rem;font-size:var(--label-size)}.chart__outer>figcaption>*{order:3}.chart__outer>figcaption>:is(.chart__title,.chart__strapline){order:1}@container (max-width: 36em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0, -100%);--bar-gap: 0}}@container (max-width: 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__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:has(span:first-child:last-child){display:none}.chart__options{position:absolute;display:block;width:fit-content;z-index:var(--index-above);top:0;right:0;background-color:var(--body-colour-set)}.chart__options>span:first-child{text-align:right;display:block;height:1.5rem}.chart__options>span:first-child:before{content:"";height:1rem;width:1rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cpath d='M31 19.3v-6.5l-3.9-.5c-.1-.4-.3-.9-.5-1.5l2.4-3-4.7-4.7-3.1 2.4c-.4-.2-.9-.4-1.5-.6L19.2 1h-6.5l-.5 3.9c-.6.2-1.1.4-1.5.6l-3-2.4L3 7.7l2.4 3c-.2.5-.4 1.1-.5 1.5l-3.9.5v6.5l3.9.5c.2.5.3 1 .6 1.5l-2.4 3 4.7 4.7 3-2.3c.4.2 1 .5 1.5.6l.5 3.8h6.5l.5-3.8c.5-.2 1.1-.4 1.5-.6l3 2.3 4.7-4.7-2.4-3 .6-1.5 3.8-.4zm-2.1-1.9-3.4.5c-.3 1.5-.8 2.7-1.6 3.6l2.1 2.6-1.9 2-2.6-2c-1 .7-2.5 1.3-3.7 1.5l-.5 3.3h-2.6l-.5-3.3c-1.2-.2-2.7-.8-3.7-1.5l-2.6 2-1.9-2 2.1-2.6c-.8-.9-1.2-2.1-1.6-3.6l-3.4-.5v-2.7l3.5-.5c.2-1.1.6-2.3 1.4-3.7L6 7.9l1.9-2L10.6 8c.8-.7 1.7-1.1 3.6-1.6l.5-3.4h2.6l.5 3.4c1.9.5 2.8.9 3.6 1.6l2.7-2L26 8l-2 2.5c.8 1.4 1.2 2.6 1.4 3.7l3.5.5v2.7zM16 20.8c-2.7 0-4.7-2-4.7-4.8 0-2.7 2-4.7 4.7-4.7s4.7 2 4.7 4.7-2 4.8-4.7 4.8zm0 2.2c3.9 0 6.9-3 6.9-7 0-3.9-3-6.9-6.9-6.9s-6.9 3-6.9 6.9c0 4 3 7 6.9 7z'%3e%3c/path%3e%3c/svg%3e");background-size:100% 100%;display:inline-block;vertical-align:bottom;margin-bottom:0.1875rem;margin-right:0.375rem}.chart__options>*:not(:first-child){display:none}.chart__options label{cursor:pointer}.chart__options label:hover{background:var(--label-bg, rgb(220, 220, 220))}.chart__options:hover{outline:3px solid #000;box-shadow:0 0 0 .25rem #fff;outline-offset:.25rem}.chart__options:hover>*{display:block}.chart__options .chart__options__title{margin-top:1rem;font-weight:bold}.chart>[type=radio]:focus~.chart__switcher label{display:block}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;justify-content:flex-end;gap:.5rem}.chart__key .key{font-size:1rem !important;margin:0}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em;background-color:var(--chart-colour);display:inline-block;border-radius:50%}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer>input[type=checkbox]:not(:checked)~.chart__key .key{opacity:.25}.chart__outer>input[type=checkbox]:not(:checked)~.chart__wrapper table tbody tr td:not(:first-child){display:none}.chart__outer>input[type=checkbox]:not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line{display:none !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(2){display:block}input:nth-of-type(1):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(1){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(3){display:block}input:nth-of-type(2):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(2){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(4){display:block}input:nth-of-type(3):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(3){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(5){display:block}input:nth-of-type(4):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(4){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(6){display:block}input:nth-of-type(5):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(5){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(7){display:block}input:nth-of-type(6):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(6){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(8){display:block}input:nth-of-type(7):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(7){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(9){display:block}input:nth-of-type(8):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(8){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(10){display:block}input:nth-of-type(9):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(9){display:block !important}.chart:has(.chart__outer)>table{order:10;display:none}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative;margin-bottom:1rem}.chart__wrapper .chart__yaxis{display:flex;flex-direction:column-reverse;width:var(--yaxis-width)}.chart__wrapper .chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__wrapper .chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__wrapper .chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-size:var(--label-size)}.chart__wrapper .chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__wrapper .chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__wrapper .chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__wrapper .chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__wrapper .chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__wrapper .chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__wrapper .chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__wrapper .chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__wrapper .chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:hsla(0,0%,100%,.6)}.chart__wrapper .chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__wrapper .chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:50%;transform:translate(-50%, 0);width:fit-content;padding:0;white-space:nowrap;max-width:6rem;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 62em){.chart__wrapper table tbody tr td:first-child{display:block;left:50% !important;transform:translate(-50%, 0) !important}}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:1.5rem;position:relative;background:green;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child) span{position:absolute;bottom:100%;left:50%;font-size:var(--label-size);line-height:1.2;transform:translate(-50%, 0);background:var(--chart-colour);opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;color:var(--colour-primary-theme);white-space:pre;text-align:center}.chart__wrapper table tbody tr td:not(:first-child) span::before{content:attr(data-label) "\a" attr(data-group) "\a"}.chart__wrapper table tbody tr td:not(:first-child) span[data-second]:after{content:"\a" attr(data-second-label) ": " attr(data-second)}.chart__wrapper table tbody tr td:not(:first-child):hover span{opacity:1;z-index:var(--index-above)}@container (min-width: 36em){.chart__wrapper table tbody tr:first-child td:not(:first-child) span,.chart__wrapper table tbody tr:last-child td:not(:first-child) span{left:50%;transform:translate(-50%, 0);text-align:center}}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (max-width: 36em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 62em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(5n)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(5n)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n)) td:first-child{display:block !important}}.chart__wrapper table tbody:has(tr:nth-child(1001)) tr{display:none}.chart__wrapper table tbody:has(tr:nth-child(1001)) tr:nth-last-child(-n+1001)~tr{display:flex}.chart__wrapper .line,.chart__wrapper .pie{display:none}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines{position:absolute}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em)}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__yaxis{display:none}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table{padding-top:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody{flex-direction:column;position:relative}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td{height:3rem;bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:first-child{position:static;transform:none;display:block !important;max-height:1.5rem}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;transform:translate(-100%, -50%) !important;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:50%;left:0 !important;padding-right:.5em}@container (max-width: 36em){.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines{position:absolute}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em)}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__yaxis{display:none}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table{padding-top:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody{flex-direction:column;position:relative}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td{height:3rem;bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:first-child{position:static;transform:none;display:block !important;max-height:1.5rem}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;transform:translate(-100%, -50%) !important;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:50%;left:0 !important;padding-right:.5em}}input[type=radio]:not([value=pie])[value=stacked]:checked~.chart__wrapper table tbody tr{--bar-gap: 0;flex-direction:column-reverse;justify-content:flex-start;align-items:center}input[type=radio]:not([value=pie])[value=stacked]:checked~.chart__wrapper table tbody tr td{border-radius:0 !important}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody{justify-content:space-between}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):first-child{left:50% !important;width:4rem}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:not(:has(.chart__bar)){width:2px;margin-left:-1px;margin-right:-1px;padding:0}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):not(:first-child){position:absolute;left:50%;bottom:calc(var(--axis));height:6px;width:6px;margin-bottom:-3px;margin-left:-3px;border-radius:3px}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):not(:first-child):hover{opacity:1}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:before{content:"";border-left:1px dashed #eee;height:100%;width:0;position:absolute;top:0;left:50%;height:100%;margin-left:-1px;z-index:var(--index-below);opacity:0}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:hover:before{opacity:1}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:is([data-event],[data-event-right]):before{opacity:1;border-left:1px dashed #000}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:is([data-event],[data-event-right]):after{content:attr(data-event);position:absolute;top:0;left:50%;width:max-content;z-index:var(--index-below);font-size:var(--label-size);background:hsla(0,0%,100%,.5)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event]:after{transform:translate(-50%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event-right]:after{transform:translate(-101%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event-left]:after{transform:translate(1%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .pie{display:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr{position:absolute;left:var(--position)}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:first-child{display:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope{pointer-events:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope svg{color:#000;stroke:currentColor;display:block;position:absolute;top:0;left:0;stroke-width:var(--line-thickness);width:100%;height:calc(100% - 1rem);pointer-events:none;z-index:var(--index-above)}.chart__outer input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .chart__lines~table tbody tr td:not(.chart__bar):not(:first-child):not(:hover){opacity:0}.chart__outer input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line{display:block;position:absolute;top:0;left:0;stroke-width:var(--line-thickness);width:100%;height:100%;pointer-events:none;z-index:var(--index-above)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper{margin-bottom:2rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .chart__yaxis,.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .line{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper table{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pies{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie{position:relative;width:100%;aspect-ratio:1/1;min-width:12.5rem;flex:1 1 auto;display:inline-block;max-width:var(--pie-size)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:first-child{margin-left:0}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:last-child{margin-right:0}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie svg{width:100%;height:100%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie svg path:hover{transform:scale(1.05)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie>div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;background:var(--body-colour-set);border-radius:50%;z-index:var(--index-focus);padding:1rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;height:67%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie>div span{text-align:center;display:block}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:has(path:hover)>div{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject{background:var(--body-colour-set);border-radius:50%;z-index:var(--index-focus);pointer-events:none;display:none;padding:1rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject div{display:flex;justify-content:center;align-items:center;height:100%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject span{text-align:center;display:block}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(1):hover~foreignObject:nth-of-type(1),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(2):hover~foreignObject:nth-of-type(2),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(3):hover~foreignObject:nth-of-type(3),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(4):hover~foreignObject:nth-of-type(4),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(5):hover~foreignObject:nth-of-type(5),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(6):hover~foreignObject:nth-of-type(6),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(7):hover~foreignObject:nth-of-type(7),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(8):hover~foreignObject:nth-of-type(8),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(9):hover~foreignObject:nth-of-type(9){display:block}:host(.chart--display-data) table tbody tr td:not(:first-child) span:before{display:none}:host(.chart--display-data) table tbody tr td:not(:first-child) span{opacity:1 !important;z-index:var(--index-above);top:0%;transform:translate(-50%, 0%) !important;display:block !important;height:fit-content;margin:0}:host(.chart--display-data) input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:not(:first-child) span{top:50%;right:0;left:0;transform:translate(0%, -50%) !important;text-align:right;width:calc(100% - .4rem);min-width:fit-content;padding:0 .1rem;border-radius:0}:host(.chart--display-data) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(:first-child) span{bottom:.25rem;top:auto}:host(.chart--display-data) input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .chart__lines~table tbody tr td:not(:first-child):not(:hover){opacity:1}:host(.chart--show-totals) .chart__key .key .chart__total{display:flex;font-size:var(--label-size);font-weight:bold;line-height:1;padding-left:1.5em}:host(.chart--show-totals) .chart__key .key .chart__total__number{margin-right:1rem}:host(.chart--show-totals) .chart__key .key .chart__total__percent{margin-left:auto}.chart--animate.animating.inview{--animation-left: 2s}.chart--animate.animating.inview table tbody tr td:not(:first-child){transition:height 2s ease-out,width 2s ease-out,bottom 2s ease-out,left var(--animation-left) ease-out;transition-delay:calc(var(--row-index)*.1s)}.chart--animate:not(.inview) table tbody tr td:not(:first-child){--bottom: var(--min-bottom, 0%) !important;--percent: 0% !important;--axis: 0% !important;--comparison: 0% !important}.chart--animate.animating input[type=radio]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:not(:first-child){overflow:hidden}.chart--animate:not(.inview) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(:first-child){--percent: 0% !important}.chart--animate.animating input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope path{transition:2s ease-out}.chart--animate:not(.inview) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope path{d:var(--path)}.chart--animate.animating input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line path{transition:2s ease-out}.chart--animate:not(.inview) input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line path{d:var(--path)}.chart--animate input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path{transition:calc(2s*var(--second-fraction, 1)) ease-out;transition-delay:calc(var(--row-index)*var(--path-index)*.1s)}.chart--animate:not(.inview) input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path{transform:scale(60%) !important}/*# sourceMappingURL=charts.css.map */
|
|
1
|
+
::slotted(table){display:none !important}.chart__outer{container-type:inline-size;--body-colour-set: var(--body-colour, white);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 56.25%);--chart-height-lg-set: var(--chart-height-lg, 42.86%);--chart-height-resp: var(--chart-height-set);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--pie-size: calc(50% - 1.4rem);--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%);--bar-gap: min(10%, 0.75rem);margin-bottom:2rem;display:flex;flex-direction:column;--chart-colour-1-set: var(--chart-colour-1, #1ebee6);--chart-colour-2-set: var(--chart-colour-2, #ffd2d2);--chart-colour-3-set: var(--chart-colour-3, #b4e6a5);--chart-colour-4-set: var(--chart-colour-4, #ffa500);--chart-colour-5-set: var(--chart-colour-5, #46003c);--chart-colour-6-set: var(--chart-colour-6, #b4e6a5);--chart-colour-7-set: var(--chart-colour-7, #1ebee6);--chart-colour-8-set: var(--chart-colour-8, #ffd2d2);--chart-colour-9-set: var(--chart-colour-9, #9d9d9d);--chart-colour-10-set: var(--chart-colour-10, #66838a)}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7)}.chart__outer:has(.chart__options){position:relative;padding-top:1.5rem}.chart__outer>*{display:block;order:2}.chart__outer>figcaption{display:contents}.chart__outer>figcaption p:not(.chart__strapline,.chart__title){margin-bottom:.25rem;font-size:var(--label-size)}.chart__outer>figcaption>*{order:3}.chart__outer>figcaption>:is(.chart__title,.chart__strapline){order:1}@container (max-width: 36em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0, -100%);--bar-gap: 0}}@container (max-width: 62em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}}@container (min-width: 36em){.chart__outer .chart__wrapper{--chart-height-resp: var(--chart-height-lg-set);--pie-size: calc(33.333% - 1.4rem);--line-thickness: 0.8px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%)}}@container (min-width: 62em){.chart__outer .chart__wrapper{--label-size: 0.875rem;--pie-size: calc(25% - 1.5rem);--line-thickness: 0.5px}}.chart__title{font-size:2rem;font-weight:700;margin-bottom:.25rem}.chart__strapline{margin-bottom:1rem}.chart__source{border-top:1px solid #000;position:relative;padding-top:.25rem}.chart__key .key:nth-child(10n-9),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-8){--chart-colour: var(--chart-colour-1-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-9){color:var(--chart-colour-1-set);stroke:currentColor;fill:currentColor;z-index:9}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-9){fill:var(--chart-colour-1-set)}.chart__key .key:nth-child(10n-8),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-7){--chart-colour: var(--chart-colour-2-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-8){color:var(--chart-colour-2-set);stroke:currentColor;fill:currentColor;z-index:8}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-8){fill:var(--chart-colour-2-set)}.chart__key .key:nth-child(10n-7),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-6){--chart-colour: var(--chart-colour-3-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-7){color:var(--chart-colour-3-set);stroke:currentColor;fill:currentColor;z-index:7}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-7){fill:var(--chart-colour-3-set)}.chart__key .key:nth-child(10n-6),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-5){--chart-colour: var(--chart-colour-4-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-6){color:var(--chart-colour-4-set);stroke:currentColor;fill:currentColor;z-index:6}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-6){fill:var(--chart-colour-4-set)}.chart__key .key:nth-child(10n-5),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-4){--chart-colour: var(--chart-colour-5-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-5){color:var(--chart-colour-5-set);stroke:currentColor;fill:currentColor;z-index:5}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-5){fill:var(--chart-colour-5-set)}.chart__key .key:nth-child(10n-4),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-3){--chart-colour: var(--chart-colour-6-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-4){color:var(--chart-colour-6-set);stroke:currentColor;fill:currentColor;z-index:4}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-4){fill:var(--chart-colour-6-set)}.chart__key .key:nth-child(10n-3),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-2){--chart-colour: var(--chart-colour-7-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-3){color:var(--chart-colour-7-set);stroke:currentColor;fill:currentColor;z-index:3}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-3){fill:var(--chart-colour-7-set)}.chart__key .key:nth-child(10n-2),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-1){--chart-colour: var(--chart-colour-8-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-2){color:var(--chart-colour-8-set);stroke:currentColor;fill:currentColor;z-index:2}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-2){fill:var(--chart-colour-8-set)}.chart__key .key:nth-child(10n-1),.chart__outer table tbody tr td:not(:first-child):nth-child(10n-0){--chart-colour: var(--chart-colour-9-set)}input:is([value=line],[value=radar],[value=combo],[value=proportional]):checked~.chart__wrapper .line:nth-child(10n-1){color:var(--chart-colour-9-set);stroke:currentColor;fill:currentColor;z-index:1}input:is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(10n-1){fill:var(--chart-colour-9-set)}.chart__key .key:nth-child(10n),input[type=radio]:not([value=none]):not([value=pie]):checked~.chart__outer table tbody tr td:not(:first-child):nth-child(10n+1){--chart-colour: var(--chart-colour-10-set)}.chart__outer>[type=radio]{opacity:0;position:absolute;pointer-events:none}.chart__options:has(span:first-child:last-child){display:none}.chart__options{position:absolute;display:block;width:fit-content;z-index:var(--index-above);top:0;right:0;background-color:var(--body-colour-set)}.chart__options>span:first-child{text-align:right;display:block;height:1.5rem}.chart__options>span:first-child:before{content:"";height:1rem;width:1rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3e%3cpath d='M31 19.3v-6.5l-3.9-.5c-.1-.4-.3-.9-.5-1.5l2.4-3-4.7-4.7-3.1 2.4c-.4-.2-.9-.4-1.5-.6L19.2 1h-6.5l-.5 3.9c-.6.2-1.1.4-1.5.6l-3-2.4L3 7.7l2.4 3c-.2.5-.4 1.1-.5 1.5l-3.9.5v6.5l3.9.5c.2.5.3 1 .6 1.5l-2.4 3 4.7 4.7 3-2.3c.4.2 1 .5 1.5.6l.5 3.8h6.5l.5-3.8c.5-.2 1.1-.4 1.5-.6l3 2.3 4.7-4.7-2.4-3 .6-1.5 3.8-.4zm-2.1-1.9-3.4.5c-.3 1.5-.8 2.7-1.6 3.6l2.1 2.6-1.9 2-2.6-2c-1 .7-2.5 1.3-3.7 1.5l-.5 3.3h-2.6l-.5-3.3c-1.2-.2-2.7-.8-3.7-1.5l-2.6 2-1.9-2 2.1-2.6c-.8-.9-1.2-2.1-1.6-3.6l-3.4-.5v-2.7l3.5-.5c.2-1.1.6-2.3 1.4-3.7L6 7.9l1.9-2L10.6 8c.8-.7 1.7-1.1 3.6-1.6l.5-3.4h2.6l.5 3.4c1.9.5 2.8.9 3.6 1.6l2.7-2L26 8l-2 2.5c.8 1.4 1.2 2.6 1.4 3.7l3.5.5v2.7zM16 20.8c-2.7 0-4.7-2-4.7-4.8 0-2.7 2-4.7 4.7-4.7s4.7 2 4.7 4.7-2 4.8-4.7 4.8zm0 2.2c3.9 0 6.9-3 6.9-7 0-3.9-3-6.9-6.9-6.9s-6.9 3-6.9 6.9c0 4 3 7 6.9 7z'%3e%3c/path%3e%3c/svg%3e");background-size:100% 100%;display:inline-block;vertical-align:bottom;margin-bottom:0.1875rem;margin-right:0.375rem}.chart__options>*:not(:first-child){display:none}.chart__options label{cursor:pointer}.chart__options label:hover{background:var(--label-bg, rgb(220, 220, 220))}.chart__options:hover{outline:3px solid #000;box-shadow:0 0 0 .25rem #fff;outline-offset:.25rem}.chart__options:hover>*{display:block}.chart__options .chart__options__title{margin-top:1rem;font-weight:bold}.chart>[type=radio]:focus~.chart__switcher label{display:block}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;justify-content:flex-end;gap:.5rem}.chart__key .key{font-size:1rem !important;margin:0}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em;background-color:var(--chart-colour);display:inline-block;border-radius:50%}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer>input[type=checkbox]:not(:checked)~.chart__key .key{opacity:.25}.chart__outer>input[type=checkbox]:not(:checked)~.chart__wrapper table tbody tr td:not(:first-child){display:none}.chart__outer>input[type=checkbox]:not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line{display:none !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(2){display:block}input:nth-of-type(1):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(1){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(3){display:block}input:nth-of-type(2):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(2){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(4){display:block}input:nth-of-type(3):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(3){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(5){display:block}input:nth-of-type(4):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(4){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(6){display:block}input:nth-of-type(5):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(5){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(7){display:block}input:nth-of-type(6):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(6){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(8){display:block}input:nth-of-type(7):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(7){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(9){display:block}input:nth-of-type(8):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(8){display:block !important}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:1}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(10){display:block}input:nth-of-type(9):not(:checked)~.chart__wrapper :is(.chart__lines,.radar) .line:nth-child(9){display:block !important}.chart:has(.chart__outer)>table{order:10;display:none}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative;margin-bottom:1rem}.chart__wrapper .chart__yaxis{display:flex;flex-direction:column-reverse;width:var(--yaxis-width)}.chart__wrapper .chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__wrapper .chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__wrapper .chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-size:var(--label-size)}.chart__wrapper .chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__wrapper .chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__wrapper .chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__wrapper .chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__wrapper .chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__wrapper .chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__wrapper .chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__wrapper .chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__wrapper .chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:hsla(0,0%,100%,.6)}.chart__wrapper .chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__wrapper .chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:50%;transform:translate(-50%, 0);width:fit-content;padding:0;white-space:nowrap;max-width:6rem;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 62em){.chart__wrapper table tbody tr td:first-child{display:block;left:50% !important;transform:translate(-50%, 0) !important}}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:1.5rem;position:relative;background:green;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child) span{position:absolute;bottom:100%;left:50%;font-size:var(--label-size);line-height:1.2;transform:translate(-50%, 0);background:var(--chart-colour);opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;color:var(--colour-primary-theme);white-space:pre;text-align:center}.chart__wrapper table tbody tr td:not(:first-child) span::before{content:attr(data-label) "\a" attr(data-group) "\a"}.chart__wrapper table tbody tr td:not(:first-child) span[data-second]:after{content:"\a" attr(data-second-label) ": " attr(data-second)}.chart__wrapper table tbody tr td:not(:first-child):hover span{opacity:1;z-index:var(--index-above)}@container (min-width: 36em){.chart__wrapper table tbody tr:first-child td:not(:first-child) span,.chart__wrapper table tbody tr:last-child td:not(:first-child) span{left:50%;transform:translate(-50%, 0);text-align:center}}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (max-width: 36em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 62em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(5n)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(5n)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n)) td:first-child{display:block !important}}.chart__wrapper table tbody:has(tr:nth-child(1001)) tr{display:none}.chart__wrapper table tbody:has(tr:nth-child(1001)) tr:nth-last-child(-n+1001)~tr{display:flex}.chart__wrapper .line,.chart__wrapper .pie{display:none}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines{position:absolute}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em)}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__yaxis{display:none}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table{padding-top:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody{flex-direction:column;position:relative}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td{height:3rem;bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:first-child{position:static;transform:none;display:block !important;max-height:1.5rem}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap}.chart__outer input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;transform:translate(-100%, -50%) !important;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:50%;left:0 !important;padding-right:.5em}@container (max-width: 36em){.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines{position:absolute}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em)}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper .chart__yaxis{display:none}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table{padding-top:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody{flex-direction:column;position:relative}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td{height:3rem;bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:first-child{position:static;transform:none;display:block !important;max-height:1.5rem}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap}.chart__outer input[type=radio][value=responsive]:not([value=none]):not([value=pie]):checked~.chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;transform:translate(-100%, -50%) !important;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:50%;left:0 !important;padding-right:.5em}}input[type=radio]:not([value=pie])[value=stacked]:checked~.chart__wrapper table tbody tr{--bar-gap: 0;flex-direction:column-reverse;justify-content:flex-start;align-items:center}input[type=radio]:not([value=pie])[value=stacked]:checked~.chart__wrapper table tbody tr td{border-radius:0 !important}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody{justify-content:space-between}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):first-child{left:50% !important;width:4rem}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:not(:has(.chart__bar)){width:2px;margin-left:-1px;margin-right:-1px;padding:0}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):not(:first-child){position:absolute;left:50%;bottom:calc(var(--axis));height:6px;width:6px;margin-bottom:-3px;margin-left:-3px;border-radius:3px}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(.chart__bar):not(:first-child):hover{opacity:1}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:before{content:"";border-left:1px dashed #eee;height:100%;width:0;position:absolute;top:0;left:50%;height:100%;margin-left:-1px;z-index:var(--index-below);opacity:0}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:hover:before{opacity:1}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:is([data-event],[data-event-right]):before{opacity:1;border-left:1px dashed #000}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr:is([data-event],[data-event-right]):after{content:attr(data-event);position:absolute;top:0;left:50%;width:max-content;z-index:var(--index-below);font-size:var(--label-size);background:hsla(0,0%,100%,.5)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event]:after{transform:translate(-50%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event-right]:after{transform:translate(-101%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr[data-event-left]:after{transform:translate(1%, -0.5em)}.chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .pie{display:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr{position:absolute;left:var(--position)}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:first-child{display:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope{pointer-events:none}:host([data-increment][data-start][data-end]) .chart__outer input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope svg{color:#000;stroke:currentColor;display:block;position:absolute;top:0;left:0;stroke-width:var(--line-thickness);width:100%;height:calc(100% - 1rem);pointer-events:none;z-index:var(--index-above)}.chart__outer input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .chart__lines~table tbody tr td:not(.chart__bar):not(:first-child):not(:hover){opacity:0}.chart__outer input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line{display:block;position:absolute;top:0;left:0;stroke-width:var(--line-thickness);width:100%;height:100%;pointer-events:none;z-index:var(--index-above)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper{margin-bottom:2rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .chart__yaxis,.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .line{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper table{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pies{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie{position:relative;width:100%;aspect-ratio:1/1;min-width:12.5rem;flex:1 1 auto;display:inline-block;max-width:var(--pie-size)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:first-child{margin-left:0}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:last-child{margin-right:0}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie svg{width:100%;height:100%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie svg path:hover{transform:scale(1.05)}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie>div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;background:var(--body-colour-set);border-radius:50%;z-index:var(--index-focus);padding:1rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;height:67%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie>div span{text-align:center;display:block}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie:has(path:hover)>div{display:none}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject{background:var(--body-colour-set);border-radius:50%;z-index:var(--index-focus);pointer-events:none;display:none;padding:1rem}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject div{display:flex;justify-content:center;align-items:center;height:100%}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie foreignObject span{text-align:center;display:block}.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(1):hover~foreignObject:nth-of-type(1),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(2):hover~foreignObject:nth-of-type(2),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(3):hover~foreignObject:nth-of-type(3),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(4):hover~foreignObject:nth-of-type(4),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(5):hover~foreignObject:nth-of-type(5),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(6):hover~foreignObject:nth-of-type(6),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(7):hover~foreignObject:nth-of-type(7),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(8):hover~foreignObject:nth-of-type(8),.chart__outer input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path:nth-child(9):hover~foreignObject:nth-of-type(9){display:block}:host(.chart--display-data) table tbody tr td:not(:first-child) span:before{display:none}:host(.chart--display-data) table tbody tr td:not(:first-child) span{opacity:1 !important;z-index:var(--index-above);top:0%;transform:translate(-50%, 0%) !important;display:block !important;height:fit-content;margin:0}:host(.chart--display-data) input[type=radio]:is([value=bar],[value=comparison]):not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:not(:first-child) span{top:50%;right:0;left:0;transform:translate(0%, -50%) !important;text-align:right;width:calc(100% - .4rem);min-width:fit-content;padding:0 .1rem;border-radius:0}:host(.chart--display-data) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(:first-child) span{bottom:.25rem;top:auto}:host(.chart--display-data) input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .chart__lines~table tbody tr td:not(:first-child):not(:hover){opacity:1}:host(.chart--show-totals) .chart__key .key .chart__total{display:flex;font-size:var(--label-size);font-weight:bold;line-height:1;padding-left:1.5em}:host(.chart--show-totals) .chart__key .key .chart__total__number{margin-right:1rem}:host(.chart--show-totals) .chart__key .key .chart__total__percent{margin-left:auto}.chart--animate.animating.inview{--animation-left: 2s}.chart--animate.animating.inview table tbody tr td:not(:first-child){transition:height 2s ease-out,width 2s ease-out,bottom 2s ease-out,left var(--animation-left) ease-out;transition-delay:calc(var(--row-index)*.1s)}.chart--animate:not(.inview) table tbody tr td:not(:first-child){--bottom: var(--min-bottom, 0%) !important;--percent: 0% !important;--axis: 0% !important;--comparison: 0% !important}.chart--animate.animating input[type=radio]:not([value=none]):not([value=pie]):checked~.chart__wrapper table tbody tr td:not(:first-child){overflow:hidden}.chart--animate:not(.inview) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper table tbody tr td:not(:first-child){--percent: 0% !important}.chart--animate.animating input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope path{transition:2s ease-out}.chart--animate:not(.inview) input[type=radio]:not([value=pie]):is([value=line],[value=scatter],[value=bubble],[value=radar],[value=proportional],[value=combo]):checked~.chart__wrapper .slope path{d:var(--path)}.chart--animate.animating input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line path{transition:2s ease-out}.chart--animate:not(.inview) input[type=radio]:not([value=pie])[value=line]:checked~.chart__wrapper .line path{d:var(--path)}.chart--animate input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path{transition:calc(2s*var(--second-fraction, 1)) ease-out;transition-delay:calc(var(--row-index)*var(--path-index)*.1s)}.chart--animate:not(.inview) input[type=radio]:not([value=none]):is([value=pie],[value=polar]):checked~.chart__wrapper .pie path{transform:scale(60%) !important}/*# sourceMappingURL=charts.css.map */
|