@iamproperty/components 7.7.1--beta23 → 7.7.1--beta24
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/card.component.css +1 -1
- package/assets/css/components/card.component.css.map +1 -1
- package/assets/css/components/card.module.css +1 -1
- package/assets/css/components/card.module.css.map +1 -1
- package/assets/css/components/carousel.config.css +1 -1
- package/assets/css/components/carousel.config.css.map +1 -1
- package/assets/css/components/filter-card.component.css +1 -1
- package/assets/css/components/filter-card.component.css.map +1 -1
- package/assets/css/components/modal.component.css +1 -1
- package/assets/css/components/modal.component.css.map +1 -1
- package/assets/css/components/record-card.component.css +1 -1
- package/assets/css/components/record-card.component.css.map +1 -1
- package/assets/css/components/std-nav-standalone.component.css +1 -1
- package/assets/css/components/std-nav-standalone.component.css.map +1 -1
- package/assets/css/components/tabs.component.css +1 -1
- package/assets/css/components/tabs.component.css.map +1 -1
- package/assets/css/components/tabs.config.css +1 -1
- package/assets/css/components/tabs.config.css.map +1 -1
- package/assets/css/components/video-card.component.css +1 -1
- package/assets/css/components/video-card.component.css.map +1 -1
- package/assets/css/components/video-modal.component.css +1 -1
- package/assets/css/components/video-modal.component.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/elements/details.css +1 -1
- package/assets/css/elements/details.css.map +1 -1
- package/assets/css/elements/icons.css +1 -1
- package/assets/css/elements/icons.css.map +1 -1
- package/assets/css/elements/illustration.css +1 -0
- package/assets/css/elements/illustration.css.map +1 -0
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.min.js +1 -1
- package/assets/js/components/address-lookup/address-lookup.component.min.js +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 +1 -1
- package/assets/js/components/banner/banner.component.min.js +1 -1
- package/assets/js/components/barchart/barchart.component.min.js +1 -1
- package/assets/js/components/bento-grid/bento-grid.component.min.js +1 -1
- package/assets/js/components/bone/bone.component.min.js +1 -1
- package/assets/js/components/button/button.component.min.js +1 -1
- package/assets/js/components/calendar/calendar.component.min.js +1 -1
- package/assets/js/components/card/card.component.min.js +2 -2
- package/assets/js/components/carousel/carousel.component.min.js +1 -1
- package/assets/js/components/collapsible-side/collapsible-side.component.min.js +1 -1
- package/assets/js/components/config/config.component.min.js +1 -1
- package/assets/js/components/content/content.component.min.js +1 -1
- package/assets/js/components/darkmode/darkmode.component.min.js +1 -1
- package/assets/js/components/doughnutchart/doughnutchart.component.min.js +1 -1
- package/assets/js/components/fileupload/fileupload.component.min.js +1 -1
- package/assets/js/components/filter-card/filter-card.component.min.js +2 -2
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/form/form.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/inline-edit/inline-edit.component.min.js +1 -1
- package/assets/js/components/input/input.component.min.js +1 -1
- package/assets/js/components/input-range/input-range.component.min.js +1 -1
- package/assets/js/components/marketing/marketing.component.min.js +1 -1
- package/assets/js/components/menu/menu.component.min.js +1 -1
- package/assets/js/components/milestone/milestone.component.min.js +1 -1
- package/assets/js/components/milestone-group/milestone-group.component.min.js +1 -1
- package/assets/js/components/modal/modal.component.min.js +2 -2
- package/assets/js/components/multi-step/multi-step.component.min.js +1 -1
- package/assets/js/components/multi-step-modal/multi-step-modal.component.min.js +1 -1
- package/assets/js/components/multiselect/multiselect.component.min.js +1 -1
- package/assets/js/components/nav/nav.component.min.js +1 -1
- package/assets/js/components/notification/notification.component.min.js +1 -1
- package/assets/js/components/pagination/pagination.component.min.js +1 -1
- package/assets/js/components/password/password.component.min.js +1 -1
- package/assets/js/components/popover/popover.component.min.js +1 -1
- package/assets/js/components/rank/rank.component.min.js +1 -1
- package/assets/js/components/rankings/rankings.component.min.js +1 -1
- package/assets/js/components/rating/rating.component.min.js +1 -1
- package/assets/js/components/record-card/record-card.component.min.js +4 -4
- package/assets/js/components/search/search.component.min.js +1 -1
- package/assets/js/components/skeleton/skeleton.component.min.js +1 -1
- package/assets/js/components/slider/slider.component.min.js +1 -1
- package/assets/js/components/split-button/split-button.component.min.js +1 -1
- package/assets/js/components/std-address-lookup/std-address-lookup.component.min.js +1 -1
- package/assets/js/components/std-nav/std-nav.component.min.js +2 -2
- package/assets/js/components/std-nav/std-nav.component.min.js.map +1 -1
- package/assets/js/components/std-nav-standalone/std-nav-standalone.component.min.js +5 -5
- package/assets/js/components/std-nav-standalone/std-nav-standalone.component.min.js.map +1 -1
- package/assets/js/components/table/table.component.min.js +1 -1
- package/assets/js/components/table-ajax/table-ajax.component.min.js +1 -1
- package/assets/js/components/table-basic/table-basic.component.min.js +1 -1
- package/assets/js/components/table-no-submit/table-no-submit.component.min.js +1 -1
- package/assets/js/components/table-submit/table-submit.component.min.js +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +2 -2
- package/assets/js/components/tag/tag.component.min.js +1 -1
- package/assets/js/components/tooltip/tooltip.component.min.js +1 -1
- package/assets/js/components/video/video.component.min.js +1 -1
- package/assets/js/components/video-card/video-card.component.min.js +2 -2
- package/assets/js/components/video-modal/video-modal.component.min.js +2 -2
- package/assets/js/components/word-count/word-count.component.min.js +1 -1
- package/assets/js/modules/nav.js +0 -1
- package/assets/js/scripts.bundle.js +1 -1
- package/assets/js/scripts.bundle.min.js +1 -1
- package/assets/sass/_elements.scss +2 -0
- package/assets/sass/components/card.component.scss +4 -0
- package/assets/sass/components/card.module.scss +2 -2
- package/assets/sass/components/carousel.config.scss +7 -1
- package/assets/sass/components/modal.component.scss +4 -2
- package/assets/sass/components/tabs.config.scss +1 -1
- package/assets/sass/elements/details.css +14 -0
- package/assets/sass/elements/icons.css +11 -0
- package/assets/sass/elements/illustration.css +13 -0
- package/assets/ts/modules/nav.ts +0 -5
- package/dist/components.es.js +24 -24
- package/dist/components.umd.js +10 -10
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{position:relative;border-radius:var(--card-border-radius);margin-bottom:2rem;display:block;outline:var(--card-outline);outline-offset:-2px}.wrapper{border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);position:relative;font-weight:bold;font-size:var(--card-fs);line-height:var(--card-lh);color:var(--colour-primary);min-height:100%;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}.wrapper>*{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__head:has(img):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-head-overlay)}.card__body{padding:var(--card-body-top-padding) var(--card-right-padding) var(--card-body-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:auto;padding:var(--card-footer-top-padding, 0) var(--card-right-padding) var(--card-footer-bottom-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,.title)){display:block !important;font-weight:normal !important;font-size:var(--card-body-fs, 1rem) !important;line-height:var(--card-body-lh, inherit) !important}::slotted(small){padding-top:var(--card-gap, 1rem) !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge,.title):not([class*=pt-])){padding-top:var(--card-gap, 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 7 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}.card__head:not(:has(img))~.card__badges{text-align:end}@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog,[popover]{--dialog-padding: 0.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);font-size:1rem;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dialog-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow)}dialog>*:last-child,[popover]>*:last-child{margin-bottom:0}dialog>:is(p):last-child,[popover]>:is(p):last-child{padding-bottom:0}dialog[open]:has(iam-modal){--modal-inner-dialog-display: contents;place-self:center}@media(prefers-color-scheme: light){dialog[open]:has(iam-modal){color-scheme:light;--colour-body: #595959;--colour-heading: var(--colour-primary-theme)}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}dialog[open],[popover]:popover-open{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{overflow-y:auto;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:28.375rem;width:fit-content;max-width:46rem}}details.bg-light{margin-inline:calc(var(--dialog-padding)*-1);padding-inline:var(--dialog-padding)}}@layer elements{.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:.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:.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.5625rem}.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{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"";font-family:var(--fa-family-classic);margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic)}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:var(--fa-family-classic);margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:var(--fa-family-classic)}}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary);&:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:transparent;border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative;&:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}&.text-decoration-none:after{width:0%}&[class*=fa-]{margin-left:0;margin-right:.5rem}&[class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}&:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active){&:after{width:60% !important}}&:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}}@layer elements{.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}&.icon-only{position:relative;text-indent:-300vw;overflow:hidden;min-width:1.75rem;&:before{position:absolute;left:0;top:0;min-width:1.75rem;text-align:center;text-indent:0;padding-inline:.25rem;line-height:1.85rem}}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2;&>.fa-chevron-down{display:none}&:not(:has(i)):not(.no-icon):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}&[aria-pressed]:after{transform:rotate(270deg)}}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content;select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}&:after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em;select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}&:after{top:.2rem;right:.5rem}}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}:host(:is(:active,.active):not(.prevent-hover)){--card-icon-right: var(--card-icon-right-overide, 0.5rem)}:host(.prevent-hover){pointer-events:none}:host(.prevent-hover) *{pointer-events:all}:host(.show-icon){--card-right-padding: 3.5rem}:host(.show-icon) .card__body:before,:host(.show-icon) .card__body:after{content:"";display:var(--card-right-arrow-display, block);position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--card-icon-bg);border-radius:50%}:host(.show-icon) .card__body:after{background:var(--card-icon-colour);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}.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:var(--fa-family-classic)}::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)){outline:2px solid var(--hover-outline-colour);outline-offset:-2px;border-radius:var(--card-border-radius) !important}:host(.hasLink) slot[name=link]{position:absolute;display:block;inset:0;z-index:1}::slotted([slot=link]){position:absolute !important;display:block !important;inset:0 !important;z-index:1 !important;margin:0 !important;text-indent:-300% !important;overflow:hidden !important}::slotted([slot=link]):after{display:none !important}:host(.card--article){--card-head-height: 5rem;--card-fs: 1rem;--card-gap: 0.5rem;--card-body-top-padding: 1rem;--card-body-bottom-padding: 0.5rem;--card-left-padding: 0.5rem;--card-right-padding: 0.75rem;--card-right-arrow-display: none;--card-body-fs: 0.6875rem;--card-body-lh: 1rem;--card-footer-bottom-padding: 0.5rem}::slotted(span:is(.duration):not([class*=pt-])){font-size:var(--card-fs) !important;line-height:var(--card-lh) !important;padding-top:0 !important}::slotted(span:is(.duration):not([class*=pt-])):before{content:"";font-family:var(--fa-family-classic);color:var(--colour-warning);padding-right:.25rem}/*# sourceMappingURL=card.component.css.map */
|
|
1
|
+
:host{position:relative;border-radius:var(--card-border-radius);margin-bottom:2rem;display:block;outline:var(--card-outline);outline-offset:-2px}.wrapper{border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);position:relative;font-weight:bold;font-size:var(--card-fs);line-height:var(--card-lh);color:var(--colour-primary);min-height:100%;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}.wrapper>*{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__head:has(img):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-head-overlay)}.card__body{padding:var(--card-body-top-padding) var(--card-right-padding) var(--card-body-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:auto;padding:var(--card-footer-top-padding, 0) var(--card-right-padding) var(--card-footer-bottom-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,.title)){display:block !important;font-weight:normal !important;font-size:var(--card-body-fs, 1rem) !important;line-height:var(--card-body-lh, inherit) !important}::slotted(small){padding-top:var(--card-gap, 1rem) !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge,.title):not([class*=pt-])){padding-top:var(--card-gap, 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 7 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:right;left:0;z-index:9}.card__badges:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) var(--card-badges-bottom-padding, 0) var(--card-left-padding);margin-bottom:-1.5rem}.card__head:not(:has(img))~.card__badges{text-align:end}@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog,[popover]{--dialog-padding: 0.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);font-size:1rem;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dialog-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow)}dialog>*:last-child,[popover]>*:last-child{margin-bottom:0}dialog>:is(p):last-child,[popover]>:is(p):last-child{padding-bottom:0}dialog[open]:has(iam-modal){--modal-inner-dialog-display: contents;place-self:center}@media(prefers-color-scheme: light){dialog[open]:has(iam-modal){color-scheme:light;--colour-body: #595959;--colour-heading: var(--colour-primary-theme)}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}dialog[open],[popover]:popover-open{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{overflow-y:auto;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:28.375rem;width:fit-content;max-width:46rem}}details.bg-light{margin-inline:calc(var(--dialog-padding)*-1);padding-inline:var(--dialog-padding)}}@layer elements{.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:.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:.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.5625rem}.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{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"";font-family:var(--fa-family-classic);margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic)}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:var(--fa-family-classic);margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:var(--fa-family-classic)}}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary);&:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:transparent;border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative;&:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}&.text-decoration-none:after{width:0%}&[class*=fa-]{margin-left:0;margin-right:.5rem}&[class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}&:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active){&:after{width:60% !important}}&:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}}@layer elements{.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}&.icon-only{position:relative;text-indent:-300vw;overflow:hidden;min-width:1.75rem;&:before{position:absolute;left:0;top:0;min-width:1.75rem;text-align:center;text-indent:0;padding-inline:.25rem;line-height:1.85rem}}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2;&>.fa-chevron-down{display:none}&:not(:has(i)):not(.no-icon):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}&[aria-pressed]:after{transform:rotate(270deg)}}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content;select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}&:after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em;select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}&:after{top:.2rem;right:.5rem}}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}:host(:is(:active,.active):not(.prevent-hover)){--card-icon-right: var(--card-icon-right-overide, 0.5rem)}:host(.prevent-hover){pointer-events:none}:host(.prevent-hover) *{pointer-events:all}:host(.show-icon){--card-right-padding: 3.5rem}:host(.show-icon) .card__body:before,:host(.show-icon) .card__body:after{content:"";display:var(--card-right-arrow-display, block);position:absolute;right:var(--card-icon-right);bottom:var(--card-bottom-padding);height:1.5rem;width:1.5rem;background:var(--card-icon-bg);border-radius:50%}:host(.show-icon) .card__body:after{background:var(--card-icon-colour);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}.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:var(--fa-family-classic)}::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)){outline:2px solid var(--hover-outline-colour);outline-offset:-2px;border-radius:var(--card-border-radius) !important}:host(.hasLink) slot[name=link]{position:absolute;display:block;inset:0;z-index:1}::slotted([slot=link]){position:absolute !important;display:block !important;inset:0 !important;z-index:1 !important;margin:0 !important;text-indent:-300% !important;overflow:hidden !important}::slotted([slot=link]):after{display:none !important}:host(.card--article){--card-head-height: 5rem;--card-fs: 1rem;--card-gap: 0.5rem;--card-body-top-padding: 1rem;--card-body-bottom-padding: 0.5rem;--card-left-padding: 0.5rem;--card-right-padding: 0.75rem;--card-right-arrow-display: none;--card-body-fs: 0.6875rem;--card-body-lh: 1rem;--card-footer-bottom-padding: 0.5rem;--card-badges-top-padding:0.5rem;--card-badges-bottom-padding: 0;--card-right-padding: 0.5rem;--card-left-padding: 0.5rem}::slotted(span:is(.duration):not([class*=pt-])){font-size:var(--card-fs) !important;line-height:var(--card-lh) !important;padding-top:0 !important}::slotted(span:is(.duration):not([class*=pt-])):before{content:"";font-family:var(--fa-family-classic);color:var(--colour-warning);padding-right:.25rem}/*# sourceMappingURL=card.component.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss","../../sass/elements/dialog.scss","../../sass/elements/popover.scss","../../sass/elements/buttons--global.css","../../sass/elements/buttons--secondary.css","../../sass/elements/buttons--tertiary.css","../../sass/elements/buttons--action.css","../../sass/elements/buttons--compact.css","../../sass/elements/buttons--special.css","../../sass/elements/button__group.css","../../sass/components/card.component.scss"],"names":[],"mappings":"CAEA,MAIE,kBAEA,wCACA,mBACA,cAEA,4BACA,oBAGF,SAEE,wCACA,kCACA,kBACA,iBACA,yBACA,2BACA,4BACA,gBACA,WACA,gBACA,aACA,sBACA,gBACA,UACA,kCACA,2DACA,oBAEA,WACE,WACA,sBAIJ,mCACE,2BAGF,iBACE,gBACA,0BACA,8BAGF,qBACE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAGF,2BACE,WACA,kBACA,MACA,OACA,WACA,YACA,oCAIJ,YAEE,wHAKF,cACE,gBACA,kIAGF,aACE,4BACA,kDACA,iCAEF,0CACE,2BAGF,kBACE,iCAEF,mCACE,yBACA,8BACA,+CACA,oDAEF,iBACE,6CACA,yBACA,8BACA,4BACA,yBAEF,qDACE,+CAGF,sCACE,2DAIF,8BACE,8BACA,mCAGF,aACE,eACA,iBACA,mBACA,iBAEA,eACE,yDACA,iCAEA,yBACA,4BACA,kCAIJ,6BACE,yBACA,4BACA,kCACA,mBAMF,mCACE,kBACA,MACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss","../../sass/elements/dialog.scss","../../sass/elements/popover.scss","../../sass/elements/buttons--global.css","../../sass/elements/buttons--secondary.css","../../sass/elements/buttons--tertiary.css","../../sass/elements/buttons--action.css","../../sass/elements/buttons--compact.css","../../sass/elements/buttons--special.css","../../sass/elements/button__group.css","../../sass/components/card.component.scss"],"names":[],"mappings":"CAEA,MAIE,kBAEA,wCACA,mBACA,cAEA,4BACA,oBAGF,SAEE,wCACA,kCACA,kBACA,iBACA,yBACA,2BACA,4BACA,gBACA,WACA,gBACA,aACA,sBACA,gBACA,UACA,kCACA,2DACA,oBAEA,WACE,WACA,sBAIJ,mCACE,2BAGF,iBACE,gBACA,0BACA,8BAGF,qBACE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAGF,2BACE,WACA,kBACA,MACA,OACA,WACA,YACA,oCAIJ,YAEE,wHAKF,cACE,gBACA,kIAGF,aACE,4BACA,kDACA,iCAEF,0CACE,2BAGF,kBACE,iCAEF,mCACE,yBACA,8BACA,+CACA,oDAEF,iBACE,6CACA,yBACA,8BACA,4BACA,yBAEF,qDACE,+CAGF,sCACE,2DAIF,8BACE,8BACA,mCAGF,aACE,eACA,iBACA,mBACA,iBAEA,eACE,yDACA,iCAEA,yBACA,4BACA,kCAIJ,6BACE,yBACA,4BACA,kCACA,mBAMF,mCACE,kBACA,MACA,iBACA,OACA,UAGF,0BACE,qIACA,sBAEF,yCACE,eC1KF,gBAEE,gDACE,cAIF,iBAEE,yBAEA,2CACA,cACA,kBACA,mBACA,YACA,4BACA,uEAEA,eACA,8BACA,0CACA,8BACA,4CACA,sCAGA,2CACE,gBAGF,qDACE,iBAGJ,4BACE,uCACA,kBAEF,oCACE,4BAEE,mBACA,uBACA,+CAKJ,iBACE,0BACA,0BACA,4BAGF,oCAEE,aACA,sBAIF,oFAGE,gBACA,WACA,mBACA,2BACA,4BAEA,oCATF,oFAUI,qBACA,kBACA,qBAGF,oCAfF,oFAgBI,oBACA,kBACA,iBAOJ,iBACE,6CACA,sCClFJ,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,cAEA,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,gBAEA,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,iBAEF,kDACE,iBAMN,yCACE,aAGF,4BACE,yCACE,gBAIJ,iOAIE,cC9PJ,gBAGE,OACE,gBACA,oBACA,SACA,oBACA,kBACA,oBAGF,iCACE,UAGF,mEACE,0BAEA,iBACE,gBAOJ,KACE,mBACA,6BACA,6BACA,wBACA,0BACA,2BAEA,qBACA,iBACA,gBACA,qBACA,sBACA,eACA,iBAEA,wBAEA,+BACA,mCACA,2DACA,qBACA,gCACA,gBAEA,WACE,oCAGF,YACA,sBACA,gBACA,mBAMA,sCACE,+BACA,mCAGF,gEACE,sBAGF,iBACE,gCACA,8DAGF,mBACE,gCAnBF,oCAlCF,KAmCI,sBAsBJ,0JAEE,UACA,qBAEA,sCACA,8BACA,qBAGF,oFAEE,uBACA,WACE,yBAEF,wBACA,qBAGF,6DAIE,WACA,mBAKF,kBACE,gCACA,qCACA,yCACA,gDACA,+BACA,mCAEA,kBACA,oBACA,qBAGF,wJAEE,oBACA,qBAEA,SACE,YACA,qCACA,kBACA,mBACA,WACA,qBACA,8BACA,uBAMJ,YACE,4BACA,2BACA,qBACA,sBAKF,KACE,qBACE,kBACA,qCAGF,mBACE,mBAEF,0BACE,eACA,qBACA,kBACA,aACA,QACA,6BAGF,2BACE,kBAGF,cACE,gBACA,qCACA,kBACA,gBACA,mBAEA,oBACE,iBACA,iBAON,iBACE,QACE,WACA,8BACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,kBAIJ,sJAEE,QACE,mBACA,sBAMJ,YACE,QACE,YACA,qBACA,gBACA,sBACA,WACA,UACA,2BACA,mBACA,gBACA,uCC1ON,gBAEE,eACE,kCAEA,iBACE,0CACA,qDAIJ,gKAEE,gDACA,yCCdJ,gBAEE,kBACE,6BACA,YACA,yBACA,+CACA,UACA,mBACA,mBACA,mBACA,kBACA,kBAEA,QACE,kBACA,WACA,SACA,SACA,WACA,WACA,6BACA,mCACA,qBAGF,6BACE,SAGF,cACE,cACA,mBAGF,gCACE,kBACA,eAGF,mFACE,QACE,sBAGJ,gDACE,6BC9CN,gBAEE,YACE,wBACA,yCACA,0CACA,qBAEA,gCACA,2BACA,eACA,oBAEA,oBACE,4BAGF,mCACE,wCACA,yDAGF,yBACE,kBACA,qBAEF,YACE,kBACA,mBACA,gBACA,kBAEA,SACE,kBACA,OACA,MACA,kBACA,kBACA,cACA,sBACA,qBAIJ,wLAEE,6CAGF,2KAEE,uBACA,gCACA,8DACA,wBAGF,kHAEE,uBACA,mBACA,6BAKJ,qDAEE,yBCpEJ,gBAEE,aACE,qBACA,qBACA,oBACA,kBACA,0BACA,8BACA,8BACA,sCACA,0CACA,0CACA,qBACA,yBACA,mBACA,gBACA,kBACA,eAEA,mBACE,mBAGF,SACE,kBACA,kBACA,cACA,MACA,OACA,WACA,YACA,cACA,+CACA,gBAGF,oBACE,+CAEA,gCACE,aAIJ,SACE,uBACA,eACA,qBAGF,aACE,qBACA,eAEA,SACE,cACA,iBAIJ,gBACE,6BACA,iCACA,yBAEA,wBACE,+BAIJ,0HAGE,+BACA,kCACA,2BAEA,gEACE,8BAIJ,eACE,kBAEF,qBACE,0BACA,kBACA,SACA,WACA,gCACA,aACA,YACA,kBACA,cACA,SACA,eACA,kBACA,kBACA,YACA,sBACA,8BAKJ,aAEE,iKAeE,qBACA,wBACA,yBACA,2BAGF,8BAvBF,aAyBI,kDACA,wCACA,oBAEA,mBAEE,2DAGF,SACE,iCACA,iCACA,gCAIJ,oCAzCF,aA2CI,mBACA,0BAEA,mBACE,6BAIF,SACE,4CACA,6BACA,iBCjKR,gBAEE,oBAEE,kBACA,sBAEA,mBACE,aAGF,mCACE,WAEA,qBACA,mBACA,gBAEA,YACA,WACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,sBACE,0BAOJ,iBACE,kBACA,UACA,sBACA,sBACA,kBAEA,OAEE,qBACA,sEACA,gEACA,gCACA,2BACA,2BACA,uBACA,8BACA,cACA,aACA,+BACA,0CACA,8CACA,gCAEA,kCAGF,QACE,kBACA,YACA,aACA,WACA,cACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,iBACA,wBACA,qBAMJ,wBACE,gBACA,mBACA,cAEA,OACE,4BACA,8BACA,8BACA,0BAGF,QACE,UACA,cC7GN,gBAEE,YAEE,aACA,sBACA,mBACA,0BACA,qBAEA,aAEE,sBACA,oBAIJ,8BAEE,0BAEA,KACE,oBACA,WACA,eACA,kBACA,mBACA,SAEA,mBACE,gBAIJ,cACE,sBACA,0BACA,8BACA,QACA,gBAEF,eACE,QACA,gBAEF,aACE,QACA,gBACA,SAEA,mBAEE,WAKN,+BACE,iBAEF,6BACE,YACE,mBACA,UACA,eACA,eAEA,cACE,sBACA,2BACA,kBACA,QAEF,eACE,QAEF,aACE,QAGF,aAEE,gBACA,mBAGJ,8BAEE,KACE,sBACA,mBACA,mBAGJ,YAEE,cACE,gBAEF,eACE,gBAEF,aACE,iBAGJ,UAEE,cACE,gBACA,QAEF,eACE,QACA,gBAEF,aACE,QACA,iBAGJ,qBACE,yBAEF,+BACE,yBACA,iBAEF,yEAEE,kBC3HN,gDACE,0DAIF,sBACE,oBAEA,wBACE,mBAKJ,kBACE,6BAIA,yEAEE,WACA,+CACA,kBACA,6BACA,kCACA,cACA,aACA,+BACA,kBAGF,oCACE,mCACA,0CACA,cACA,sBACA,sBACA,kDACA,sBACA,8BACA,8BACA,UAQF,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,qCAIJ,uBACE,uBACA,oBACA,yBACA,kBAEF,iCACE,gBACA,+BACA,kBACA,6BACA,QACA,oBACA,WACA,YAEF,sFAEE,8CACA,oBACA,mDAKF,gCAEE,kBACA,cACA,QACA,UAGF,uBAEE,6BACA,yBACA,mBACA,qBACA,oBACA,6BACA,2BAEF,6BAEE,wBAOF,sBAEE,yBACA,gBACA,mBACA,8BACA,mCACA,4BACA,8BACA,iCAEA,0BACA,qBAEA,qCAEA,iCACA,gCACA,6BACA,4BAGF,gDAEE,oCACA,sCACA,yBAEA,uDACE,YACA,qCACA,4BACA","file":"card.component.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{position:relative;border-radius:var(--card-border-radius);margin-bottom:2rem;display:block;outline:var(--card-outline);outline-offset:-2px}.wrapper{border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);position:relative;font-weight:bold;font-size:var(--card-fs);line-height:var(--card-lh);color:var(--colour-primary);min-height:100%;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}.wrapper>*{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__head:has(img):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-head-overlay)}.card__body{padding:var(--card-body-top-padding) var(--card-right-padding) var(--card-body-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:auto;padding:var(--card-footer-top-padding, 0) var(--card-right-padding) var(--card-footer-bottom-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,.title)){display:block !important;font-weight:normal !important;font-size:var(--card-body-fs, 1rem) !important;line-height:var(--card-body-lh, inherit) !important}::slotted(small){padding-top:var(--card-gap, 1rem) !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge,.title):not([class*=pt-])){padding-top:var(--card-gap, 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 7 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:
|
|
1
|
+
:host{position:relative;border-radius:var(--card-border-radius);margin-bottom:2rem;display:block;outline:var(--card-outline);outline-offset:-2px}.wrapper{border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);position:relative;font-weight:bold;font-size:var(--card-fs);line-height:var(--card-lh);color:var(--colour-primary);min-height:100%;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}.wrapper>*{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__head:has(img):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-head-overlay)}.card__body{padding:var(--card-body-top-padding) var(--card-right-padding) var(--card-body-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:auto;padding:var(--card-footer-top-padding, 0) var(--card-right-padding) var(--card-footer-bottom-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,.title)){display:block !important;font-weight:normal !important;font-size:var(--card-body-fs, 1rem) !important;line-height:var(--card-body-lh, inherit) !important}::slotted(small){padding-top:var(--card-gap, 1rem) !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge,.title):not([class*=pt-])){padding-top:var(--card-gap, 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 7 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:right;left:0;z-index:9}.card__badges:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) var(--card-badges-bottom-padding, 0) var(--card-left-padding);margin-bottom:-1.5rem}.card__head:not(:has(img))~.card__badges{text-align:end}/*# sourceMappingURL=card.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss"],"names":[],"mappings":"AAEA,MAIE,kBAEA,wCACA,mBACA,cAEA,4BACA,oBAGF,SAEE,wCACA,kCACA,kBACA,iBACA,yBACA,2BACA,4BACA,gBACA,WACA,gBACA,aACA,sBACA,gBACA,UACA,kCACA,2DACA,oBAEA,WACE,WACA,sBAIJ,mCACE,2BAGF,iBACE,gBACA,0BACA,8BAGF,qBACE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAGF,2BACE,WACA,kBACA,MACA,OACA,WACA,YACA,oCAIJ,YAEE,wHAKF,cACE,gBACA,kIAGF,aACE,4BACA,kDACA,iCAEF,0CACE,2BAGF,kBACE,iCAEF,mCACE,yBACA,8BACA,+CACA,oDAEF,iBACE,6CACA,yBACA,8BACA,4BACA,yBAEF,qDACE,+CAGF,sCACE,2DAIF,8BACE,8BACA,mCAGF,aACE,eACA,iBACA,mBACA,iBAEA,eACE,yDACA,iCAEA,yBACA,4BACA,kCAIJ,6BACE,yBACA,4BACA,kCACA,mBAMF,mCACE,kBACA,MACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss"],"names":[],"mappings":"AAEA,MAIE,kBAEA,wCACA,mBACA,cAEA,4BACA,oBAGF,SAEE,wCACA,kCACA,kBACA,iBACA,yBACA,2BACA,4BACA,gBACA,WACA,gBACA,aACA,sBACA,gBACA,UACA,kCACA,2DACA,oBAEA,WACE,WACA,sBAIJ,mCACE,2BAGF,iBACE,gBACA,0BACA,8BAGF,qBACE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAGF,2BACE,WACA,kBACA,MACA,OACA,WACA,YACA,oCAIJ,YAEE,wHAKF,cACE,gBACA,kIAGF,aACE,4BACA,kDACA,iCAEF,0CACE,2BAGF,kBACE,iCAEF,mCACE,yBACA,8BACA,+CACA,oDAEF,iBACE,6CACA,yBACA,8BACA,4BACA,yBAEF,qDACE,+CAGF,sCACE,2DAIF,8BACE,8BACA,mCAGF,aACE,eACA,iBACA,mBACA,iBAEA,eACE,yDACA,iCAEA,yBACA,4BACA,kCAIJ,6BACE,yBACA,4BACA,kCACA,mBAMF,mCACE,kBACA,MACA,iBACA,OACA,UAGF,0BACE,qIACA,sBAEF,yCACE","file":"card.module.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{iam-carousel:defined>div>*:last-child{margin-bottom:0 !important;padding-bottom:0 !important}iam-carousel:not(:defined){display:flex;flex-wrap:nowrap;overflow:auto;margin-block-end:2rem;overflow:auto}iam-carousel:not(:defined)>*{width:100%;display:block;flex:0 0 100%;padding-inline-end:1rem}}@layer components{iam-carousel{--button-height: 3rem;--marker-height: 1.25rem;--marker-mb: 1rem;padding-inline:.5rem;margin-inline:-0.5rem;padding-bottom:calc(1rem + var(--button-height) + var(--marker-height) + var(--marker-mb));margin-bottom:var(--carousel-mb, 1.5rem);scroll-padding:.5rem;display:grid;grid-auto-flow:column;gap:var(--gap);anchor-scope:all;anchor-name:--carousel;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-marker-group:before;scroll-behavior:smooth;grid-auto-flow:column;grid-auto-columns:calc(100%/var(--count, 1) - var(--gap)*(var(--count, 1) - 1)/var(--count, 1))}iam-carousel>*{container-type:scroll-state;grid-column:auto !important;min-height:100%;margin:0;scroll-snap-align:start !important}iam-carousel::scroll-button(*){cursor:pointer;position-anchor:--carousel;background:none;border:none;font-size:1rem !important;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--button-height);height:var(--button-height);align-content:center;line-height:1 !important;overflow:hidden;font-size:1rem;font-family:"Font Awesome 7 Pro" !important;display:none;position:absolute;position-area:block-end center;border-radius:50%;margin-top:calc((var(--button-height) + var(--marker-height) + var(--marker-mb))*-1)}iam-carousel::scroll-button(left){display:inline-block;content:"\f053"/"Scroll left" !important;margin-left:calc(var(--button-height)*-1) !important}iam-carousel::scroll-button(right){display:inline-block;content:"\f054"/"Scroll right" !important;margin-right:calc(var(--button-height)*-1) !important}iam-carousel::scroll-button(*):disabled{pointer-events:none}iam-carousel::scroll-button(*):is(:hover,:focus-visible){outline-offset:5px;background-color:var(--colour-light);border-color:var(--colour)}@container (min-width: 62em){main>iam-carousel{--button-height: 0rem}main>iam-carousel::scroll-button(*){--button-height: 3rem;margin-top:-1rem}main>iam-carousel::scroll-button(left){position-area:center inline-start}main>iam-carousel::scroll-button(right){position-area:center inline-end}}@container style(--hide-carousel-btns){iam-carousel{--button-height: 0rem}iam-carousel::scroll-button(*){display:none !important}}iam-carousel::scroll-marker-group{position:absolute;position-anchor:--carousel;container:marker-group/inline-size;display:grid;place-content:safe center;box-sizing:border-box;border-radius:var(--radius-round);scrollbar-width:none;scroll-behavior:smooth;inline-size:100%;max-inline-size:100cqi;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-auto-columns:var(--marker-height);grid-auto-rows:var(--marker-height);overflow-x:auto;top:auto;bottom:anchor(bottom);grid-auto-flow:column;justify-items:center;align-items:center;padding-block:0;margin-bottom:var(--marker-mb);left:anchor(center);transform:translate(-50%, 0)}iam-carousel>*::scroll-marker{content:"";scroll-snap-align:start;cursor:pointer;text-decoration:none;interactivity:auto;width:.5rem;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#a5ecfd;cursor:pointer;border:none}iam-carousel>*::scroll-marker:target-current{border-color:var(--colour-info);background:var(--colour-info);width:1rem;height:1rem;min-height:1rem;margin-inline:.125rem}iam-carousel:has(>*:not(.carousel__controls):first-child+.carousel__controls){--hide-buttons: 1;--hide-markers: 1}@container (min-width: 30em){iam-carousel[data-smcols="2"]:not(:has(>*:not(.carousel__controls):nth-child(3))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}iam-carousel[data-smcols="3"]:not(:has(>*:not(.carousel__controls):nth-child(4))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}}@container (min-width: 62em){iam-carousel[data-mdcols="2"]:not(:has(>*:not(.carousel__controls):nth-child(3))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}iam-carousel[data-mdcols="3"]:not(:has(>*:not(.carousel__controls):nth-child(4))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}}iam-carousel[data-xscols="2"]{--count: 2}iam-carousel[data-xscols="3"]{--count: 3}@container (min-width: 30em){iam-carousel[data-smcols="2"]{--count: 2}iam-carousel[data-smcols="3"]{--count: 3}}@container (min-width: 64em){iam-carousel[data-mdcols="2"]{--count: 2}iam-carousel[data-mdcols="3"]{--count: 3}}@container style(--count){iam-carousel>*{scroll-snap-align:unset}iam-carousel>*::scroll-marker{display:none}}@container not scroll-state(snapped: x){}@container style(--count: 2){iam-carousel>*:not(.carousel__controls):nth-child(2n-1){scroll-snap-align:start;scroll-snap-stop:always}iam-carousel>*:not(.carousel__controls):nth-child(2n-1)::scroll-marker{display:block}}@container style(--count: 3){iam-carousel>*:not(.carousel__controls):nth-child(3n-2){scroll-snap-align:start;scroll-snap-stop:always}iam-carousel>*:not(.carousel__controls):nth-child(3n-2)::scroll-marker{display:block}}@container style(--hide-buttons){iam-carousel{--button-height: 0rem}iam-carousel::scroll-button(*){display:none}}@container style(--hide-markers){iam-carousel{--marker-height: 0rem;--marker-mb: 0rem}iam-carousel::scroll-marker-group{display:none}}.admin-panel{--hide-buttons: 1}.admin-panel:has(iam-carousel){container-type:inline-size}.admin-panel iam-carousel{--button-height: 0rem;--marker-mb: 0rem;margin-bottom:0}.carousel__controls{display:none;position:absolute;position-anchor:--carousel;top:auto;left:anchor(left);right:anchor(right);min-height:0;width:auto;bottom:anchor(bottom);z-index:99}.carousel__progress{margin-inline:auto;text-align:center;display:none;padding-bottom:0}.carousel__progress input[type=range]{--track-size: 0.5rem;--track-colour: #a5ecfd;--thumb-colour: var(--colour-info);--thumb-size: 1rem;--thumb-size-outline: 0;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}.carousel__progress input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:.5625rem}.carousel__progress input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:.5625rem}.carousel__progress 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%)))}.carousel__progress 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%)))}.carousel__progress 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}.carousel__progress 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}.carousel__progress input[type=range]:focus{outline:none}.carousel__progress input[type=range]:hover::-webkit-slider-thumb,.carousel__progress input[type=range]:focus::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__progress input[type=range]:active::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__progress input[type=range]:hover::-moz-range-thumb,.carousel__progress input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__progress input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}@supports not selector(::scroll-marker-group){iam-carousel{--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}.carousel__controls{display:block}.carousel__progress-xs{display:block}@container (min-width: 30em){.carousel__progress-xs{display:none}.carousel__progress-sm{display:block}}@container (min-width: 62em){.carousel__progress-sm{display:none}.carousel__progress-md{display:block}}}@supports selector(::scroll-marker-group){@container (max-width: 30em){iam-carousel:has(>*:nth-child(5)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel:has(>*:nth-child(5)) .carousel__controls{display:block}iam-carousel:has(>*:nth-child(5))+.carousel__progress{display:block}}@container (min-width: 30em){.carousel__progress{display:none}iam-carousel[data-smcols="2"]:has(>*:nth-child(10)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-smcols="2"]:has(>*:nth-child(10)) .carousel__controls{display:block}iam-carousel[data-smcols="2"]:has(>*:nth-child(10)) .carousel__progress-sm{display:block}iam-carousel[data-smcols="3"]:has(>*:nth-child(15)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-smcols="3"]:has(>*:nth-child(15)) .carousel__controls{display:block}iam-carousel[data-smcols="3"]:has(>*:nth-child(15)) .carousel__progress-sm{display:block}}@container (min-width: 62em){.carousel__progress-sm{display:none}iam-carousel[data-mdcols="2"]:has(>*:nth-child(10)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-mdcols="2"]:has(>*:nth-child(10)) .carousel__controls{display:block}iam-carousel[data-mdcols="2"]:has(>*:nth-child(10)) .carousel__progress-md{display:block}iam-carousel[data-mdcols="3"]:has(>*:nth-child(15)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-mdcols="3"]:has(>*:nth-child(15)) .carousel__controls{display:block}iam-carousel[data-mdcols="3"]:has(>*:nth-child(15)) .carousel__progress-md{display:block}}}iam-carousel.thumbnails{--hide-buttons: 1;--hide-markers: 1}iam-carousel.thumbnails .carousel__controls{display:block}.carousel__pips{display:flex !important;flex-wrap:nowrap;max-width:100%;overflow:hidden;height:5rem;overflow-x:auto}.carousel__pips button{padding:0;margin:0 .2rem .4rem;width:6rem;height:4rem;aspect-ratio:3/2;border-radius:0;position:relative;border-radius:.25rem}.carousel__pips button img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;margin:0}.carousel__pips button[aria-current]{outline:2px solid var(--colour-info)}iam-carousel.carousel--article-cards{--card-head-height: 5rem;--card-fs: 1rem;--card-gap: 0.5rem;--card-body-top-padding: 1rem;--card-body-bottom-padding: 0.5rem;--card-left-padding: 0.5rem;--card-right-padding: 0.75rem;--card-right-arrow-display: none;--card-body-fs: 0.6875rem;--card-body-lh: 1rem;--card-footer-bottom-padding: 0.5rem}}/*# sourceMappingURL=carousel.config.css.map */
|
|
1
|
+
@layer components{iam-carousel:defined>div>*:last-child{margin-bottom:0 !important;padding-bottom:0 !important}iam-carousel:not(:defined){display:flex;flex-wrap:nowrap;overflow:auto;margin-block-end:2rem;overflow:auto}iam-carousel:not(:defined)>*{width:100%;display:block;flex:0 0 100%;padding-inline-end:1rem}}@layer components{iam-carousel{--button-height: 3rem;--marker-height: 1.25rem;--marker-mb: 1rem;padding-inline:.5rem;margin-inline:-0.5rem;padding-bottom:calc(1rem + var(--button-height) + var(--marker-height) + var(--marker-mb));margin-bottom:var(--carousel-mb, 2rem);scroll-padding:.5rem;display:grid;grid-auto-flow:column;gap:var(--gap);anchor-scope:all;anchor-name:--carousel;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-marker-group:before;scroll-behavior:smooth;grid-auto-flow:column;grid-auto-columns:calc(100%/var(--count, 1) - var(--gap)*(var(--count, 1) - 1)/var(--count, 1))}iam-carousel>*{container-type:scroll-state;grid-column:auto !important;min-height:100%;margin:0;scroll-snap-align:start !important}iam-carousel::scroll-button(*){cursor:pointer;position-anchor:--carousel;background:none;border:none;font-size:1rem !important;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--button-height);height:var(--button-height);align-content:center;line-height:1 !important;overflow:hidden;font-size:1rem;font-family:"Font Awesome 7 Pro" !important;display:none;position:absolute;position-area:block-end center;border-radius:50%;margin-top:calc((var(--button-height) + var(--marker-height) + var(--marker-mb))*-1)}iam-carousel::scroll-button(left){display:inline-block;content:"\f053"/"Scroll left" !important;margin-left:calc(var(--button-height)*-1) !important}iam-carousel::scroll-button(right){display:inline-block;content:"\f054"/"Scroll right" !important;margin-right:calc(var(--button-height)*-1) !important}iam-carousel::scroll-button(*):disabled{pointer-events:none}iam-carousel::scroll-button(*):is(:hover,:focus-visible){outline-offset:5px;background-color:var(--colour-light);border-color:var(--colour)}@container (min-width: 62em){main>iam-carousel{--button-height: 0rem}main>iam-carousel::scroll-button(*){--button-height: 3rem;margin-top:-1rem}main>iam-carousel::scroll-button(left){position-area:center inline-start}main>iam-carousel::scroll-button(right){position-area:center inline-end}}@container style(--hide-carousel-btns){iam-carousel{--button-height: 0rem}iam-carousel::scroll-button(*){display:none !important}}iam-carousel::scroll-marker-group{position:absolute;position-anchor:--carousel;container:marker-group/inline-size;display:grid;place-content:safe center;box-sizing:border-box;border-radius:var(--radius-round);scrollbar-width:none;scroll-behavior:smooth;inline-size:100%;max-inline-size:100cqi;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-auto-columns:var(--marker-height);grid-auto-rows:var(--marker-height);overflow-x:auto;top:auto;bottom:anchor(bottom);grid-auto-flow:column;justify-items:center;align-items:center;padding-block:0;margin-bottom:var(--marker-mb);left:anchor(center);transform:translate(-50%, 0)}iam-carousel>*::scroll-marker{content:"";scroll-snap-align:start;cursor:pointer;text-decoration:none;interactivity:auto;width:.5rem;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#a5ecfd;cursor:pointer;border:none}iam-carousel>*::scroll-marker:target-current{border-color:var(--colour-info);background:var(--colour-info);width:1rem;height:1rem;min-height:1rem;margin-inline:.125rem}iam-carousel:has(>*:not(.carousel__controls):first-child+.carousel__controls){--hide-buttons: 1;--hide-markers: 1}@container (min-width: 30em){iam-carousel[data-smcols="2"]:not(:has(>*:not(.carousel__controls):nth-child(3))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}iam-carousel[data-smcols="3"]:not(:has(>*:not(.carousel__controls):nth-child(4))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}}@container (min-width: 62em){iam-carousel[data-mdcols="2"]:not(:has(>*:not(.carousel__controls):nth-child(3))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}iam-carousel[data-mdcols="3"]:not(:has(>*:not(.carousel__controls):nth-child(4))){--hide-buttons: 1;--hide-markers: 1;--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}}iam-carousel[data-xscols="2"]{--count: 2}iam-carousel[data-xscols="3"]{--count: 3}@container (min-width: 30em){iam-carousel[data-smcols="2"]{--count: 2}iam-carousel[data-smcols="3"]{--count: 3}}@container (min-width: 64em){iam-carousel[data-mdcols="2"]{--count: 2}iam-carousel[data-mdcols="3"]{--count: 3}}@container style(--count){iam-carousel>*{scroll-snap-align:unset}iam-carousel>*::scroll-marker{display:none}}@container not scroll-state(snapped: x){}@container style(--count: 2){iam-carousel>*:not(.carousel__controls):nth-child(2n-1){scroll-snap-align:start;scroll-snap-stop:always}iam-carousel>*:not(.carousel__controls):nth-child(2n-1)::scroll-marker{display:block}}@container style(--count: 3){iam-carousel>*:not(.carousel__controls):nth-child(3n-2){scroll-snap-align:start;scroll-snap-stop:always}iam-carousel>*:not(.carousel__controls):nth-child(3n-2)::scroll-marker{display:block}}@container style(--hide-buttons){iam-carousel{--button-height: 0rem}iam-carousel::scroll-button(*){display:none}}@container style(--hide-markers){iam-carousel{--marker-height: 0rem;--marker-mb: 0rem}iam-carousel::scroll-marker-group{display:none}}.admin-panel{--hide-buttons: 1}.admin-panel:has(iam-carousel){container-type:inline-size}.admin-panel iam-carousel{--button-height: 0rem;--marker-mb: 0rem;margin-bottom:0}.carousel__controls{display:none;position:absolute;position-anchor:--carousel;top:auto;left:anchor(left);right:anchor(right);min-height:0;width:auto;bottom:anchor(bottom);z-index:99}.carousel__progress{margin-inline:auto;text-align:center;display:none;padding-bottom:0}.carousel__progress input[type=range]{--track-size: 0.5rem;--track-colour: #a5ecfd;--thumb-colour: var(--colour-info);--thumb-size: 1rem;--thumb-size-outline: 0;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}.carousel__progress input[type=range]::-webkit-slider-runnable-track{background:var(--track-colour);height:var(--track-size);border-radius:.5625rem}.carousel__progress input[type=range]::-moz-range-track{background:var(--track-colour);height:var(--track-size);border-radius:.5625rem}.carousel__progress 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%)))}.carousel__progress 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%)))}.carousel__progress 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}.carousel__progress 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}.carousel__progress input[type=range]:focus{outline:none}.carousel__progress input[type=range]:hover::-webkit-slider-thumb,.carousel__progress input[type=range]:focus::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__progress input[type=range]:active::-webkit-slider-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__progress input[type=range]:hover::-moz-range-thumb,.carousel__progress input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}.carousel__progress input[type=range]:focus::-moz-range-thumb{outline:var(--thumb-size-outline) solid var(--thumb-colour)}@supports not selector(::scroll-marker-group){iam-carousel{--button-height: 0rem;--marker-height: 0rem;--marker-mb: 0rem}.carousel__controls{display:block}.carousel__progress-xs{display:block}@container (min-width: 30em){.carousel__progress-xs{display:none}.carousel__progress-sm{display:block}}@container (min-width: 62em){.carousel__progress-sm{display:none}.carousel__progress-md{display:block}}}@supports selector(::scroll-marker-group){@container (max-width: 30em){iam-carousel:has(>*:nth-child(5)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel:has(>*:nth-child(5)) .carousel__controls{display:block}iam-carousel:has(>*:nth-child(5))+.carousel__progress{display:block}}@container (min-width: 30em){.carousel__progress{display:none}iam-carousel[data-smcols="2"]:has(>*:nth-child(10)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-smcols="2"]:has(>*:nth-child(10)) .carousel__controls{display:block}iam-carousel[data-smcols="2"]:has(>*:nth-child(10)) .carousel__progress-sm{display:block}iam-carousel[data-smcols="3"]:has(>*:nth-child(15)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-smcols="3"]:has(>*:nth-child(15)) .carousel__controls{display:block}iam-carousel[data-smcols="3"]:has(>*:nth-child(15)) .carousel__progress-sm{display:block}}@container (min-width: 62em){.carousel__progress-sm{display:none}iam-carousel[data-mdcols="2"]:has(>*:nth-child(10)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-mdcols="2"]:has(>*:nth-child(10)) .carousel__controls{display:block}iam-carousel[data-mdcols="2"]:has(>*:nth-child(10)) .carousel__progress-md{display:block}iam-carousel[data-mdcols="3"]:has(>*:nth-child(15)){--button-height: 0rem;--hide-buttons: 1;--hide-markers: 1}iam-carousel[data-mdcols="3"]:has(>*:nth-child(15)) .carousel__controls{display:block}iam-carousel[data-mdcols="3"]:has(>*:nth-child(15)) .carousel__progress-md{display:block}}}iam-carousel.thumbnails{--hide-buttons: 1;--hide-markers: 1}iam-carousel.thumbnails .carousel__controls{display:block}.carousel__pips{display:flex !important;flex-wrap:nowrap;max-width:100%;overflow:hidden;height:5rem;overflow-x:auto}.carousel__pips button{padding:0;margin:0 .2rem .4rem;width:6rem;height:4rem;aspect-ratio:3/2;border-radius:0;position:relative;border-radius:.25rem}.carousel__pips button img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;margin:0}.carousel__pips button[aria-current]{outline:2px solid var(--colour-info)}iam-carousel.carousel--article-cards{--card-head-height: 5rem;--card-fs: 1rem;--card-gap: 0.5rem;--card-body-top-padding: 1rem;--card-body-bottom-padding: 0.5rem;--card-left-padding: 0.5rem;--card-right-padding: 0.75rem;--card-right-arrow-display: none;--card-body-fs: 0.6875rem;--card-body-lh: 1rem;--card-footer-bottom-padding: 0.5rem;--card-badges-top-padding:0.5rem;--card-badges-bottom-padding: 0;--card-right-padding: 0.5rem;--card-left-padding: 0.5rem}}/*# sourceMappingURL=carousel.config.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/carousel.config.scss"],"names":[],"mappings":"AAGA,kBAEI,sCACE,2BACA,4BAKJ,2BACE,aACA,iBACA,cACA,sBACA,cAEA,6BACE,WACA,cACA,cACA,yBAQN,kBAGE,aACE,sBACA,yBACA,kBACA,qBACA,sBACA,2FAEA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/carousel.config.scss"],"names":[],"mappings":"AAGA,kBAEI,sCACE,2BACA,4BAKJ,2BACE,aACA,iBACA,cACA,sBACA,cAEA,6BACE,WACA,cACA,cACA,yBAQN,kBAGE,aACE,sBACA,yBACA,kBACA,qBACA,sBACA,2FAEA,uCACA,qBACA,aACA,sBACA,eACA,iBACA,uBACA,gBACA,8BACA,6BACA,qBACA,2BACA,uBACA,sBACA,gGAKF,eAEE,4BACA,4BACA,gBACA,SACA,mCAOA,+BAEE,eACA,2BACA,gBACA,YAEA,0BACA,qBACA,oBACA,kBACA,2BACA,4BACA,qBACA,yBACA,gBACA,eACA,4CACA,aACA,kBACA,+BACA,kBACA,qFAIF,kCAEE,qBAEA,yCACA,qDAGF,mCAEE,qBAEA,0CACA,sDAGF,wCACE,oBAGF,yDACE,mBACA,qCACA,2BAQF,6BAFF,kBAII,sBAEA,oCACE,sBACA,iBAEF,uCACE,kCAGF,wCACE,iCAMN,uCACE,aAEE,sBAEF,+BAEE,yBAMF,kCAEE,kBACA,2BACA,mCACA,aACA,0BACA,sBACA,kCACA,qBACA,uBACA,iBACA,uBACA,gBACA,6BACA,8BACA,uCACA,oCAEA,gBACA,SACA,sBACA,sBACA,qBACA,mBACA,gBACA,+BACA,oBACA,6BAIF,8BACE,WACA,wBACA,eACA,qBACA,mBAEA,YACA,eACA,kBACA,gBACA,mBACA,eACA,YAGF,6CAEE,gCACA,8BACA,WACA,YACA,gBACA,sBAOJ,8EAEE,kBACA,kBAKA,6BACE,kFAEE,kBACA,kBAEA,sBACA,sBACA,kBAEF,kFAEE,kBACA,kBAEA,sBACA,sBACA,mBAIJ,6BACE,kFAEE,kBACA,kBAEA,sBACA,sBACA,kBAEF,kFAEE,kBACA,kBAEA,sBACA,sBACA,mBASJ,8BAEE,WAEF,8BAEE,WAGF,6BACE,8BAEE,WAEF,8BAEE,YAIJ,6BACE,8BAEE,WAEF,8BAEE,YAWF,0BAFF,eAII,wBAEA,8BAEE,cAIJ,yCAKA,6BAEE,wDACE,wBACA,wBAGF,uEAEE,eAIJ,6BAEE,wDACE,wBACA,wBAGF,uEAEE,eAWN,iCAFF,aAII,sBAEA,+BACE,cAIJ,iCAXF,aAaI,sBACA,kBAEA,kCACE,cAON,aAEE,kBAEA,+BAEE,2BAGF,0BAEE,sBACA,kBACA,gBAOJ,oBACE,aACA,kBACA,2BAEA,SACA,kBACA,oBACA,aACA,WACA,sBACA,WAGF,oBACE,mBACA,kBACA,aACA,iBAEA,sCACE,qBACA,wBACA,mCACA,mBACA,wBACA,UACA,mBAEA,yBACA,eACA,SACA,YACA,kBACA,iCACA,wBACA,gBAIF,qEACE,+BACA,yBACA,uBAGF,wDACE,+BACA,yBACA,uBAIF,qEACE,kPAUF,wDACE,kPAWF,4DACE,wBACA,gBACA,oBACA,qCACA,yBACA,wBACA,kBACA,kBACA,WACA,mBAGF,wDACE,YACA,qCACA,yBACA,wBACA,kBACA,kBACA,WACA,mBAIF,4CACE,aAGF,oIAEE,4DAGF,mEACE,4DAGF,4HAEE,4DAEF,8DACE,4DAIJ,8CAEE,aACE,sBACA,sBACA,kBAGF,oBACE,cAGF,uBACE,cAGF,6BAEE,uBACE,aAEF,uBACE,eAIJ,6BAEE,uBACE,aAEF,uBACE,gBAMN,0CAGE,6BACE,kCAEE,sBAEA,kBACA,kBAEA,sDACE,cAGJ,sDACE,eAIJ,6BAEE,oBACE,aAGF,oDAEE,sBAEA,kBACA,kBAEA,wEACE,cAGJ,2EACE,cAGF,oDAEE,sBAEA,kBACA,kBAEA,wEACE,cAIJ,2EACE,eAIJ,6BAEE,uBACE,aAGF,oDAEE,sBAEA,kBACA,kBAEA,wEACE,cAIJ,2EACE,cAGF,oDAEE,sBAEA,kBACA,kBAEA,wEACE,cAIJ,2EACE,gBAQN,wBAEE,kBACA,kBAEA,4CACE,cAGJ,gBACE,wBACA,iBACA,eACA,gBACA,YACA,gBAEA,uBACE,UACA,qBAEA,WACA,YACA,iBAEA,gBACA,kBACA,qBAEA,2BACE,kBACA,QACA,YACA,WACA,iBACA,SAGF,qCACE,qCASN,qCAEE,yBACA,gBACA,mBACA,8BACA,mCACA,4BACA,8BACA,iCACA,0BACA,qBAGA,qCAGA,iCACA,gCACA,6BACA","file":"carousel.config.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{position:relative;border-radius:var(--card-border-radius);margin-bottom:2rem;display:block;outline:var(--card-outline);outline-offset:-2px}.wrapper{border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);position:relative;font-weight:bold;font-size:var(--card-fs);line-height:var(--card-lh);color:var(--colour-primary);min-height:100%;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}.wrapper>*{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__head:has(img):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-head-overlay)}.card__body{padding:var(--card-body-top-padding) var(--card-right-padding) var(--card-body-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:auto;padding:var(--card-footer-top-padding, 0) var(--card-right-padding) var(--card-footer-bottom-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,.title)){display:block !important;font-weight:normal !important;font-size:var(--card-body-fs, 1rem) !important;line-height:var(--card-body-lh, inherit) !important}::slotted(small){padding-top:var(--card-gap, 1rem) !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge,.title):not([class*=pt-])){padding-top:var(--card-gap, 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 7 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:
|
|
1
|
+
:host{position:relative;border-radius:var(--card-border-radius);margin-bottom:2rem;display:block;outline:var(--card-outline);outline-offset:-2px}.wrapper{border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);position:relative;font-weight:bold;font-size:var(--card-fs);line-height:var(--card-lh);color:var(--colour-primary);min-height:100%;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}.wrapper>*{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__head:has(img):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-head-overlay)}.card__body{padding:var(--card-body-top-padding) var(--card-right-padding) var(--card-body-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:auto;padding:var(--card-footer-top-padding, 0) var(--card-right-padding) var(--card-footer-bottom-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,.title)){display:block !important;font-weight:normal !important;font-size:var(--card-body-fs, 1rem) !important;line-height:var(--card-body-lh, inherit) !important}::slotted(small){padding-top:var(--card-gap, 1rem) !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge,.title):not([class*=pt-])){padding-top:var(--card-gap, 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 7 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:right;left:0;z-index:9}.card__badges:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) var(--card-badges-bottom-padding, 0) var(--card-left-padding);margin-bottom:-1.5rem}.card__head:not(:has(img))~.card__badges{text-align:end}:host{--top-padding: 1.5rem;--right-padding: 1rem;--bottom-padding: 1.5rem;--left-padding: 1rem}:host:has(.card__total) .card__body{align-items:center;display:flex}:host:before,:host:after{display:none}:host.card--has-icon{--bottom-padding: 1rem;border:none}:host .icon{font-size:1.125rem !important;height:1.125rem !important;margin:0 0 .5rem 0 !important;font-weight:400 !important;display:block !important}:host .card__total{margin-top:0;order:-1}:host(:is(:hover,:focus,.hover)){outline:none}:host(:is(:hover,:focus,.hover)) :is(.card__body,.card__footer){background:light-dark(#eeeeee, var(--colour-canvas))}:host-context(:is(:checked,.checked)) .wrapper,:host(:is(:active,.active)) .wrapper{outline:2px solid var(--colour, var(--colour-primary)) !important;outline-offset:-2px !important}:host-context(:is(:checked,.checked)) .wrapper .card__body,:host(:is(:active,.active)) .wrapper .card__body{background:none}:host-context(:is(:checked,.checked)) .wrapper .card__footer,:host(:is(:active,.active)) .wrapper .card__footer{background:none}::slotted(i){display:block !important;font-size:1.125rem !important;margin:0 0 .5rem 0 !important}:host(.card--flag){position:relative}:host(.card--flag):after{content:var(--card-flag-icon, "\f024");font-family:var(--fa-family-classic);position:absolute;top:1rem;right:1rem;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block;font-weight:normal;color:var(--colour, var(--colour-primary))}.card__body:has(.card__total){--card-head-top-padding: 2rem;--card-head-bottom-padding: 2rem;display:flex;align-items:center}.card__total{order:-1}/*# sourceMappingURL=filter-card.component.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss","../../sass/components/filter-card.component.scss"],"names":[],"mappings":"AAEA,MAIE,kBAEA,wCACA,mBACA,cAEA,4BACA,oBAGF,SAEE,wCACA,kCACA,kBACA,iBACA,yBACA,2BACA,4BACA,gBACA,WACA,gBACA,aACA,sBACA,gBACA,UACA,kCACA,2DACA,oBAEA,WACE,WACA,sBAIJ,mCACE,2BAGF,iBACE,gBACA,0BACA,8BAGF,qBACE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAGF,2BACE,WACA,kBACA,MACA,OACA,WACA,YACA,oCAIJ,YAEE,wHAKF,cACE,gBACA,kIAGF,aACE,4BACA,kDACA,iCAEF,0CACE,2BAGF,kBACE,iCAEF,mCACE,yBACA,8BACA,+CACA,oDAEF,iBACE,6CACA,yBACA,8BACA,4BACA,yBAEF,qDACE,+CAGF,sCACE,2DAIF,8BACE,8BACA,mCAGF,aACE,eACA,iBACA,mBACA,iBAEA,eACE,yDACA,iCAEA,yBACA,4BACA,kCAIJ,6BACE,yBACA,4BACA,kCACA,mBAMF,mCACE,kBACA,MACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss","../../sass/components/filter-card.component.scss"],"names":[],"mappings":"AAEA,MAIE,kBAEA,wCACA,mBACA,cAEA,4BACA,oBAGF,SAEE,wCACA,kCACA,kBACA,iBACA,yBACA,2BACA,4BACA,gBACA,WACA,gBACA,aACA,sBACA,gBACA,UACA,kCACA,2DACA,oBAEA,WACE,WACA,sBAIJ,mCACE,2BAGF,iBACE,gBACA,0BACA,8BAGF,qBACE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAGF,2BACE,WACA,kBACA,MACA,OACA,WACA,YACA,oCAIJ,YAEE,wHAKF,cACE,gBACA,kIAGF,aACE,4BACA,kDACA,iCAEF,0CACE,2BAGF,kBACE,iCAEF,mCACE,yBACA,8BACA,+CACA,oDAEF,iBACE,6CACA,yBACA,8BACA,4BACA,yBAEF,qDACE,+CAGF,sCACE,2DAIF,8BACE,8BACA,mCAGF,aACE,eACA,iBACA,mBACA,iBAEA,eACE,yDACA,iCAEA,yBACA,4BACA,kCAIJ,6BACE,yBACA,4BACA,kCACA,mBAMF,mCACE,kBACA,MACA,iBACA,OACA,UAGF,0BACE,qIACA,sBAEF,yCACE,eCvKF,MACE,sBACA,sBACA,yBACA,qBAEA,oCACE,mBACA,aAGF,yBAEE,aAGF,qBACE,uBACA,YAGF,YACE,8BACA,2BACA,8BACA,2BACA,yBAGF,mBACE,aACA,SAIJ,iCACE,aAEA,gEACE,qDAIJ,oFAEE,kEACA,+BAEA,4GACE,gBAEF,gHACE,gBAIJ,aACE,yBACA,8BACA,8BAIF,mBACE,kBAEA,yBACE,uCACA,qCACA,kBACA,SACA,WACA,eACA,cACA,YACA,WACA,qBACA,mBACA,2CAMJ,8BACE,8BACA,iCACA,aACA,mBAGF,aACE","file":"filter-card.component.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog,[popover]{--dialog-padding: 0.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);font-size:1rem;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dialog-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow)}dialog>*:last-child,[popover]>*:last-child{margin-bottom:0}dialog>:is(p):last-child,[popover]>:is(p):last-child{padding-bottom:0}dialog[open]:has(iam-modal){--modal-inner-dialog-display: contents;place-self:center}@media(prefers-color-scheme: light){dialog[open]:has(iam-modal){color-scheme:light;--colour-body: #595959;--colour-heading: var(--colour-primary-theme)}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}dialog[open],[popover]:popover-open{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{overflow-y:auto;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:28.375rem;width:fit-content;max-width:46rem}}details.bg-light{margin-inline:calc(var(--dialog-padding)*-1);padding-inline:var(--dialog-padding)}}@layer elements{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"";font-family:var(--fa-family-classic);margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic)}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:var(--fa-family-classic);margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:var(--fa-family-classic)}}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary);&:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:transparent;border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative;&:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}&.text-decoration-none:after{width:0%}&[class*=fa-]{margin-left:0;margin-right:.5rem}&[class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}&:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active){&:after{width:60% !important}}&:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}}@layer elements{.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}&.icon-only{position:relative;text-indent:-300vw;overflow:hidden;min-width:1.75rem;&:before{position:absolute;left:0;top:0;min-width:1.75rem;text-align:center;text-indent:0;padding-inline:.25rem;line-height:1.85rem}}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2;&>.fa-chevron-down{display:none}&:not(:has(i)):not(.no-icon):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}&[aria-pressed]:after{transform:rotate(270deg)}}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content;select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}&:after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em;select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}&:after{top:.2rem;right:.5rem}}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}:host{overscroll-behavior:contain;display:block;container-type:inline-size}::slotted(dialog){display:contents !important}::slotted(button){margin:0 !important}@layer components{dialog{display:var(--modal-inner-dialog-display, block);width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain;overflow-y:hidden;place-self:center}@media screen and (min-width: 36em){dialog{--dialog-padding: 2rem;min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){dialog{min-width:28.375rem;width:fit-content;max-width:46rem}}dialog::before{content:"";top:.75rem;bottom:auto;left:0;right:.5rem;height:calc(var(--dialog-padding) - .75rem);position:absolute;display:block;background:linear-gradient(0deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2}dialog::after{content:"";top:auto;bottom:.75rem;left:0;right:6px;height:calc(var(--dialog-padding) - .75rem);position:absolute;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2}dialog .scroll{margin-inline:calc(var(--dialog-padding)*-1);margin-block:calc((var(--dialog-padding) - .75rem)*-1);padding-inline:var(--dialog-padding);padding-block:calc(var(--dialog-padding) - .75rem);height:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;position:relative;z-index:1}dialog .scroll .fa-circle{display:none}dialog>button:first-child{position:absolute;top:.5rem;right:.5rem;z-index:var(--index-floating);margin:0}dialog>button:first-child:not(:hover,:focus,:active){background-color:var(--colour-canvas)}@container (min-width: 36em){dialog>button:first-child{top:calc(var(--dialog-padding) - .75rem);right:calc(var(--dialog-padding) - .75rem)}}dialog:has(.youtube-embed){padding:0 !important}dialog.dialog--fullwidth{max-width:69.5rem}dialog .btn__group{display:none}@media screen and (min-width: 36em){:host(.modal--sm) dialog[open]{min-width:20.9375rem;width:20.9375rem;max-width:20.9375rem}}@media screen and (min-width: 62em){:host(.modal--sm) dialog[open]{min-width:28.375rem;width:28.375rem;max-width:28.375rem}}@media screen and (min-width: 36em){:host(.modal--lg) dialog[open]{min-width:42.875rem;width:42.875rem;max-width:42.875rem}}@media screen and (min-width: 62em){:host(.modal--lg) dialog[open]{min-width:46rem;width:46rem;max-width:46rem}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-top:4px solid rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:#c1c1c1;width:6px;border-radius:3px}::slotted(p:last-child){padding-bottom:0 !important}::slotted(p:last-child){padding-bottom:0 !important}::slotted(:last-child){margin-bottom:0 !important}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open]{text-align:center}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle{display:var(--fa-display, block);line-height:1;font-size:3rem;height:3rem;width:3rem;margin-top:0;margin-bottom:0;line-height:1;color:var(--colour-heading);margin-inline:auto}@media screen and (min-width: 62em){:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle{font-size:4rem;height:4rem;width:4rem}}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle:has(>i){position:relative}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle>i:before{position:absolute;top:0;left:50%;transform:scale(0.5) translate(-100%, 0)}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open]>button:first-child{display:none}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .btn__group{display:flex;justify-content:center;padding-top:2rem;margin-bottom:0}:host([data-type=acknowledgement]) dialog[open] .btn__group [data-cancel]{display:none}}/*# sourceMappingURL=modal.component.css.map */
|
|
1
|
+
@layer elements{body:not(.js-enabled) dialog:not([open]):target{display:block}dialog,[popover]{--dialog-padding: 0.5rem;--mh-padding-inline: var(--dialog-padding);color:inherit;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);font-size:1rem;background:var(--dropdown-bg);margin-block:var(--dropdown-margin-block);padding:var(--dialog-padding);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-box-shadow)}dialog>*:last-child,[popover]>*:last-child{margin-bottom:0}dialog>:is(p):last-child,[popover]>:is(p):last-child{padding-bottom:0}dialog[open]:has(iam-modal){--modal-inner-dialog-display: contents;place-self:center}@media(prefers-color-scheme: light){dialog[open]:has(iam-modal){color-scheme:light;--colour-body: #595959;--colour-heading: var(--colour-primary-theme)}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}dialog[open],[popover]:popover-open{display:flex;flex-direction:column}*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{overflow-y:auto;width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open],*:not(.dialog__wrapper)>[popover]:popover-open{min-width:28.375rem;width:fit-content;max-width:46rem}}details.bg-light{margin-inline:calc(var(--dialog-padding)*-1);padding-inline:var(--dialog-padding)}}@layer elements{button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}:is(button,[type=button],[type=reset],[type=submit],[role=button]){-webkit-appearance:button;&:not(:disabled){cursor:pointer}}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 2px;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap;&:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}&:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}&:not(:last-child){margin-right:var(--btn-margin)}}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.btn-complete{--colour: var(--colour-success);--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn-complete,.btn.btn-complete:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem;&:before{content:"";font-family:var(--fa-family-classic);margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn{&[class*=fa-]:before{content:var(--fa);font-family:var(--fa-family-classic)}&[class*=fa-after]{padding-right:4rem}&[class*=fa-after]:before{margin-right:0;margin-right:.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}&:not(.btn-compact):before{margin-right:1rem}i[class*=fa-]{--fa-width: 1em;font-family:var(--fa-family-classic);margin-right:1rem;line-height:1em;font-style:inherit;&:not(:first-child){margin-left:1rem;margin-right:0}}}.btn.btn--prompt{&:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active){&:after{margin-left:1.5rem;margin-right:-0.5rem}}.btn-filter{&:after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:var(--fa-family-classic)}}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary);&:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:transparent;border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative;&:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}&.text-decoration-none:after{width:0%}&[class*=fa-]{margin-left:0;margin-right:.5rem}&[class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}&:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active){&:after{width:60% !important}}&:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}}@layer elements{.btn-action{--btn-border-width: 1px;--btn-padding-block: 0.3125rem /* 5px */;--btn-padding-inline: 0.3125rem /* 5px */;--btn-margin: 0.5rem;border-radius:.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem;&:not(.btn-primary){color:var(--colour-heading)}&:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}&.btn[class*=fa-]:before{content:var(--fa);margin-right:.375rem}&.icon-only{position:relative;text-indent:-300vw;overflow:hidden;min-width:1.75rem;&:before{position:absolute;left:0;top:0;min-width:1.75rem;text-align:center;text-indent:0;padding-inline:.25rem;line-height:1.85rem}}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) &,&.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) &,&:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}.btn-action:not(.btn-compact).fa-compact-only:before{display:none !important}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;align-content:center;line-height:1 !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem;&:not(:last-child){margin-right:.5rem}&:before{content:var(--fa);position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - .25rem);font-weight:900}[class*=fa-]:before{line-height:calc(var(--compact-size) - .25rem);@container style(--theme: dark){color:white}}&.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}&.btn-action{--compact-size: 2rem;font-size:1rem;&:before{font-size:1em;font-weight:400}}&.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:transparent;&:not([class*=colour-]){--colour: var(--colour-light)}}&.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour);&:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}}&[data-number]{position:relative}&[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:white;letter-spacing:-0.1em;font-family:arial,sans-serif}}.btn-compact{&:is(.fa-left,.fa-chevron-left,.fa-right,.fa-chevron-right,.fa-up,.fa-chevron-up,.fa-down,.fa-chevron-down,.fa-plus,.fa-bars,.fa-edit,.fa-envelope,.fa-calendar){--iso-display: block;--iso-font-size: 1.5rem;--iso-border-radius: 50%;--iso-text-indent: -500px}}@container style(--font-body){.btn-compact{font-size:var(--iso-font-size, 0.6rem) !important;text-indent:var(--iso-text-indent, 0px);white-space:initial;&:not(.btn-action){border-radius:var(--iso-border-radius, 0.25rem) !important}&:before{display:var(--iso-display, none);font-family:monospace !important;content:var(--iso) !important}}}@container style(--fa-font-regular){.btn-compact{text-indent:-500px;font-size:1rem !important;&:not(.btn-action){border-radius:50% !important}&:before{font-family:"Font Awesome 7 Pro" !important;content:var(--fa) !important;display:block}}}}@layer elements{.btn[popovertarget]{position:relative;anchor-name:--button2;&>.fa-chevron-down{display:none}&:not(:has(i)):not(.no-icon):after{content:"";display:inline-block;margin-right:.25em;margin-left:1em;height:.8em;width:.8em;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transform:rotate(90deg)}&[aria-pressed]:after{transform:rotate(270deg)}}.btn:has(select){position:relative;padding:0;max-width:fit-content;min-width:fit-content;width:fit-content;select{all:unset !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:calc(var(--btn-padding-inline) + 2rem) !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;outline:none;font-weight:inherit !important;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important;field-sizing:content !important;appearance:base-select !important}&:after{position:absolute;top:.625rem;right:1.5rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}}.btn-action:has(select){padding-block:0;padding-right:2rem;font-size:1em;select{margin:0rem 0rem !important;padding-right:2rem !important;margin-right:-2rem !important;font-size:1rem !important}&:after{top:.2rem;right:.5rem}}}@layer elements{.btn__group{display:flex;flex-direction:column;row-gap:var(--gap);reading-flow:source-order;margin-bottom:1.5rem;.btn-compact{max-width:fit-content;margin-inline:auto}}:where(.btn__group,iam-modal){reading-flow:source-order;.btn{margin-inline-end:0;width:100%;max-width:100%;text-align:center;white-space:normal;margin:0;&:not(:last-child){margin-right:0}}.btn-tertiary{max-width:fit-content;margin-block:0 !important;margin-inline:auto !important;order:3;reading-order:3}.btn-secondary{order:2;reading-order:2}.btn-primary{order:1;reading-order:1;margin:0;&:not(:last-child){margin:0}}}:is(iam-form,form) .btn__group{padding-top:1rem}@container (min-width: 36em){.btn__group{flex-direction:row;row-gap:0;gap:var(--gap);flex-wrap:wrap;.btn-tertiary{max-width:fit-content;margin-inline:0 !important;margin-block:auto;order:1}.btn-secondary{order:2}.btn-primary{order:3}.btn-compact{margin-inline:0;margin-block:auto}}:where(iam-modal,.btn__group){.btn{max-width:fit-content;white-space:nowrap;margin-block:auto}}.btn__group{.btn-tertiary{reading-order:1}.btn-secondary{reading-order:2}.btn-primary{reading-order:3}}iam-modal{.btn-tertiary{reading-order:3;order:1}.btn-secondary{order:2;reading-order:2}.btn-primary{order:3;reading-order:1}}.btn__group.text-end{justify-content:flex-end}:is(iam-form,form) .btn__group{justify-content:flex-end;padding-top:3rem}iam-modal .btn__group:last-child .btn,dialog .btn__group:last-child .btn{margin-bottom:0}}}:host{overscroll-behavior:contain;display:block;container-type:inline-size}::slotted(dialog){display:contents !important}::slotted(button){margin:0 !important}@layer components{dialog[open]{display:var(--modal-inner-dialog-display, block)}dialog{width:90vw;max-width:20.25rem;max-height:min(90vh,47rem);overscroll-behavior:contain;overflow-y:hidden;place-self:center}@media screen and (min-width: 36em){dialog{--dialog-padding: 2rem;min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){dialog{min-width:28.375rem;width:fit-content;max-width:46rem}}dialog::before{content:"";top:.75rem;bottom:auto;left:0;right:.5rem;height:calc(var(--dialog-padding) - .75rem);position:absolute;display:block;background:linear-gradient(0deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2}dialog::after{content:"";top:auto;bottom:.75rem;left:0;right:6px;height:calc(var(--dialog-padding) - .75rem);position:absolute;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2}dialog .scroll{margin-inline:calc(var(--dialog-padding)*-1);margin-block:calc((var(--dialog-padding) - .75rem)*-1);padding-inline:var(--dialog-padding);padding-block:calc(var(--dialog-padding) - .75rem);height:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;position:relative;z-index:1}dialog .scroll .fa-circle{display:none}dialog>button:first-child{position:absolute;top:.5rem;right:.5rem;z-index:var(--index-floating);margin:0}dialog>button:first-child:not(:hover,:focus,:active){background-color:var(--colour-canvas)}@container (min-width: 36em){dialog>button:first-child{top:calc(var(--dialog-padding) - .75rem);right:calc(var(--dialog-padding) - .75rem)}}dialog:has(.youtube-embed){padding:0 !important}dialog.dialog--fullwidth{max-width:69.5rem}dialog .btn__group{display:none}@media screen and (min-width: 36em){:host(.modal--sm) dialog[open]{min-width:20.9375rem;width:20.9375rem;max-width:20.9375rem}}@media screen and (min-width: 62em){:host(.modal--sm) dialog[open]{min-width:28.375rem;width:28.375rem;max-width:28.375rem}}@media screen and (min-width: 36em){:host(.modal--lg) dialog[open]{min-width:42.875rem;width:42.875rem;max-width:42.875rem}}@media screen and (min-width: 62em){:host(.modal--lg) dialog[open]{min-width:46rem;width:46rem;max-width:46rem}}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);border-top:4px solid rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:#c1c1c1;width:6px;border-radius:3px}::slotted(p:last-child){padding-bottom:0 !important}::slotted(p:last-child){padding-bottom:0 !important}::slotted(:last-child){margin-bottom:0 !important}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open]{text-align:center}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle{display:var(--fa-display, block);line-height:1;font-size:3rem;height:3rem;width:3rem;margin-top:0;margin-bottom:0;line-height:1;color:var(--colour-heading);margin-inline:auto}@media screen and (min-width: 62em){:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle{font-size:4rem;height:4rem;width:4rem}}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle:has(>i){position:relative}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .scroll>.fa-circle>i:before{position:absolute;top:0;left:50%;transform:scale(0.5) translate(-100%, 0)}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open]>button:first-child{display:none}:host(:is([data-type=transactional],[data-type=acknowledgement])) dialog[open] .btn__group{display:flex;justify-content:center;padding-top:2rem;margin-bottom:0}:host([data-type=acknowledgement]) dialog[open] .btn__group [data-cancel]{display:none}}/*# sourceMappingURL=modal.component.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/elements/dialog.scss","../../sass/elements/buttons--global.css","../../sass/elements/buttons--secondary.css","../../sass/elements/buttons--tertiary.css","../../sass/elements/buttons--action.css","../../sass/elements/buttons--compact.css","../../sass/elements/buttons--special.css","../../sass/elements/button__group.css","../../sass/components/modal.component.scss"],"names":[],"mappings":"CAAA,gBAEE,gDACE,cAIF,iBAEE,yBAEA,2CACA,cACA,kBACA,mBACA,YACA,4BACA,uEAEA,eACA,8BACA,0CACA,8BACA,4CACA,sCAGA,2CACE,gBAGF,qDACE,iBAGJ,4BACE,uCACA,kBAEF,oCACE,4BAEE,mBACA,uBACA,+CAKJ,iBACE,0BACA,0BACA,4BAGF,oCAEE,aACA,sBAIF,oFAGE,gBACA,WACA,mBACA,2BACA,4BAEA,oCATF,oFAUI,qBACA,kBACA,qBAGF,oCAfF,oFAgBI,oBACA,kBACA,iBAOJ,iBACE,6CACA,sCCzFJ,gBAGE,OACE,gBACA,oBACA,SACA,oBACA,kBACA,oBAGF,iCACE,UAGF,mEACE,0BAEA,iBACE,gBAOJ,KACE,mBACA,6BACA,6BACA,wBACA,0BACA,2BAEA,qBACA,iBACA,gBACA,qBACA,sBACA,eACA,iBAEA,wBAEA,+BACA,mCACA,2DACA,qBACA,gCACA,gBAEA,WACE,oCAGF,YACA,sBACA,gBACA,mBAMA,sCACE,+BACA,mCAGF,gEACE,sBAGF,iBACE,gCACA,8DAGF,mBACE,gCAnBF,oCAlCF,KAmCI,sBAsBJ,0JAEE,UACA,qBAEA,sCACA,8BACA,qBAGF,oFAEE,uBACA,WACE,yBAEF,wBACA,qBAGF,6DAIE,WACA,mBAKF,kBACE,gCACA,qCACA,yCACA,gDACA,+BACA,mCAEA,kBACA,oBACA,qBAGF,wJAEE,oBACA,qBAEA,SACE,YACA,qCACA,kBACA,mBACA,WACA,qBACA,8BACA,uBAMJ,YACE,4BACA,2BACA,qBACA,sBAKF,KACE,qBACE,kBACA,qCAGF,mBACE,mBAEF,0BACE,eACA,qBACA,kBACA,aACA,QACA,6BAGF,2BACE,kBAGF,cACE,gBACA,qCACA,kBACA,gBACA,mBAEA,oBACE,iBACA,iBAON,iBACE,QACE,WACA,8BACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,kBAIJ,sJAEE,QACE,mBACA,sBAMJ,YACE,QACE,YACA,qBACA,gBACA,sBACA,WACA,UACA,2BACA,mBACA,gBACA,uCC1ON,gBAEE,eACE,kCAEA,iBACE,0CACA,qDAIJ,gKAEE,gDACA,yCCdJ,gBAEE,kBACE,6BACA,YACA,yBACA,+CACA,UACA,mBACA,mBACA,mBACA,kBACA,kBAEA,QACE,kBACA,WACA,SACA,SACA,WACA,WACA,6BACA,mCACA,qBAGF,6BACE,SAGF,cACE,cACA,mBAGF,gCACE,kBACA,eAGF,mFACE,QACE,sBAGJ,gDACE,6BC9CN,gBAEE,YACE,wBACA,yCACA,0CACA,qBAEA,gCACA,2BACA,eACA,oBAEA,oBACE,4BAGF,mCACE,wCACA,yDAGF,yBACE,kBACA,qBAEF,YACE,kBACA,mBACA,gBACA,kBAEA,SACE,kBACA,OACA,MACA,kBACA,kBACA,cACA,sBACA,qBAIJ,wLAEE,6CAGF,2KAEE,uBACA,gCACA,8DACA,wBAGF,kHAEE,uBACA,mBACA,6BAKJ,qDAEE,yBCpEJ,gBAEE,aACE,qBACA,qBACA,oBACA,kBACA,0BACA,8BACA,8BACA,sCACA,0CACA,0CACA,qBACA,yBACA,mBACA,gBACA,kBACA,eAEA,mBACE,mBAGF,SACE,kBACA,kBACA,cACA,MACA,OACA,WACA,YACA,cACA,+CACA,gBAGF,oBACE,+CAEA,gCACE,aAIJ,SACE,uBACA,eACA,qBAGF,aACE,qBACA,eAEA,SACE,cACA,iBAIJ,gBACE,6BACA,iCACA,yBAEA,wBACE,+BAIJ,0HAGE,+BACA,kCACA,2BAEA,gEACE,8BAIJ,eACE,kBAEF,qBACE,0BACA,kBACA,SACA,WACA,gCACA,aACA,YACA,kBACA,cACA,SACA,eACA,kBACA,kBACA,YACA,sBACA,8BAKJ,aAEE,iKAeE,qBACA,wBACA,yBACA,2BAGF,8BAvBF,aAyBI,kDACA,wCACA,oBAEA,mBAEE,2DAGF,SACE,iCACA,iCACA,gCAIJ,oCAzCF,aA2CI,mBACA,0BAEA,mBACE,6BAIF,SACE,4CACA,6BACA,iBCjKR,gBAEE,oBAEE,kBACA,sBAEA,mBACE,aAGF,mCACE,WAEA,qBACA,mBACA,gBAEA,YACA,WACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,sBACE,0BAOJ,iBACE,kBACA,UACA,sBACA,sBACA,kBAEA,OAEE,qBACA,sEACA,gEACA,gCACA,2BACA,2BACA,uBACA,8BACA,cACA,aACA,+BACA,0CACA,8CACA,gCAEA,kCAGF,QACE,kBACA,YACA,aACA,WACA,cACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,iBACA,wBACA,qBAMJ,wBACE,gBACA,mBACA,cAEA,OACE,4BACA,8BACA,8BACA,0BAGF,QACE,UACA,cC7GN,gBAEE,YAEE,aACA,sBACA,mBACA,0BACA,qBAEA,aAEE,sBACA,oBAIJ,8BAEE,0BAEA,KACE,oBACA,WACA,eACA,kBACA,mBACA,SAEA,mBACE,gBAIJ,cACE,sBACA,0BACA,8BACA,QACA,gBAEF,eACE,QACA,gBAEF,aACE,QACA,gBACA,SAEA,mBAEE,WAKN,+BACE,iBAEF,6BACE,YACE,mBACA,UACA,eACA,eAEA,cACE,sBACA,2BACA,kBACA,QAEF,eACE,QAEF,aACE,QAGF,aAEE,gBACA,mBAGJ,8BAEE,KACE,sBACA,mBACA,mBAGJ,YAEE,cACE,gBAEF,eACE,gBAEF,aACE,iBAGJ,UAEE,cACE,gBACA,QAEF,eACE,QACA,gBAEF,aACE,QACA,iBAGJ,qBACE,yBAEF,+BACE,yBACA,iBAEF,yEAEE,kBC9HN,MAEE,4BAEA,cACA,2BAIF,kBACE,4BAGF,kBACE,oBAGF,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/elements/dialog.scss","../../sass/elements/buttons--global.css","../../sass/elements/buttons--secondary.css","../../sass/elements/buttons--tertiary.css","../../sass/elements/buttons--action.css","../../sass/elements/buttons--compact.css","../../sass/elements/buttons--special.css","../../sass/elements/button__group.css","../../sass/components/modal.component.scss"],"names":[],"mappings":"CAAA,gBAEE,gDACE,cAIF,iBAEE,yBAEA,2CACA,cACA,kBACA,mBACA,YACA,4BACA,uEAEA,eACA,8BACA,0CACA,8BACA,4CACA,sCAGA,2CACE,gBAGF,qDACE,iBAGJ,4BACE,uCACA,kBAEF,oCACE,4BAEE,mBACA,uBACA,+CAKJ,iBACE,0BACA,0BACA,4BAGF,oCAEE,aACA,sBAIF,oFAGE,gBACA,WACA,mBACA,2BACA,4BAEA,oCATF,oFAUI,qBACA,kBACA,qBAGF,oCAfF,oFAgBI,oBACA,kBACA,iBAOJ,iBACE,6CACA,sCCzFJ,gBAGE,OACE,gBACA,oBACA,SACA,oBACA,kBACA,oBAGF,iCACE,UAGF,mEACE,0BAEA,iBACE,gBAOJ,KACE,mBACA,6BACA,6BACA,wBACA,0BACA,2BAEA,qBACA,iBACA,gBACA,qBACA,sBACA,eACA,iBAEA,wBAEA,+BACA,mCACA,2DACA,qBACA,gCACA,gBAEA,WACE,oCAGF,YACA,sBACA,gBACA,mBAMA,sCACE,+BACA,mCAGF,gEACE,sBAGF,iBACE,gCACA,8DAGF,mBACE,gCAnBF,oCAlCF,KAmCI,sBAsBJ,0JAEE,UACA,qBAEA,sCACA,8BACA,qBAGF,oFAEE,uBACA,WACE,yBAEF,wBACA,qBAGF,6DAIE,WACA,mBAKF,kBACE,gCACA,qCACA,yCACA,gDACA,+BACA,mCAEA,kBACA,oBACA,qBAGF,wJAEE,oBACA,qBAEA,SACE,YACA,qCACA,kBACA,mBACA,WACA,qBACA,8BACA,uBAMJ,YACE,4BACA,2BACA,qBACA,sBAKF,KACE,qBACE,kBACA,qCAGF,mBACE,mBAEF,0BACE,eACA,qBACA,kBACA,aACA,QACA,6BAGF,2BACE,kBAGF,cACE,gBACA,qCACA,kBACA,gBACA,mBAEA,oBACE,iBACA,iBAON,iBACE,QACE,WACA,8BACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,kBAIJ,sJAEE,QACE,mBACA,sBAMJ,YACE,QACE,YACA,qBACA,gBACA,sBACA,WACA,UACA,2BACA,mBACA,gBACA,uCC1ON,gBAEE,eACE,kCAEA,iBACE,0CACA,qDAIJ,gKAEE,gDACA,yCCdJ,gBAEE,kBACE,6BACA,YACA,yBACA,+CACA,UACA,mBACA,mBACA,mBACA,kBACA,kBAEA,QACE,kBACA,WACA,SACA,SACA,WACA,WACA,6BACA,mCACA,qBAGF,6BACE,SAGF,cACE,cACA,mBAGF,gCACE,kBACA,eAGF,mFACE,QACE,sBAGJ,gDACE,6BC9CN,gBAEE,YACE,wBACA,yCACA,0CACA,qBAEA,gCACA,2BACA,eACA,oBAEA,oBACE,4BAGF,mCACE,wCACA,yDAGF,yBACE,kBACA,qBAEF,YACE,kBACA,mBACA,gBACA,kBAEA,SACE,kBACA,OACA,MACA,kBACA,kBACA,cACA,sBACA,qBAIJ,wLAEE,6CAGF,2KAEE,uBACA,gCACA,8DACA,wBAGF,kHAEE,uBACA,mBACA,6BAKJ,qDAEE,yBCpEJ,gBAEE,aACE,qBACA,qBACA,oBACA,kBACA,0BACA,8BACA,8BACA,sCACA,0CACA,0CACA,qBACA,yBACA,mBACA,gBACA,kBACA,eAEA,mBACE,mBAGF,SACE,kBACA,kBACA,cACA,MACA,OACA,WACA,YACA,cACA,+CACA,gBAGF,oBACE,+CAEA,gCACE,aAIJ,SACE,uBACA,eACA,qBAGF,aACE,qBACA,eAEA,SACE,cACA,iBAIJ,gBACE,6BACA,iCACA,yBAEA,wBACE,+BAIJ,0HAGE,+BACA,kCACA,2BAEA,gEACE,8BAIJ,eACE,kBAEF,qBACE,0BACA,kBACA,SACA,WACA,gCACA,aACA,YACA,kBACA,cACA,SACA,eACA,kBACA,kBACA,YACA,sBACA,8BAKJ,aAEE,iKAeE,qBACA,wBACA,yBACA,2BAGF,8BAvBF,aAyBI,kDACA,wCACA,oBAEA,mBAEE,2DAGF,SACE,iCACA,iCACA,gCAIJ,oCAzCF,aA2CI,mBACA,0BAEA,mBACE,6BAIF,SACE,4CACA,6BACA,iBCjKR,gBAEE,oBAEE,kBACA,sBAEA,mBACE,aAGF,mCACE,WAEA,qBACA,mBACA,gBAEA,YACA,WACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,sBACE,0BAOJ,iBACE,kBACA,UACA,sBACA,sBACA,kBAEA,OAEE,qBACA,sEACA,gEACA,gCACA,2BACA,2BACA,uBACA,8BACA,cACA,aACA,+BACA,0CACA,8CACA,gCAEA,kCAGF,QACE,kBACA,YACA,aACA,WACA,cACA,WACA,qBACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BACA,sBACA,iBACA,wBACA,qBAMJ,wBACE,gBACA,mBACA,cAEA,OACE,4BACA,8BACA,8BACA,0BAGF,QACE,UACA,cC7GN,gBAEE,YAEE,aACA,sBACA,mBACA,0BACA,qBAEA,aAEE,sBACA,oBAIJ,8BAEE,0BAEA,KACE,oBACA,WACA,eACA,kBACA,mBACA,SAEA,mBACE,gBAIJ,cACE,sBACA,0BACA,8BACA,QACA,gBAEF,eACE,QACA,gBAEF,aACE,QACA,gBACA,SAEA,mBAEE,WAKN,+BACE,iBAEF,6BACE,YACE,mBACA,UACA,eACA,eAEA,cACE,sBACA,2BACA,kBACA,QAEF,eACE,QAEF,aACE,QAGF,aAEE,gBACA,mBAGJ,8BAEE,KACE,sBACA,mBACA,mBAGJ,YAEE,cACE,gBAEF,eACE,gBAEF,aACE,iBAGJ,UAEE,cACE,gBACA,QAEF,eACE,QACA,gBAEF,aACE,QACA,iBAGJ,qBACE,yBAEF,+BACE,yBACA,iBAEF,yEAEE,kBC9HN,MAEE,4BAEA,cACA,2BAIF,kBACE,4BAGF,kBACE,oBAGF,kBAEE,aACE,iDAEF,OAEE,WACA,mBAGA,2BACA,4BACA,kBACA,kBAEA,oCAXF,OAYI,uBACA,qBACA,kBACA,qBAGF,oCAlBF,OAmBI,oBACA,kBACA,iBAGF,eACE,WACA,WACA,YACA,OACA,YACA,4CACA,kBACA,cACA,8EACA,UAGF,cACE,WACA,SACA,cACA,OACA,UACA,4CACA,kBACA,cACA,gFACA,UAGF,eACE,6CACA,uDACA,qCACA,mDACA,YACA,gBACA,cACA,4BACA,kBACA,UAEA,0BACE,aAMJ,0BAEE,kBACA,UACA,YACA,8BACA,SAEA,qDACE,sCAGF,6BAZF,0BAaI,yCACA,4CAKJ,2BACE,qBAGF,yBACE,kBAGF,mBACE,aAKJ,oCAEE,+BAEI,qBACA,iBACA,sBAIN,oCAEE,+BACI,oBACA,gBACA,qBAKN,oCAEE,+BACI,oBACA,gBACA,qBAIN,oCAEE,+BACI,gBACA,YACA,iBAON,iBACE,0BACA,0BACA,4BAGF,oBACE,UACA,WAGF,0BACE,+BACA,mCAGF,0BACE,yBACA,UACA,kBAGF,wBACE,4BAEF,wBACE,4BAEF,uBACE,2BAIF,+EACE,kBAEA,kGACE,iCACA,cACA,eACA,YACA,WACA,aACA,gBACA,cACA,4BACA,mBAEA,oCAZF,kGAaI,eACA,YACA,YAGF,0GACE,kBAGF,2GACE,kBACA,MACA,SACA,yCAIJ,kGAEE,aAGF,2FACE,aACA,uBACA,iBACA,gBAMF,0EACE","file":"modal.component.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{position:relative;border-radius:var(--card-border-radius);margin-bottom:2rem;display:block;outline:var(--card-outline);outline-offset:-2px}.wrapper{border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);position:relative;font-weight:bold;font-size:var(--card-fs);line-height:var(--card-lh);color:var(--colour-primary);min-height:100%;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}.wrapper>*{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__head:has(img):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-head-overlay)}.card__body{padding:var(--card-body-top-padding) var(--card-right-padding) var(--card-body-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:auto;padding:var(--card-footer-top-padding, 0) var(--card-right-padding) var(--card-footer-bottom-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,.title)){display:block !important;font-weight:normal !important;font-size:var(--card-body-fs, 1rem) !important;line-height:var(--card-body-lh, inherit) !important}::slotted(small){padding-top:var(--card-gap, 1rem) !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge,.title):not([class*=pt-])){padding-top:var(--card-gap, 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 7 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:
|
|
1
|
+
:host{position:relative;border-radius:var(--card-border-radius);margin-bottom:2rem;display:block;outline:var(--card-outline);outline-offset:-2px}.wrapper{border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);position:relative;font-weight:bold;font-size:var(--card-fs);line-height:var(--card-lh);color:var(--colour-primary);min-height:100%;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}.wrapper>*{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__head:has(img):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-head-overlay)}.card__body{padding:var(--card-body-top-padding) var(--card-right-padding) var(--card-body-bottom-padding) var(--card-left-padding)}.card__footer{margin-top:auto;padding:var(--card-footer-top-padding, 0) var(--card-right-padding) var(--card-footer-bottom-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,.title)){display:block !important;font-weight:normal !important;font-size:var(--card-body-fs, 1rem) !important;line-height:var(--card-body-lh, inherit) !important}::slotted(small){padding-top:var(--card-gap, 1rem) !important;display:block !important;font-weight:normal !important;padding-bottom:0 !important;color:var(--colour-body)}::slotted(span:not(.badge,.title):not([class*=pt-])){padding-top:var(--card-gap, 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 7 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:right;left:0;z-index:9}.card__badges:not(.empty){padding:var(--card-badges-top-padding, 1rem) var(--card-right-padding) var(--card-badges-bottom-padding, 0) var(--card-left-padding);margin-bottom:-1.5rem}.card__head:not(:has(img))~.card__badges{text-align:end}:host{--card-head-height: 9rem;--card-right-padding: 1rem;background:rgba(0,0,0,0) !important;position:relative}:host(:is(:hover,:focus,.hover)){--hover-outline-colour-default: var(--colour, var(--colour-primary));outline:2px solid var(--hover-outline-colour, var(--hover-outline-colour-default));outline-offset:-2px}:host([data-record]) .card__head:before{font-family:var(--record-icon-font, "Font Awesome 7 Pro");font-weight:normal;font-size:1.5rem;content:var(--record-icon);display:block;position:absolute;top:auto;left:50%;bottom:0;background-color:var(--record-colour);border-radius:50%;height:4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0)}:host([data-initials]:before){content:data-initials;display:block}:host([data-initials]) .card__head:before{display:none !important}:host([data-initials]):before{font-family:var(--font-body);font-weight:normal;font-size:2rem;content:attr(data-initials);display:block;position:absolute;top:var(--card-head-height);left:50%;bottom:0;background-color:var(--record-colour);border-radius:50%;height:4rem;margin-top:-4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0)}.card__head{background:rgba(0,0,0,0) !important;position:relative;min-height:var(--card-head-height)}.card__head .card__avatar{display:block;position:absolute;top:auto;left:50%;bottom:0;border-radius:50%;height:4rem;line-height:4rem;width:4rem;text-align:center;transform:translate(-50%, 0);margin:0;object-fit:cover}.card__badges{position:absolute;top:0;text-align:left;left:0;z-index:9}.card__body{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow:hidden;padding-bottom:0;margin-bottom:0}.card__details{padding:0 var(--card-right-padding) 1.5rem var(--card-left-padding)}::slotted(span:not(.badge)){display:block !important;font-weight:normal !important;font-size:.875rem !important;line-height:1.5rem !important}::slotted(span:not(.badge):not([class*=pt-])){padding-top:1rem !important}::slotted(*:not(.badge)){display:block !important;font-weight:normal !important;font-size:.875rem !important;line-height:1.5rem !important}:host([data-initials]){--record-content: attr(data-initials);--record-colour: var(--wider-colour-2)}:host([data-record=business]){--record-icon: '\f54f';--record-colour: var(--wider-colour-2)}:host([data-record=page]){--record-icon: '\f15c';--record-colour: var(--wider-colour-3)}:host([data-record=contact]){--record-icon: '\f2b9';--record-colour: var(--wider-colour-4)}:host([data-record=lettings]){--record-icon: '\E003';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-5)}:host([data-record=sales]){--record-icon: '\E004';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-7)}:host([data-record=landlord]){--record-icon: '\E001';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-8)}:host([data-record=contractor]){--record-icon: '\f82c';--record-colour: var(--wider-colour-9)}:host([data-record=vendor]){--record-icon: '\E002';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-13)}:host([data-record=tenant]){--record-icon: '\e1b0';--record-colour: var(--wider-colour-6)}:host([data-record=sales-applicant]){--record-icon: '\E006';--record-icon-font: Font Awesome Kit;--record-colour: var(--wider-colour-10)}/*# sourceMappingURL=record-card.component.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss","../../sass/components/record-card.component.scss"],"names":[],"mappings":"AAEA,MAIE,kBAEA,wCACA,mBACA,cAEA,4BACA,oBAGF,SAEE,wCACA,kCACA,kBACA,iBACA,yBACA,2BACA,4BACA,gBACA,WACA,gBACA,aACA,sBACA,gBACA,UACA,kCACA,2DACA,oBAEA,WACE,WACA,sBAIJ,mCACE,2BAGF,iBACE,gBACA,0BACA,8BAGF,qBACE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAGF,2BACE,WACA,kBACA,MACA,OACA,WACA,YACA,oCAIJ,YAEE,wHAKF,cACE,gBACA,kIAGF,aACE,4BACA,kDACA,iCAEF,0CACE,2BAGF,kBACE,iCAEF,mCACE,yBACA,8BACA,+CACA,oDAEF,iBACE,6CACA,yBACA,8BACA,4BACA,yBAEF,qDACE,+CAGF,sCACE,2DAIF,8BACE,8BACA,mCAGF,aACE,eACA,iBACA,mBACA,iBAEA,eACE,yDACA,iCAEA,yBACA,4BACA,kCAIJ,6BACE,yBACA,4BACA,kCACA,mBAMF,mCACE,kBACA,MACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/card.module.scss","../../sass/components/record-card.component.scss"],"names":[],"mappings":"AAEA,MAIE,kBAEA,wCACA,mBACA,cAEA,4BACA,oBAGF,SAEE,wCACA,kCACA,kBACA,iBACA,yBACA,2BACA,4BACA,gBACA,WACA,gBACA,aACA,sBACA,gBACA,UACA,kCACA,2DACA,oBAEA,WACE,WACA,sBAIJ,mCACE,2BAGF,iBACE,gBACA,0BACA,8BAGF,qBACE,mCACA,kBACA,gBACA,0BACA,WAEA,yBACE,kBACA,MACA,OACA,YACA,uBACA,wBACA,iBAGF,2BACE,WACA,kBACA,MACA,OACA,WACA,YACA,oCAIJ,YAEE,wHAKF,cACE,gBACA,kIAGF,aACE,4BACA,kDACA,iCAEF,0CACE,2BAGF,kBACE,iCAEF,mCACE,yBACA,8BACA,+CACA,oDAEF,iBACE,6CACA,yBACA,8BACA,4BACA,yBAEF,qDACE,+CAGF,sCACE,2DAIF,8BACE,8BACA,mCAGF,aACE,eACA,iBACA,mBACA,iBAEA,eACE,yDACA,iCAEA,yBACA,4BACA,kCAIJ,6BACE,yBACA,4BACA,kCACA,mBAMF,mCACE,kBACA,MACA,iBACA,OACA,UAGF,0BACE,qIACA,sBAEF,yCACE,eCvKF,MACE,yBACA,2BAEA,oCACA,kBAGF,iCACE,qEACA,mFACA,oBAKE,wCACE,0DACA,mBACA,iBACA,2BACA,cACA,kBACA,SACA,SACA,SACA,sCACA,kBACA,YACA,iBACA,WACA,kBACA,6BAKN,8BACE,sBACA,cAKE,0CACE,wBAIJ,8BACE,6BACA,mBACA,eACA,4BACA,cACA,kBACA,4BACA,SACA,SACA,sCACA,kBACA,YACA,iBACA,iBACA,WACA,kBACA,6BAIJ,YACE,oCACA,kBACA,mCAEA,0BACE,cACA,kBACA,SACA,SACA,SACA,kBACA,YACA,iBACA,WACA,kBACA,6BACA,SACA,iBAIJ,cACE,kBACA,MACA,gBACA,OACA,UAGF,YACE,gBACA,uBACA,oBACA,qBACA,4BACA,gBACA,gBACA,iBACA,gBAGF,eACE,oEAGF,4BACE,yBACA,8BACA,6BACA,8BAGF,8CACE,4BAGF,yBACE,yBACA,8BACA,6BACA,8BAGF,uBACE,sCACA,uCAGF,8BACE,uBACA,uCAEF,0BACE,uBACA,uCAEF,6BACE,uBACA,uCAEF,8BACE,uBACA,qCACA,uCAGF,2BACE,uBACA,qCACA,uCAEF,8BACE,uBACA,qCACA,uCAGF,gCACE,uBACA,uCAGF,4BACE,uBACA,qCACA,wCAGF,4BACE,uBACA,uCAEF,qCACE,uBACA,qCACA","file":"record-card.component.css"}
|