@iamproperty/components 3.8.0 → 3.9.0-beta-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/actionbar-global.css +1 -0
- package/assets/css/components/actionbar-global.css.map +1 -0
- package/assets/css/components/actionbar.css +1 -0
- package/assets/css/components/actionbar.css.map +1 -0
- package/assets/css/components/dialog.css +1 -1
- package/assets/css/components/dialog.css.map +1 -1
- package/assets/css/components/forms.css +1 -1
- package/assets/css/components/forms.css.map +1 -1
- package/assets/css/components/header.css +1 -1
- package/assets/css/components/header.css.map +1 -1
- package/assets/css/components/lists.css.map +1 -1
- package/assets/css/components/nav-global.css +1 -0
- package/assets/css/components/nav-global.css.map +1 -0
- package/assets/css/components/nav.css +1 -1
- package/assets/css/components/nav.css.map +1 -1
- package/assets/css/components/nav.docs.css +1 -0
- package/assets/css/components/nav.docs.css.map +1 -0
- package/assets/css/components/nav.old.css +1 -0
- package/assets/css/components/nav.old.css.map +1 -0
- package/assets/css/components/pagination.css.map +1 -1
- package/assets/css/components/property-searchbar.css +1 -1
- package/assets/css/components/property-searchbar.css.map +1 -1
- package/assets/css/components/table.css +1 -1
- package/assets/css/components/table.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/actionbar/actionbar.component.js +305 -0
- package/assets/js/components/actionbar/actionbar.component.min.js +53 -0
- package/assets/js/components/actionbar/actionbar.component.min.js.map +1 -0
- package/assets/js/components/applied-filters/applied-filters.component.min.js +1 -1
- package/assets/js/components/card/card.component.min.js +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +2 -2
- package/assets/js/components/nav/nav.component.js +294 -0
- package/assets/js/components/nav/nav.component.min.js +51 -0
- package/assets/js/components/nav/nav.component.min.js.map +1 -0
- 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/table/table.component.js +33 -0
- package/assets/js/components/table/table.component.min.js +12 -11
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +1 -1
- package/assets/js/dynamic.min.js +3 -3
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/modules/dialogs.js +3 -0
- package/assets/js/modules/table.js +1 -1
- package/assets/js/scripts.bundle.js +15 -14
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/sass/_corefiles.scss +2 -0
- package/assets/sass/_functions/mixins.scss +25 -0
- package/assets/sass/_functions/variables.scss +1 -1
- package/assets/sass/components/actionbar-global.scss +89 -0
- package/assets/sass/components/actionbar.scss +254 -0
- package/assets/sass/components/dialog.scss +10 -0
- package/assets/sass/components/forms.scss +29 -0
- package/assets/sass/components/nav-global.scss +619 -0
- package/assets/sass/components/nav.docs.scss +54 -0
- package/assets/sass/components/nav.old.scss +965 -0
- package/assets/sass/components/nav.scss +450 -782
- package/assets/sass/components/table.scss +9 -1
- package/assets/sass/foundations/buttons.scss +57 -32
- package/assets/sass/foundations/links.scss +1 -1
- package/assets/sass/foundations/reboot.scss +5 -3
- package/assets/ts/components/actionbar/README.md +55 -0
- package/assets/ts/components/actionbar/actionbar.component.ts +396 -0
- package/assets/ts/components/nav/README.md +68 -0
- package/assets/ts/components/nav/nav.component.ts +370 -0
- package/assets/ts/components/table/table.component.ts +65 -0
- package/assets/ts/modules/dialogs.ts +6 -0
- package/assets/ts/modules/table.ts +5 -5
- package/dist/components.es.js +839 -1092
- package/dist/components.umd.js +96 -46
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/Actionbar/Actionbar.vue +20 -0
- package/src/components/Actionbar/README.md +40 -0
- package/src/components/Nav/Nav.vue +20 -195
- package/src/components/Nav/README.md +43 -13
- package/src/components/Nav-old/Nav.vue +213 -0
- package/src/components/Nav-old/README.md +23 -0
- package/src/components/Nav/Nav.spec.js +0 -35
|
@@ -0,0 +1 @@
|
|
|
1
|
+
iam-actionbar{background-color:#fcfcfc;display:block;border-top-left-radius:0.625rem;border-top-right-radius:0.625rem}iam-table iam-actionbar{margin-left:1.5rem;margin-right:1.5rem}@container (width < 23.4375em){iam-table iam-actionbar{display:block;position:sticky;left:0;top:calc(var(--nav-height) + 1.5rem);border:none;background:var(--colour-canvas-2);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem;margin-bottom:1.5rem;z-index:var(--index-menu)}}@media screen and (min-width: 36em){iam-table iam-actionbar{margin-left:-2rem;margin-right:-2rem;margin-top:-2rem;margin-bottom:1rem}}iam-actionbar~:is([data-view=square],[data-view=list],[data-view=small]){display:none}iam-actionbar[data-view=square]~[data-view=square]{display:block}iam-actionbar[data-view=list]~[data-view=list]{display:block}iam-actionbar[data-view=small]~[data-view=small]{display:block}.actionbar__text{font-size:1.125rem;line-height:2.5rem;color:var(--colour-heading);display:inline-block}.dialog__wrapper[slot=selected-overflow]>button,.dialog__wrapper[slot=overflow]>button{background:none;border:none}.dialog__wrapper[slot=selected-overflow] dialog[open],.dialog__wrapper[slot=overflow] dialog[open]{display:contents}/*# sourceMappingURL=actionbar-global.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/actionbar-global.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAGA,cAEE,yBACA,cACA,gCACA,iCAKF,wBAEE,mBACA,oBAGF,+BAEE,wBAEE,cACA,gBACA,OACA,qCACA,YACA,kCAEA,wCACA,oBACA,qBAEA,2BC5BA,oCDmCF,wBAEE,kBACA,mBACA,iBACA,oBAMJ,yEACE,aAGF,mDACE,cAEF,+CACE,cAEF,iDACE,cAKF,iBAEE,mBACA,mBACA,4BACA,qBAIF,uFAGE,gBACA,YAEF,mGAGE","file":"actionbar-global.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin-left:1rem !important}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;position:absolute;inset:0}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:#e6eaec;display:flex;opacity:0;pointer-events:none}.actionbar--search{background-color:#e6eaec;display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(*:not([slot=overflow])){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}::slotted(.dialog__wrapper[slot=overflow]) dialog[open]{background:red}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=actionbar.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/actionbar.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAEA,oBACE,kBACA,WACA,eACA,2BAIF,kBAEE,6BACA,QACA,YAMA,6BACA,WCfE,oCDIJ,kBAOI,WAMF,4EACE,gCAIJ,WAEE,aACA,gBAEA,iBACE,cC5BA,oCDsBJ,WAWI,WACA,kBAIJ,yBACE,aAGF,8CACE,cACA,4BAGF,wDAEE,gCACA,iCACA,iBACA,iBACA,yBACA,mBACA,eACA,kBACA,QCvCE,+BD6BJ,wDAaI,gBAIJ,WAEE,aAGF,qBAEE,yBACA,aACA,UACA,oBAGF,mBAEE,yBACA,aACA,UACA,kBACA,UACA,oBAIF,wFAGE,UACA,oBAEF,4GAGE,UACA,mBAIF,wBAEE,UACA,mBAGF,gFACE,UACA,oBAKF,kCACE,wBACA,2BACA,4BACA,0BAGF,iCACE,QAIF,yBACE,oBACA,WAGF,oDACE,mBACA,UAGF,cACE,YACA,yBACA,UACA,aCrHE,0BDiHJ,cAQI,eAMJ,WAEE,aACA,iBACA,yBACA,mBACA,gBAYA,iBACA,kBCxJE,+BDqIJ,WAUI,iBCzIA,0BD+HJ,WAeI,iBAMF,iBACE,iBAIJ,qCAEE,WAKF,uFAGE,0BACA,yBACA,sBACA,2BACA,0BACA,2BACA,uBAEA,qGACE,2BACA,+BAIJ,wDAEE,eAGF,iCACE,kBACA,qBAKF,wBAEE,gCACA,6BAGF,gBACE,2BACA,+BACA,oBCtME,0BDmMJ,gBAOI,gCAGF,sBACE,mBACA,sBAEA,6BACA,6BAGF,qCAEE,0BACA,6BACA,6BACA,4BACA,4BACA","file":"actionbar.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
body:not(.js-enabled) dialog:not([open]):target{display:block}dialog[open]{--dialog-padding: 1.5rem;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;background:var(--colour-canvas-2);box-shadow:0px 2px 9px rgba(0,0,0,.11);border-radius:0.625rem;padding:var(--dialog-padding);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);display:flex;flex-direction:column}dialog[open]>*:last-child,dialog[open]>.mh-lg>*:last-child{margin-bottom:0}dialog[open]>:is(p):last-child,dialog[open]>.mh-lg>:is(p):last-child{padding-bottom:0}*:not(.dialog__wrapper)>dialog[open]{overflow-y:hidden;width:90vw;max-width:20.25rem;max-height:min(90vh, 47rem);overscroll-behavior:contain}*:not(.dialog__wrapper)>dialog[open]>form:first-child{position:static}*:not(.dialog__wrapper)>dialog[open]>form:first-child button,*:not(.dialog__wrapper)>dialog[open]>button:first-child{position:absolute;top:var(--dialog-padding);right:var(--dialog-padding);z-index:var(--index-floating);text-indent:300%;overflow:hidden;border:none;height:1.25rem;width:1.25rem;background:rgba(0,0,0,0)}*:not(.dialog__wrapper)>dialog[open]>form:first-child button:after,*:not(.dialog__wrapper)>dialog[open]>button:first-child:after{content:"";top:0;left:0;position:absolute;display:block;height:1.25rem;width:1.25rem;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+*,*:not(.dialog__wrapper)>dialog[open]>button:first-child+*{padding-right:var(--dialog-padding);margin-right:1.25rem;display:block}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6),*:not(.dialog__wrapper)>dialog[open]>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6){padding-bottom:0.5rem;line-height:1.1875rem}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*,*:not(.dialog__wrapper)>dialog[open]>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*{padding-right:var(--dialog-padding);margin-right:1.25rem;display:block}@media(forced-colors: active){*:not(.dialog__wrapper)>dialog[open]>form:first-child button,*:not(.dialog__wrapper)>dialog[open]>button:first-child{text-indent:0;width:fit-content}*:not(.dialog__wrapper)>dialog[open]>form:first-child button:after,*:not(.dialog__wrapper)>dialog[open]>button:first-child:after{display:none}}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]{--dialog-padding: 2rem;min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]{min-width:28.375rem;width:fit-content;max-width:46rem}}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){padding:0 !important}*:not(.dialog__wrapper)>dialog[open].dialog--fullwidth{max-width:69.5rem}@media screen and (max-width: 36em){*:not(.dialog__wrapper)>dialog[open] :is(form,fieldset,.btn--wrapper):has(>.btn:first-child,>.btn:last-child) .btn:not(.dialog__close){width:100%;max-width:100%;margin:0;display:block;text-align:center}*:not(.dialog__wrapper)>dialog[open] :is(form,fieldset,.btn--wrapper):has(>.btn:first-child,>.btn:last-child) .btn:not(.dialog__close):not(:last-child){margin-bottom:1rem !important}}*:not(.dialog__wrapper)>dialog[open] .mh-lg{padding-left:1rem;margin-left:-1rem;padding-right:calc(var(--dialog-padding) - 10px);margin-right:calc(var(--dialog-padding)*-1 + 10px);margin-bottom:calc(var(--dialog-padding)*-1);padding-bottom:var(--dialog-padding)}*:not(.dialog__wrapper)>dialog[open] .mh-lg:before{top:100%;height:var(--dialog-padding)}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)){text-align:center}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):before{content:"";font-weight:300;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;font-family:"Font Awesome 6 Pro";font-size:3rem;margin-top:0;margin-bottom:1.5rem;line-height:1;color:var(--colour-heading);clear:both}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):before{font-size:4rem}}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):has(>i):before{display:none}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):has(>i)>i{display:var(--fa-display, inline-block);line-height:1;font-size:3rem;margin-top:0;margin-bottom:1.5rem;line-height:1;color:var(--colour-heading);clear:both}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):has(>i)>i{font-size:4rem}}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):has(>i)>i:has(>i){position:relative}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):has(>i)>i>i:before{content:"";position:absolute;top:0;left:50%;transform:scale(0.5) translate(-100%, 0)}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child{display:none}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button+*,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child+*{padding-right:0;margin-right:0}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*{padding-right:0;margin-right:0}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)) button{margin-bottom:0}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{padding-top:calc(var(--dialog-padding)*4)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form:first-child button,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>button:first-child{top:calc(var(--dialog-padding)*4)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset:not(.active){display:none}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi:not(:has(fieldset.active)) fieldset:first-of-type{display:flex;flex-direction:column}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi form>*:not(fieldset){display:none !important}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi form{max-height:23.125rem}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi :is(.h1,.h2,.h3,.h4,.h5,.h6){padding-right:calc(var(--dialog-padding)*3);padding-bottom:var(--dialog-padding)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps{width:100%;position:absolute;top:0;left:0;padding:var(--dialog-padding);counter-reset:section;display:flex;justify-content:space-between}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps:before{content:"";position:absolute;top:calc(50% - 1px);left:var(--dialog-padding);z-index:2;width:calc(100% - var(--dialog-padding) - var(--dialog-padding));height:2px;background:currentColor;z-index:1;background:linear-gradient(90deg, var(--colour-success) 0%, var(--colour-success) var(--progress, 0%), rgba(255, 255, 255, 0.5) var(--progress, 0%), rgba(255, 255, 255, 0.5) 100%)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button{position:relative;background:rgba(0,0,0,0);border:none;color:rgba(255,255,255,.5);height:1.5rem;line-height:1.5rem;width:1.5rem;text-indent:300%;overflow:hidden;z-index:2;background-color:var(--colour-primary);outline:.5rem solid var(--colour-primary)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button:before{position:absolute;top:0;left:0;counter-increment:section;content:counter(section);border:1px solid currentColor;height:1.5rem;line-height:1.5rem;width:1.5rem;text-align:center;display:inline-block;text-indent:0;border-radius:50%}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button:not(.active):not(.valid){pointer-events:none}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button:not(.active):not(.valid):before{opacity:.5}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.active{color:var(--colour-white)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.valid{color:var(--colour-success)}@media screen and (prefers-color-scheme: dark){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button{color:rgba(0,0,0,.5)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.active{color:#000}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.valid{color:var(--colour-complete)}}@media screen and (min-width: 36em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{min-width:28.25rem;width:28.25rem;max-width:28.25rem}}@media screen and (min-width: 62em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{min-width:57.75rem;width:57.75rem;max-width:57.75rem;padding-top:var(--dialog-padding);padding-left:calc(var(--dialog-padding) + 17.625rem);display:flex;flex-direction:column}}@media screen and (min-width: 62em)and (min-height: 31.25rem){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{height:29.875rem;max-height:29.875rem}}@media screen and (min-width: 62em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form:first-child button,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>button:first-child{top:var(--dialog-padding)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps{width:17.625rem;height:100%;flex-direction:column;justify-content:center}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps:before{display:none}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button{margin-block:.5rem;width:100%;text-indent:0;text-align:left;padding-left:2rem;font-size:1.125rem;outline-width:1px}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .btn--wrapper{margin-top:auto;text-align:right}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form{display:contents}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset{display:flex;flex-direction:column;flex-grow:1;position:relative;overflow:auto;margin-bottom:calc(var(--dialog-padding)*-1);padding-bottom:var(--dialog-padding);padding-right:calc(var(--dialog-padding) - 10px);margin-right:calc(var(--dialog-padding)*-1 + 10px)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset::before{content:"";top:100%;bottom:0;left:0;right:0;height:var(--dialog-padding);min-height:var(--dialog-padding);position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:calc(var(--dialog-padding)*-1)}}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){display:block}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed) .mh-lg,*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed) .mh-lg:before{display:contents}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){min-width:42.875rem;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){min-width:46rem;max-width:46rem}}.dialog__wrapper{position:relative;display:inline-block;margin-bottom:calc(var(--btn-margin) - .25rem)}.dialog__wrapper>.btn:first-child{margin-bottom:.25rem}.dialog__wrapper>.btn:first-child:not(.btn-compact):after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;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.active:after{transform:rotate(-90deg)}.dialog__wrapper:has(dialog[open])>.btn:first-child:after{transform:rotate(270deg)}.dialog__wrapper>dialog[open]{left:0;top:100%;z-index:var(--index-floating);min-width:20rem;border-radius:1rem;width:20rem;padding:1.5rem}@media screen and (min-width: 36em){.dialog__wrapper>dialog[open]{width:20.9375rem}}@media screen and (min-width: 62em){.dialog__wrapper>dialog[open]{width:22.5rem}}.dialog__wrapper>dialog[open].dialog--list{width:fit-content !important;min-width:8.75rem !important;max-width:17.5rem !important;padding:1rem;margin:0}.dialog__wrapper>dialog[open].dialog--list .btn-action{border:none;padding:0;margin:0;padding-block:0.375rem;line-height:1.25rem;background:none;white-space:inherit;max-width:100%;min-width:100%}.dialog__wrapper>dialog[open].dialog--list .btn-action:before{min-width:1.25rem;display:inline-block}.dialog__wrapper>dialog[open].dialog--list .btn-action::after{float:right}.dialog__wrapper>dialog[open].dialog--list hr{height:2px;background:var(--colour-border);margin-left:-1rem;margin-right:-1rem;margin-block:.25rem}.dialog__wrapper>dialog[open].dialog--list .radio--tick{margin-right:0;padding-left:1.5rem;margin-bottom:0}.dialog__wrapper>dialog[open].dialog--list .radio--tick:before{left:0;font-size:1em;top:.75rem}.dialog__wrapper>dialog[open] dialog[open]{display:contents}.dialog__wrapper.dialog__wrapper--right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:14.9375rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:19.9375rem}@media screen and (min-width: 36em){.dialog__wrapper.dialog__wrapper--sm-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--sm-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.25rem}}@media screen and (min-width: 62em){.dialog__wrapper.dialog__wrapper--md-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--md-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.375rem}}.dialog__wrapper :is(.empty,.individual){display:none}@supports selector(:has(*)){.dialog__wrapper :is(.empty,.individual){display:inline}}.dialog__wrapper:has(input:checked) .empty,.dialog__wrapper:not(:has(input:checked)) .individual,.dialog__wrapper:has(input:checked~input:checked) .individual,.dialog__wrapper:not(:has(input:checked~input:checked)) .multiple{display:none}@media screen and (max-width: 36em){dialog[open].dialog--sm-fullpage,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{min-width:100%;min-height:100%;border-radius:0;overflow-y:auto}dialog[open].dialog--sm-fullpage .btn--wrapper,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .btn--wrapper{padding-top:4rem}dialog[open].dialog--sm-fullpage .mh-lg{max-height:none !important;overflow:visible}dialog[open].dialog--sm-fullpage:before,dialog[open].dialog--sm-fullpage *:first-child{margin-top:auto !important}dialog[open].dialog--sm-fullpage *:last-child{margin-bottom:auto !important}}/*# sourceMappingURL=dialog.css.map */
|
|
1
|
+
body:not(.js-enabled) dialog:not([open]):target{display:block}dialog[open]{--dialog-padding: 1.5rem;width:fit-content;height:fit-content;border:none;overscroll-behavior:contain;background:var(--colour-canvas-2);box-shadow:0px 2px 9px rgba(0,0,0,.11);border-radius:0.625rem;padding:var(--dialog-padding);outline:var(--contrast-outline-width, 0px) solid var(--colour-primary);display:flex;flex-direction:column}dialog[open]>*:last-child,dialog[open]>.mh-lg>*:last-child{margin-bottom:0}dialog[open]>:is(p):last-child,dialog[open]>.mh-lg>:is(p):last-child{padding-bottom:0}*:not(.dialog__wrapper)>dialog[open]{overflow-y:hidden;width:90vw;max-width:20.25rem;max-height:min(90vh, 47rem);overscroll-behavior:contain}*:not(.dialog__wrapper)>dialog[open]>form:first-child{position:static}*:not(.dialog__wrapper)>dialog[open]>form:first-child button,*:not(.dialog__wrapper)>dialog[open]>button:first-child{position:absolute;top:var(--dialog-padding);right:var(--dialog-padding);z-index:var(--index-floating);text-indent:300%;overflow:hidden;border:none;height:1.25rem;width:1.25rem;background:rgba(0,0,0,0)}*:not(.dialog__wrapper)>dialog[open]>form:first-child button:after,*:not(.dialog__wrapper)>dialog[open]>button:first-child:after{content:"";top:0;left:0;position:absolute;display:block;height:1.25rem;width:1.25rem;z-index:var(--index-focus);background:currentColor;mask-image:var(--icon-close);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-close);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+*,*:not(.dialog__wrapper)>dialog[open]>button:first-child+*{padding-right:var(--dialog-padding);margin-right:1.25rem;display:block}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6),*:not(.dialog__wrapper)>dialog[open]>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6){padding-bottom:0.5rem;line-height:1.1875rem}*:not(.dialog__wrapper)>dialog[open]>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*,*:not(.dialog__wrapper)>dialog[open]>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*{padding-right:var(--dialog-padding);margin-right:1.25rem;display:block}@media(forced-colors: active){*:not(.dialog__wrapper)>dialog[open]>form:first-child button,*:not(.dialog__wrapper)>dialog[open]>button:first-child{text-indent:0;width:fit-content}*:not(.dialog__wrapper)>dialog[open]>form:first-child button:after,*:not(.dialog__wrapper)>dialog[open]>button:first-child:after{display:none}}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]{--dialog-padding: 2rem;min-width:20.9375rem;width:fit-content;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]{min-width:28.375rem;width:fit-content;max-width:46rem}}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){padding:0 !important}*:not(.dialog__wrapper)>dialog[open].dialog--fullwidth{max-width:69.5rem}@media screen and (max-width: 36em){*:not(.dialog__wrapper)>dialog[open] :is(form,fieldset,.btn--wrapper):has(>.btn:first-child,>.btn:last-child) .btn:not(.dialog__close){width:100%;max-width:100%;margin:0;display:block;text-align:center}*:not(.dialog__wrapper)>dialog[open] :is(form,fieldset,.btn--wrapper):has(>.btn:first-child,>.btn:last-child) .btn:not(.dialog__close):not(:last-child){margin-bottom:1rem !important}}*:not(.dialog__wrapper)>dialog[open] .mh-lg{padding-left:1rem;margin-left:-1rem;padding-right:calc(var(--dialog-padding) - 10px);margin-right:calc(var(--dialog-padding)*-1 + 10px);margin-bottom:calc(var(--dialog-padding)*-1);padding-bottom:var(--dialog-padding)}*:not(.dialog__wrapper)>dialog[open] .mh-lg:before{top:100%;height:var(--dialog-padding);margin-bottom:-2rem}dialog::backdrop{background:rgba(0,0,0,.3);backdrop-filter:blur(4px);overscroll-behavior:contain}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)){text-align:center}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):before{content:"";font-weight:300;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display, inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;font-family:"Font Awesome 6 Pro";font-size:3rem;margin-top:0;margin-bottom:1.5rem;line-height:1;color:var(--colour-heading);clear:both}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):before{font-size:4rem}}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):has(>i):before{display:none}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):has(>i)>i{display:var(--fa-display, inline-block);line-height:1;font-size:3rem;margin-top:0;margin-bottom:1.5rem;line-height:1;color:var(--colour-heading);clear:both}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):has(>i)>i{font-size:4rem}}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):has(>i)>i:has(>i){position:relative}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)):has(>i)>i>i:before{content:"";position:absolute;top:0;left:50%;transform:scale(0.5) translate(-100%, 0)}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child{display:none}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button+*,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child+*{padding-right:0;margin-right:0}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>form:first-child button+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*,*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child))>button:first-child+span:not(.h1,.h2,.h3,.h4,.h5,.h6)+*{padding-right:0;margin-right:0}*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)) button{margin-bottom:0}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)) button:has(+button:last-child),*:not(.dialog__wrapper)>dialog[open]:not(.dialog--multi):is(:has(button:last-child),:has(form:last-child>button:last-child)) button:last-child{min-width:calc(50% - 1rem);text-align:center}}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{padding-top:calc(var(--dialog-padding)*4)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form:first-child button,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>button:first-child{top:calc(var(--dialog-padding)*4)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset:not(.active){display:none}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi:not(:has(fieldset.active)) fieldset:first-of-type{display:flex;flex-direction:column}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi form>*:not(fieldset){display:none !important}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi form{max-height:23.125rem}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi :is(.h1,.h2,.h3,.h4,.h5,.h6){padding-right:calc(var(--dialog-padding)*3);padding-bottom:var(--dialog-padding)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps{width:100%;position:absolute;top:0;left:0;padding:var(--dialog-padding);counter-reset:section;display:flex;justify-content:space-between}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps:before{content:"";position:absolute;top:calc(50% - 1px);left:var(--dialog-padding);z-index:2;width:calc(100% - var(--dialog-padding) - var(--dialog-padding));height:2px;background:currentColor;z-index:1;background:linear-gradient(90deg, var(--colour-success) 0%, var(--colour-success) var(--progress, 0%), rgba(255, 255, 255, 0.5) var(--progress, 0%), rgba(255, 255, 255, 0.5) 100%)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button{position:relative;background:rgba(0,0,0,0);border:none;color:rgba(255,255,255,.5);height:1.5rem;line-height:1.5rem;width:1.5rem;text-indent:300%;overflow:hidden;z-index:2;background-color:var(--colour-primary);outline:.5rem solid var(--colour-primary)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button:before{position:absolute;top:0;left:0;counter-increment:section;content:counter(section);border:1px solid currentColor;height:1.5rem;line-height:1.5rem;width:1.5rem;text-align:center;display:inline-block;text-indent:0;border-radius:50%}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button:not(.active):not(.valid){pointer-events:none}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button:not(.active):not(.valid):before{opacity:.5}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.active{color:var(--colour-white)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.valid{color:var(--colour-success)}@media screen and (prefers-color-scheme: dark){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button{color:rgba(0,0,0,.5)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.active{color:#000}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button.valid{color:var(--colour-complete)}}@media screen and (min-width: 36em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{min-width:28.25rem;width:28.25rem;max-width:28.25rem}}@media screen and (min-width: 62em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{min-width:57.75rem;width:57.75rem;max-width:57.75rem;padding-top:var(--dialog-padding);padding-left:calc(var(--dialog-padding) + 17.625rem);display:flex;flex-direction:column}}@media screen and (min-width: 62em)and (min-height: 31.25rem){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{height:29.875rem;max-height:29.875rem}}@media screen and (min-width: 62em){.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form:first-child button,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>button:first-child{top:var(--dialog-padding)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps{width:17.625rem;height:100%;flex-direction:column;justify-content:center}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps:before{display:none}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .steps button{margin-block:.5rem;width:100%;text-indent:0;text-align:left;padding-left:2rem;font-size:1.125rem;outline-width:1px}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .btn--wrapper{margin-top:auto;text-align:right}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi>form{display:contents}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset{display:flex;flex-direction:column;flex-grow:1;position:relative;overflow:auto;margin-bottom:calc(var(--dialog-padding)*-1);padding-bottom:var(--dialog-padding);padding-right:calc(var(--dialog-padding) - 10px);margin-right:calc(var(--dialog-padding)*-1 + 10px)}.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi fieldset::before{content:"";top:100%;bottom:0;left:0;right:0;height:var(--dialog-padding);min-height:var(--dialog-padding);position:sticky;display:block;background:linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);z-index:2;margin-bottom:calc(var(--dialog-padding)*-1)}}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){display:block}*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed) .mh-lg,*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed) .mh-lg:before{display:contents}@media screen and (min-width: 36em){*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){min-width:42.875rem;max-width:42.875rem}}@media screen and (min-width: 62em){*:not(.dialog__wrapper)>dialog[open]:has(.youtube-embed){min-width:46rem;max-width:46rem}}.dialog__wrapper{position:relative;display:inline-block;margin-bottom:calc(var(--btn-margin) - .25rem)}.dialog__wrapper>.btn:first-child{margin-bottom:.25rem}.dialog__wrapper>.btn:first-child:not(.btn-compact):after{content:"";display:inline-block;margin-left:1em;margin-bottom:-0.15em;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.active:after{transform:rotate(-90deg)}.dialog__wrapper:has(dialog[open])>.btn:first-child:after{transform:rotate(270deg)}.dialog__wrapper>dialog[open]{left:0;top:100%;z-index:var(--index-floating);min-width:20rem;border-radius:1rem;width:20rem;padding:1.5rem}@media screen and (min-width: 36em){.dialog__wrapper>dialog[open]{width:20.9375rem}}@media screen and (min-width: 62em){.dialog__wrapper>dialog[open]{width:22.5rem}}.dialog__wrapper>dialog[open].dialog--list{width:fit-content !important;min-width:8.75rem !important;max-width:17.5rem !important;padding:1rem;margin:0}.dialog__wrapper>dialog[open].dialog--list .btn-action{border:none;padding:0;margin:0;padding-block:0.375rem;line-height:1.25rem;background:none;white-space:inherit;max-width:100%;min-width:100%}.dialog__wrapper>dialog[open].dialog--list .btn-action:before{min-width:1.25rem;display:inline-block}.dialog__wrapper>dialog[open].dialog--list .btn-action::after{float:right}.dialog__wrapper>dialog[open].dialog--list hr{height:2px;background:var(--colour-border);margin-left:-1rem;margin-right:-1rem;margin-block:.25rem}.dialog__wrapper>dialog[open].dialog--list .radio--tick{margin-right:0;padding-left:1.5rem;margin-bottom:0}.dialog__wrapper>dialog[open].dialog--list .radio--tick:before{left:0;font-size:1em;top:.75rem}.dialog__wrapper>dialog[open] dialog[open]{display:contents}.dialog__wrapper.dialog__wrapper--right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:14.9375rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:19.9375rem}@media screen and (min-width: 36em){.dialog__wrapper.dialog__wrapper--sm-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--sm-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.5625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.25rem}}@media screen and (min-width: 62em){.dialog__wrapper.dialog__wrapper--md-left>dialog[open]{left:0;right:auto}.dialog__wrapper.dialog__wrapper--md-right>dialog[open]{right:0;left:auto}.dialog__wrapper.dialog__wrapper--sm>dialog[open]{width:16.625rem}.dialog__wrapper.dialog__wrapper--lg>dialog[open]{width:28.375rem}}.dialog__wrapper :is(.empty,.individual){display:none}@supports selector(:has(*)){.dialog__wrapper :is(.empty,.individual){display:inline}}.dialog__wrapper:has(input:checked) .empty,.dialog__wrapper:not(:has(input:checked)) .individual,.dialog__wrapper:has(input:checked~input:checked) .individual,.dialog__wrapper:not(:has(input:checked~input:checked)) .multiple{display:none}@media screen and (max-width: 36em){dialog[open].dialog--sm-fullpage,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi{min-width:100%;min-height:100%;border-radius:0;overflow-y:auto}dialog[open].dialog--sm-fullpage .btn--wrapper,.js-enabled *:not(.dialog__wrapper)>dialog[open].dialog--multi .btn--wrapper{padding-top:4rem}dialog[open].dialog--sm-fullpage .mh-lg{max-height:none !important;overflow:visible}dialog[open].dialog--sm-fullpage:before,dialog[open].dialog--sm-fullpage *:first-child{margin-top:auto !important}dialog[open].dialog--sm-fullpage *:last-child{margin-bottom:auto !important}}/*# sourceMappingURL=dialog.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/dialog.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"CAIA,gDACE,cAIF,aAEE,yBAEA,kBACA,mBACA,YACA,4BACA,kCACA,uCACA,uBACA,8BACA,uEAEA,aACA,sBAEA,2DAEE,gBAGF,qEAEE,iBAWJ,qCACE,kBACA,WACA,mBAGA,4BACA,4BAGA,sDACE,gBAGF,qHAEE,kBACA,0BACA,4BACA,8BAEA,iBACA,gBACA,YACA,eACA,cACA,yBAEA,iIACE,WACA,MACA,OACA,kBACA,cACA,eACA,cACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAGF,yHACE,oCACA,qBACA,cAGF,yLACE,sBACA,sBAGF,6LACE,oCACA,qBACA,cAGF,8BAnDF,qHAoDI,cACA,kBAEA,iIACE,cC5GJ,oCDsCJ,qCA6EI,uBACA,qBACA,kBACA,qBCtHA,oCDsCJ,qCAqFI,oBACA,kBACA,iBAGF,yDACE,qBAGF,uDACE,kBAGF,oCAEE,uIACE,WACA,eACA,SACA,cACA,kBAEA,wJACE,+BAKN,4CACE,kBACA,kBACA,iDACA,mDACA,6CACA,qCAGA,mDACE,SACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/dialog.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"CAIA,gDACE,cAIF,aAEE,yBAEA,kBACA,mBACA,YACA,4BACA,kCACA,uCACA,uBACA,8BACA,uEAEA,aACA,sBAEA,2DAEE,gBAGF,qEAEE,iBAWJ,qCACE,kBACA,WACA,mBAGA,4BACA,4BAGA,sDACE,gBAGF,qHAEE,kBACA,0BACA,4BACA,8BAEA,iBACA,gBACA,YACA,eACA,cACA,yBAEA,iIACE,WACA,MACA,OACA,kBACA,cACA,eACA,cACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAGF,yHACE,oCACA,qBACA,cAGF,yLACE,sBACA,sBAGF,6LACE,oCACA,qBACA,cAGF,8BAnDF,qHAoDI,cACA,kBAEA,iIACE,cC5GJ,oCDsCJ,qCA6EI,uBACA,qBACA,kBACA,qBCtHA,oCDsCJ,qCAqFI,oBACA,kBACA,iBAGF,yDACE,qBAGF,uDACE,kBAGF,oCAEE,uIACE,WACA,eACA,SACA,cACA,kBAEA,wJACE,+BAKN,4CACE,kBACA,kBACA,iDACA,mDACA,6CACA,qCAGA,mDACE,SACA,6BACA,oBAKN,iBACE,0BACA,0BACA,4BAKF,6HAEE,kBAGA,oIACE,YACA,gBACA,kCACA,mCACA,wCACA,kBACA,oBACA,cACA,oBACA,iCACA,eAIA,aACA,qBACA,cACA,4BACA,WCxMA,oCDqLF,oIAaI,gBASJ,4IAEE,aAGF,uIAEE,wCACA,cACA,eAIA,aACA,qBACA,cACA,4BACA,WC5NA,oCDgNF,uIAMI,gBAQF,+IACE,kBAGF,gJACE,YACA,kBACA,MACA,SACA,yCAIJ,qSAEE,aAEA,ySACE,gBACA,eAGF,6WACE,gBACA,eAIJ,oIACE,gBC3PA,oCDgQA,2SAEE,2BACA,mBAON,+DAGE,0CAEA,yKACE,kCAGF,qFACE,aAGF,iHACE,aACA,sBAGF,oFACE,wBAGF,oEACE,qBAGF,4FACE,4CACA,qCAGF,sEACE,WACA,kBACA,MACA,OACA,8BACA,sBACA,aACA,8BAEA,6EAEE,WACA,kBACA,oBACA,2BACA,UACA,iEACA,WACA,wBACA,UACA,oLAGF,6EAEE,kBACA,yBACA,YACA,2BACA,cACA,mBACA,aACA,iBACA,gBACA,UACA,uCACA,0CAEA,oFACE,kBACA,MACA,OACA,0BACA,yBAEA,8BACA,cACA,mBACA,aACA,kBACA,qBACA,cACA,kBAGF,sGAEE,oBAEA,6GACE,WAIJ,oFACE,0BAEF,mFACE,4BAIJ,+CAEE,6EAEE,qBAEA,oFACE,WAEF,mFACE,8BC5XN,oCD0QJ,+DAyHI,mBACA,eACA,oBCrYA,oCD0QJ,+DA8HI,mBACA,eACA,mBACA,kCACA,qDACA,aACA,uBAGA,8DAvIJ,+DAwIM,iBACA,sBCnZF,oCDuZA,yKACE,0BAGF,sEACE,gBACA,YACA,sBACA,uBAEA,6EACE,aAGF,6EACE,mBACA,WACA,cACA,gBACA,kBACA,mBACA,kBAIJ,6EACE,gBACA,iBAEF,oEACE,iBAEF,wEACE,aACA,sBACA,YACA,kBAEA,cACA,6CACA,qCAGA,iDACA,mDAEA,gFACE,WACA,SACA,SACA,OACA,QACA,6BACA,iCACA,gBACA,cACA,gFACA,UACA,8CAQR,yDAEE,cAEA,uIACE,iBC9dA,oCDydJ,yDAUI,oBACA,qBCpeA,oCDydJ,yDAgBI,gBACA,iBAMJ,iBAEE,kBACA,qBACA,+CAGA,kCAEE,qBAEA,0DACE,WAEA,qBACA,gBACA,sBACA,WACA,UACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAEA,wBAGF,+CAEE,yBAIJ,0DAEE,yBAGF,8BAEE,OACA,SACA,8BACA,gBACA,mBACA,YACA,eCpiBA,oCD4hBF,8BAWI,kBCviBF,oCD4hBF,8BAcI,eAIF,2CAEE,6BACA,6BACA,6BACA,aACA,SAEA,uDACE,YACA,UACA,SACA,uBACA,oBACA,gBACA,oBACA,eACA,eAEA,8DACE,kBACA,qBAGF,8DACE,YAIJ,8CACE,WACA,gCACA,kBACA,mBACA,oBAGF,wDACE,eACA,oBACE,gBAEF,+DACE,OACA,cACA,WAKN,2CACE,iBAIJ,qDAEE,QACA,UAGF,kDAEE,iBAGF,kDAEE,iBClnBA,oCDunBA,uDAEE,OACA,WAEF,wDAEE,QACA,UAEF,kDACE,iBAEF,kDACE,gBCroBF,oCD2oBA,uDAEE,OACA,WAEF,wDAEE,QACA,UAEF,kDACE,gBAEF,kDACE,iBAMN,yCACE,aAGF,4BAEE,yCACE,gBAIJ,iOAKE,aAKF,oCAEE,gGAGE,eACA,gBACA,gBACA,gBAEA,4HACE,iBAMF,wCACE,2BACA,iBAGF,uFAEE,2BAGF,8CAEE","file":"dialog.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
label{font-size:1.125rem;line-height:1.3125rem;margin-bottom:0.5rem;font-weight:normal;color:var(--colour-heading);display:block}label:has(+input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])):after{content:" (Optional)"}:is(input,textarea,output,select){display:block;width:100%;max-width:50rem;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);appearance:none;border-radius:0.5rem;margin-bottom:1.5rem;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}:is(input,textarea,output,select):is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}:is(input,textarea,output,select)::-webkit-date-and-time-value{height:1.5em}:is(input,textarea,output,select):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}textarea{min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*3 + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*3 + 4px)}fieldset{width:100%}legend{font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);line-height:2rem;color:var(--colour-heading);margin:0;clear:both;display:block;float:none;font-size:1.5rem;line-height:2rem;padding-bottom:.5rem;max-width:var(--content-max-width);min-width:100%}div:has(>label:first-child):has(>input){position:relative;max-width:50rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center}div:has(>label:first-child):has(>input):has(input[readonly]):after{font-family:"Font Awesome 6 Pro";font-weight:300;content:"";position:absolute;font-size:var(--input-lh, 1.25rem);height:var(--input-lh, 1.25rem);width:var(--input-lh, 1.25rem);bottom:calc(var(--input-padding-block, 0.75rem) + 2px);right:calc(var(--input-padding-block, 1rem) + 2px);text-align:center}div:has(>label:first-child):has(>input) input,div:has(>label:first-child):has(>input) output,div:has(>label:first-child):has(>input) .prefix,div:has(>label:first-child):has(>input) .suffix{margin-bottom:0}div:has(>label:first-child):has(>input)>*:not(input):not(output):not(.prefix):not(.suffix){flex-shrink:0;width:100%}div:has(>label:first-child):has(>input) :is(input,textarea,output){flex-shrink:1;flex-grow:1;width:0}div:has(>label:first-child):has(>input) input~*:not(output){order:5;margin-top:0.5rem}div:has(>label:first-child):has(>input) input[type=color]{width:3rem;flex-shrink:0;flex-grow:0;border-start-end-radius:0;border-end-end-radius:0;padding:0;overflow:hidden}div:has(>label:first-child):has(>input) input[type=color]::-moz-color-swatch{border-radius:0;border:none}div:has(>label:first-child):has(>input) input[type=color]::-webkit-color-swatch{border-radius:0;border:none}div:has(>label:first-child):has(>input) output{border-left:none;border-end-start-radius:0;border-start-start-radius:0}div:has(>:is(.form-control-sm,.input--sm)){--input-fs: 0.875rem;--input-lh: 1rem;--input-padding-block: 0.625rem;--input-padding-inline: 0.875rem}div:has(>:is(.form-control-lg,.input--sm)){--input-fs: 1.5rem;--input-lh: 1.8125rem;--input-padding-block: 1.25rem;--input-padding-inline: 1.375rem}div:has(>label:first-child):has(>input):has(>:is(.form-control-inline,.input--inline)) label{flex-shrink:0;white-space:nowrap;width:fit-content !important;margin:0;margin-inline-end:1rem}:is(.prefix,.suffix){display:inline-block;width:auto;padding:var(--input-padding-block, 0.75rem) var(--input-padding-block, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-primary-theme);border:2px solid var(--colour-primary);color:var(--colour-white);margin-bottom:1rem;border-end-start-radius:0.5rem;border-start-start-radius:0.5rem;min-width:calc(2.75rem + 4px);overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;position:relative;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}:is(.prefix,.suffix):after{display:inline-block;max-width:1.25rem}:is(.prefix,.suffix)[class*=fa-]{width:calc(2.75rem + 4px);padding-inline:0}:is(.prefix,.suffix) select{position:absolute;inset:0;opacity:0;cursor:pointer}:is(.prefix,.suffix) span{display:none}:is(.prefix,.suffix) select:has(option:nth-child(1):checked)~span:nth-of-type(1),:is(.prefix,.suffix) select:has(option:nth-child(2):checked)~span:nth-of-type(2),:is(.prefix,.suffix) select:has(option:nth-child(3):checked)~span:nth-of-type(3),:is(.prefix,.suffix) select:has(option:nth-child(4):checked)~span:nth-of-type(4),:is(.prefix,.suffix) select:has(option:nth-child(5):checked)~span:nth-of-type(5),:is(.prefix,.suffix) select:has(option:nth-child(6):checked)~span:nth-of-type(6),:is(.prefix,.suffix) select:has(option:nth-child(7):checked)~span:nth-of-type(7),:is(.prefix,.suffix) select:has(option:nth-child(8):checked)~span:nth-of-type(8),:is(.prefix,.suffix) select:has(option:nth-child(9):checked)~span:nth-of-type(9),:is(.prefix,.suffix) select:has(option:nth-child(10):checked)~span:nth-of-type(10){display:block}:is(.prefix,.suffix) select~span:after{content:" ";font-family:"Font Awesome 6 Pro";font-size:.8em;display:inline-block;padding-left:1em}:is(.prefix,.suffix) select:focus-visible~span:after{content:""}.prefix{border-right:none}.suffix{border-left:none;border-end-start-radius:0;border-start-start-radius:0;border-start-end-radius:0.5rem !important;border-end-end-radius:0.5rem !important;order:2}.prefix span{display:none}.prefix span small{font-size:.8em}.prefix~:is(input,textarea,output){border-end-start-radius:0;border-start-start-radius:0}.suffix~:is(input,textarea,output){order:1;border-start-end-radius:0;border-end-end-radius:0}input[maxlength]+span{position:relative}input[maxlength]+span:before{counter-reset:variable var(--char-count) var(--maxlength);counter-reset:variable2 var(--maxlength);content:attr(data-count) " / " counter(variable2);float:right;margin:0 0 1em 1em}.was-validated *:not(button):is(:invalid,.is-invalid):not(.is-valid){--colour-check-border: var(--colour-danger);border-color:var(--colour-danger)}.was-validated *:not(button):is(:invalid,.is-invalid):not(.is-valid)+label{--colour-check-border: var(--colour-danger);--colour-check-bg: #FCEBEC}.was-validated input:is(:invalid,.is-invalid){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem))}.was-validated *:not(button):is(:valid,.is-valid):not(.is-invalid){border-color:var(--colour-complete)}.was-validated input:is(:valid,.is-valid){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem))}.invalid-feedback{color:var(--colour-danger);margin-top:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + 0.5rem);display:none}.was-validated:has(*:is(:invalid,.is-invalid)) .invalid-feedback{display:block}input:is([type=radio],[type=checkbox]){position:absolute;top:0;left:0;opacity:0;height:0;width:0;margin:0}:is(div,fieldset):has(>input:is([type=radio],[type=checkbox])){position:relative;padding-bottom:1.5rem}:is(div,fieldset):has(>input[type=radio]){--border-radius: 50%;--outline-width: 0.5rem}:is(div,fieldset):has(>input[type=checkbox]){--border-radius: 0.25rem;--outline-width: 0.25rem}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)){--tick-colour: transparent;color:var(--colour-heading);position:relative;font-size:1rem;line-height:1.25rem;padding-left:2.5rem;padding-top:0.625rem;padding-bottom:0.625rem;margin-bottom:1.5rem;margin-right:1.5rem;cursor:pointer}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+span){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+input){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):last-child{margin-bottom:1.5rem}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):before{content:"";border:2px solid var(--colour-check-border, var(--colour-primary));background:var(--colour-check-bg, transparent);border-radius:var(--border-radius);height:1.5rem;width:1.5rem;display:inline-block;position:absolute;top:0.5rem;left:var(--outline-width)}input[type=radio]+label:not(:has(>iam-card)):after{content:"" !important;background:var(--colour-info);border-radius:var(--border-radius);height:0.875rem;width:0.875rem;display:none;position:absolute;top:0.8125rem;left:0.3125rem}input[type=radio]+label:not(:has(>iam-card)).radio--tick:before{content:"";position:absolute;font-size:1.5em;line-height:1;color:var(--tick-colour);font-family:"Font Awesome 6 Pro";background:none !important;border:none !important;outline:none !important;left:.25rem}input[type=radio]+label:not(:has(>iam-card)).radio--tick:after{display:none}@media(forced-colors: active){input:is([type=radio],[type=checkbox]):not(:checked)+label.radio--tick:not(:has(>iam-card)):before{display:none}}div:has(>:is(input[type=radio],input[type=checkbox]):nth-of-type(2)) label:not(:has(>iam-card)):not(:last-of-type){margin-bottom:0rem}input:is([type=radio],[type=checkbox]):checked+label{--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:before{border-color:var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:after{display:inline-block}input:is([type=radio],[type=checkbox]):checked+label iam-card{--colour: var(--colour,var(--colour-info))}input[type=checkbox]:not([disabled]):checked+label:before{background:var(--colour-info) !important}input[type=checkbox]:checked+label:after{content:"";position:absolute;font-size:1em;line-height:1;color:var(--colour-primary-theme);font-family:"Font Awesome 6 Pro";font-weight:bold;height:1.5rem;width:1.5rem;line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:0.5rem;left:var(--outline-width);text-align:center}input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)+label{--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label{--tick-colour: var(--colour-muted)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label:before{background:var(--colour-check-bg, var(--colour-light));outline:var(--outline-width) solid var(--colour-light)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label{--tick-colour: var(--colour-light)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label:before{background:var(--colour-check-bg, #E0E0E0);outline:var(--outline-width) solid #e0e0e0}input:is([type=radio],[type=checkbox]):disabled+label{opacity:.4;cursor:not-allowed}input:is([type=radio],[type=checkbox]):disabled+label>iam-card{pointer-events:none}input:is([type=radio],[type=checkbox]):disabled+label:before{background-color:none !important;outline:none !important;border-color:var(--colour-primary) !important}input[type=radio][disabled]:checked+label:after{background-color:var(--colour-primary) !important}input[type=checkbox][disabled]:checked+label:before{background:#e0e0e0 !important;border-color:#e0e0e0 !important}.conditional{display:none}input:checked+.conditional,input:checked+label+.conditional{display:block;clear:both}input:not([class*=conditional-input-]):nth-of-type(1):checked~.conditional-1,input:not([class*=conditional-input-]):nth-of-type(2):checked~.conditional-2,input:not([class*=conditional-input-]):nth-of-type(3):checked~.conditional-3,input:not([class*=conditional-input-]):nth-of-type(4):checked~.conditional-4,input:not([class*=conditional-input-]):nth-of-type(5):checked~.conditional-5,input.conditional-input-1:checked~.conditional-1,input.conditional-input-2:checked~.conditional-2,input.conditional-input-3:checked~.conditional-3,input.conditional-input-4:checked~.conditional-4,input.conditional-input-5:checked~.conditional-5{display:block;clear:both}select[multiple]{border-radius:.35rem}select[multiple]::-webkit-scrollbar{width:.7rem}select[multiple]::-webkit-scrollbar *{background-color:rgba(0,0,0,0)}select[multiple]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:.35rem}select{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) no-repeat;padding-right:calc(var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem) + var(--input-lh, 1.25rem))}select option{font-size:1.2em}select[multiple],select[size]:not([size="1"]){background:none;max-height:none !important}select:disabled{background-color:#e9ecef}select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #212529}iam-fileupload input{display:none}/*# sourceMappingURL=forms.css.map */
|
|
1
|
+
label{font-size:1.125rem;line-height:1.3125rem;margin-bottom:0.5rem;font-weight:normal;color:var(--colour-heading);display:block}label:has(+input:not(:disabled):not([readonly]):not(:required):not([type=radio]):not([type=checkbox]):not([type=file])):after{content:" (Optional)"}:is(input,textarea,output,select){display:block;width:100%;max-width:50rem;display:block;width:100%;padding:var(--input-padding-block, 0.75rem) var(--input-padding-inline, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-canvas-2);background-clip:padding-box;border:2px solid var(--colour-primary);appearance:none;border-radius:0.5rem;margin-bottom:1.5rem;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}:is(input,textarea,output,select):is(:focus,.focus):not(:disabled){border-color:var(--colour-info);outline:0;box-shadow:0 0 0 .1rem rgba(30,190,230,.25)}:is(input,textarea,output,select)::-webkit-date-and-time-value{height:1.5em}:is(input,textarea,output,select):disabled{background-color:#ccd6d8;opacity:.4;cursor:not-allowed}textarea{min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*3 + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)*3 + 4px)}fieldset{width:100%}legend{font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);line-height:2rem;color:var(--colour-heading);margin:0;clear:both;display:block;float:none;font-size:1.5rem;line-height:2rem;padding-bottom:.5rem;max-width:var(--content-max-width);min-width:100%}div:has(>label:first-child):has(>input){position:relative;max-width:50rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center}div:has(>label:first-child):has(>input):has(input[readonly]):after{font-family:"Font Awesome 6 Pro";font-weight:300;content:"";position:absolute;font-size:var(--input-lh, 1.25rem);height:var(--input-lh, 1.25rem);width:var(--input-lh, 1.25rem);bottom:calc(var(--input-padding-block, 0.75rem) + 2px);right:calc(var(--input-padding-block, 1rem) + 2px);text-align:center}div:has(>label:first-child):has(>input) input,div:has(>label:first-child):has(>input) output,div:has(>label:first-child):has(>input) .prefix,div:has(>label:first-child):has(>input) .suffix{margin-bottom:0}div:has(>label:first-child):has(>input)>*:not(input):not(output):not(.prefix):not(.suffix){flex-shrink:0;width:100%}div:has(>label:first-child):has(>input) :is(input,textarea,output){flex-shrink:1;flex-grow:1;width:0}div:has(>label:first-child):has(>input) input~*:not(output){order:5;margin-top:0.5rem}div:has(>label:first-child):has(>input) input[type=color]{width:3rem;flex-shrink:0;flex-grow:0;border-start-end-radius:0;border-end-end-radius:0;padding:0;overflow:hidden}div:has(>label:first-child):has(>input) input[type=color]::-moz-color-swatch{border-radius:0;border:none}div:has(>label:first-child):has(>input) input[type=color]::-webkit-color-swatch{border-radius:0;border:none}div:has(>label:first-child):has(>input) output{border-left:none;border-end-start-radius:0;border-start-start-radius:0}div:has(>:is(.form-control-sm,.input--sm)){--input-fs: 0.875rem;--input-lh: 1rem;--input-padding-block: 0.625rem;--input-padding-inline: 0.875rem}div:has(>:is(.form-control-lg,.input--sm)){--input-fs: 1.5rem;--input-lh: 1.8125rem;--input-padding-block: 1.25rem;--input-padding-inline: 1.375rem}div:has(>label:first-child):has(>input):has(>:is(.form-control-inline,.input--inline)) label{flex-shrink:0;white-space:nowrap;width:fit-content !important;margin:0;margin-inline-end:1rem}:is(.prefix,.suffix){display:inline-block;width:auto;padding:var(--input-padding-block, 0.75rem) var(--input-padding-block, 1rem);font-size:var(--input-fs, 1rem);line-height:var(--input-lh, 1.25rem);color:var(--colour-body);background-color:var(--colour-primary-theme);border:2px solid var(--colour-primary);color:var(--colour-white);margin-bottom:1rem;border-end-start-radius:0.5rem;border-start-start-radius:0.5rem;min-width:calc(2.75rem + 4px);overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;position:relative;min-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px);max-height:calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem) + 4px)}:is(.prefix,.suffix):after{display:inline-block;max-width:1.25rem}:is(.prefix,.suffix)[class*=fa-]{width:calc(2.75rem + 4px);padding-inline:0}:is(.prefix,.suffix) select{position:absolute;inset:0;opacity:0;cursor:pointer}:is(.prefix,.suffix) span{display:none}:is(.prefix,.suffix) select:has(option:nth-child(1):checked)~span:nth-of-type(1),:is(.prefix,.suffix) select:has(option:nth-child(2):checked)~span:nth-of-type(2),:is(.prefix,.suffix) select:has(option:nth-child(3):checked)~span:nth-of-type(3),:is(.prefix,.suffix) select:has(option:nth-child(4):checked)~span:nth-of-type(4),:is(.prefix,.suffix) select:has(option:nth-child(5):checked)~span:nth-of-type(5),:is(.prefix,.suffix) select:has(option:nth-child(6):checked)~span:nth-of-type(6),:is(.prefix,.suffix) select:has(option:nth-child(7):checked)~span:nth-of-type(7),:is(.prefix,.suffix) select:has(option:nth-child(8):checked)~span:nth-of-type(8),:is(.prefix,.suffix) select:has(option:nth-child(9):checked)~span:nth-of-type(9),:is(.prefix,.suffix) select:has(option:nth-child(10):checked)~span:nth-of-type(10){display:block}:is(.prefix,.suffix) select~span:after{content:" ";font-family:"Font Awesome 6 Pro";font-size:.8em;display:inline-block;padding-left:1em}:is(.prefix,.suffix) select:focus-visible~span:after{content:""}.prefix{border-right:none}.suffix{border-left:none;border-end-start-radius:0;border-start-start-radius:0;border-start-end-radius:0.5rem !important;border-end-end-radius:0.5rem !important;order:2}.prefix span{display:none}.prefix span small{font-size:.8em}.prefix~:is(input,textarea,output){border-end-start-radius:0;border-start-start-radius:0}.suffix~:is(input,textarea,output){order:1;border-start-end-radius:0;border-end-end-radius:0}input[maxlength]+span{position:relative}input[maxlength]+span:before{counter-reset:variable var(--char-count) var(--maxlength);counter-reset:variable2 var(--maxlength);content:attr(data-count) " / " counter(variable2);float:right;margin:0 0 1em 1em}.was-validated *:not(button):is(:invalid,.is-invalid):not(.is-valid){--colour-check-border: var(--colour-danger);border-color:var(--colour-danger)}.was-validated *:not(button):is(:invalid,.is-invalid):not(.is-valid)+label{--colour-check-border: var(--colour-danger);--colour-check-bg: #FCEBEC}.was-validated input:is(:invalid,.is-invalid){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem))}.was-validated *:not(button):is(:valid,.is-valid):not(.is-invalid){border-color:var(--colour-complete)}.was-validated input:is(:valid,.is-valid){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M441 103c9.4 9.4 9.4 24.6 0 33.9L177 401c-9.4 9.4-24.6 9.4-33.9 0L7 265c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l119 119L407 103c9.4-9.4 24.6-9.4 33.9 0z' fill='%230f9d58' /%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--input-padding-inline, 1rem) center;background-size:var(--input-lh, 1.25rem) var(--input-lh, 1.25rem);padding-right:calc(var(--input-lh, 1.25rem) + var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem))}.invalid-feedback{color:var(--colour-danger);margin-top:0.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3c!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license %28Commercial License%29 Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c-8.8 0-16 7.2-16 16V272c0 8.8 7.2 16 16 16s16-7.2 16-16V144c0-8.8-7.2-16-16-16zm24 224a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z' fill='%23dc3545'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left top 1px;background-size:var(--input-fs, 1rem) var(--input-fs, 1rem);padding-left:calc(var(--input-fs, 1rem) + 0.5rem);display:none}.was-validated:has(*:is(:invalid,.is-invalid)) .invalid-feedback{display:block}input:is([type=radio],[type=checkbox]){position:absolute;top:0;left:0;opacity:0;height:0;width:0;margin:0;pointer-events:none}:is(div,fieldset):has(>input:is([type=radio],[type=checkbox])){position:relative;padding-bottom:1.5rem}:is(div,fieldset):has(>input[type=radio]){--border-radius: 50%;--outline-width: 0.5rem}:is(div,fieldset):has(>input[type=checkbox]){--border-radius: 0.25rem;--outline-width: 0.25rem}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)){--tick-colour: transparent;color:var(--colour-heading);position:relative;font-size:1rem;line-height:1.25rem;padding-left:2.5rem;padding-top:0.625rem;padding-bottom:0.625rem;margin-bottom:1.5rem;margin-right:1.5rem;cursor:pointer}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+span){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):has(+input){margin-bottom:0}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):last-child{margin-bottom:1.5rem}input:is([type=radio],[type=checkbox])+label:not(:has(>iam-card)):before{content:"";border:2px solid var(--colour-check-border, var(--colour-primary));background:var(--colour-check-bg, transparent);border-radius:var(--border-radius);height:1.5rem;width:1.5rem;display:inline-block;position:absolute;top:0.5rem;left:var(--outline-width)}input[type=radio]+label:not(:has(>iam-card)):after{content:"" !important;background:var(--colour-info);border-radius:var(--border-radius);height:0.875rem;width:0.875rem;display:none;position:absolute;top:0.8125rem;left:0.3125rem}input[type=radio]+label:not(:has(>iam-card)).radio--tick:before{content:"";position:absolute;font-size:1.5em;line-height:1;color:var(--tick-colour);font-family:"Font Awesome 6 Pro";background:none !important;border:none !important;outline:none !important;left:.25rem}input[type=radio]+label:not(:has(>iam-card)).radio--tick:after{display:none}@media(forced-colors: active){input:is([type=radio],[type=checkbox]):not(:checked)+label.radio--tick:not(:has(>iam-card)):before{display:none}}div:has(>:is(input[type=radio],input[type=checkbox]):nth-of-type(2)) label:not(:has(>iam-card)):not(:last-of-type){margin-bottom:0rem}input:is([type=radio],[type=checkbox]):checked+label{--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:before{border-color:var(--colour-info)}input:is([type=radio],[type=checkbox]):checked+label:after{display:inline-block}input:is([type=radio],[type=checkbox]):checked+label iam-card{--colour: var(--colour,var(--colour-info))}input[type=checkbox]:not([disabled]):checked+label:before{background:var(--colour-info) !important}input[type=checkbox]:checked+label:after{content:"";position:absolute;font-size:1em;line-height:1;color:var(--colour-primary-theme);font-family:"Font Awesome 6 Pro";font-weight:bold;height:1.5rem;width:1.5rem;line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:0.5rem;left:var(--outline-width);text-align:center}input[type=checkbox]:indeterminate+label:before{background:var(--colour-info) !important;border-color:var(--colour-info) !important}input[type=checkbox]:indeterminate+label:after{content:"";position:absolute;font-size:1em;line-height:1;color:var(--colour-primary-theme);font-family:"Font Awesome 6 Pro";font-weight:bold;height:1.5rem;width:1.5rem;line-height:1.625rem;background:none !important;border:none !important;outline:none !important;top:0.5rem;left:var(--outline-width);text-align:center}input:is([type=radio],[type=checkbox]):checked:is(:focus,:hover,.focus)+label{--tick-colour: var(--colour-info)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label{--tick-colour: var(--colour-muted)}input:is([type=radio],[type=checkbox]):is(:focus,:hover,.focus)+label:before{background:var(--colour-check-bg, var(--colour-light));outline:var(--outline-width) solid var(--colour-light)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label{--tick-colour: var(--colour-light)}input:is([type=radio],[type=checkbox]):is(:active,.active)+label:before{background:var(--colour-check-bg, #E0E0E0);outline:var(--outline-width) solid #e0e0e0}input:is([type=radio],[type=checkbox]):disabled+label{opacity:.4;cursor:not-allowed}input:is([type=radio],[type=checkbox]):disabled+label>iam-card{pointer-events:none}input:is([type=radio],[type=checkbox]):disabled+label:before{background-color:none !important;outline:none !important;border-color:var(--colour-primary) !important}input[type=radio][disabled]:checked+label:after{background-color:var(--colour-primary) !important}input[type=checkbox][disabled]:checked+label:before{background:#e0e0e0 !important;border-color:#e0e0e0 !important}.conditional{display:none}input:checked+.conditional,input:checked+label+.conditional{display:block;clear:both}input:not([class*=conditional-input-]):nth-of-type(1):checked~.conditional-1,input:not([class*=conditional-input-]):nth-of-type(2):checked~.conditional-2,input:not([class*=conditional-input-]):nth-of-type(3):checked~.conditional-3,input:not([class*=conditional-input-]):nth-of-type(4):checked~.conditional-4,input:not([class*=conditional-input-]):nth-of-type(5):checked~.conditional-5,input.conditional-input-1:checked~.conditional-1,input.conditional-input-2:checked~.conditional-2,input.conditional-input-3:checked~.conditional-3,input.conditional-input-4:checked~.conditional-4,input.conditional-input-5:checked~.conditional-5{display:block;clear:both}select[multiple]{border-radius:.35rem}select[multiple]::-webkit-scrollbar{width:.7rem}select[multiple]::-webkit-scrollbar *{background-color:rgba(0,0,0,0)}select[multiple]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:.35rem}select{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right var(--input-padding-block, 0.75rem) top var(--input-padding-block, 0.75rem)/var(--input-lh, 1.25rem) var(--input-lh, 1.25rem) no-repeat,linear-gradient(to left, var(--colour-primary-theme), var(--colour-primary-theme) 100%) right top/calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) calc(var(--input-padding-block, 0.75rem) + var(--input-padding-block, 0.75rem) + var(--input-lh, 1.25rem)) no-repeat;padding-right:calc(var(--input-padding-inline, 1rem) + var(--input-padding-inline, 1rem) + var(--input-lh, 1.25rem))}select option{font-size:1.2em}select[multiple],select[size]:not([size="1"]){background:none;max-height:none !important}select:disabled{background-color:#e9ecef}select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #212529}iam-fileupload input{display:none}/*# sourceMappingURL=forms.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/forms.scss","../../sass/_functions/variables.scss","../../bootstrap/scss/_variables.scss"],"names":[],"mappings":"CAGA,MACE,mBACA,sBACA,qBACA,mBACA,4BACA,cAEA,8HACE,sBAMJ,kCACE,cACA,WACA,UC0TkB,MDzTlB,cACA,WACA,8EACA,gCACA,qCACA,yBACA,wCACA,4BACA,uCACA,gBACA,qBACA,qBACA,4HACA,4HAGA,mEACE,gCACA,UACA,4CAMF,+DAEE,aAIF,2CACE,yBACA,WACA,mBAKJ,SACE,8HACA,8HAMF,SACE,WAEF,OACE,YCsPuB,oBDrPvB,WC2PoB,OD1PpB,YCqPuB,sBDpPvB,YC0PqB,KDzPrB,MCoPiB,sBDnPjB,SACA,WACA,cACA,WACA,iBACA,iBACA,qBACA,mCACA,eAMF,wCACE,kBACA,UCiPkB,MDhPlB,qBAmBA,aACA,eACA,mBAnBA,mEACE,iCACA,gBACA,YACA,kBACA,mCACA,gCACA,+BACA,uDACA,mDACA,kBAGF,6LACE,gBAOF,2FACE,cACA,WAGF,mEACE,cACA,YACA,QAGF,4DACE,QACA,kBAGF,0DACE,WACA,cACA,YACA,0BACA,wBACA,UACA,gBAGA,6EAEE,gBACA,YAGF,gFAEE,gBACA,YAIJ,+CACE,iBACA,0BACA,4BAIJ,2CAEE,qBACA,iBACA,gCACA,iCAEF,2CACE,mBACA,sBACA,+BACA,iCAKA,6FACE,cACA,mBACA,6BACA,SACA,uBAQJ,qBACE,qBACA,WACA,6EACA,gCACA,qCACA,yBACA,6CACA,uCACA,0BACA,mBACA,+BACA,iCACA,8BACA,gBACA,mBACA,kBACA,uBACA,kBAEA,4HACA,4HAGA,2BACE,qBACA,kBAGF,iCACE,0BACA,iBAGF,4BACE,kBACA,QACA,UACA,eAGF,0BACE,aAGF,4yBAWE,cAGF,uCACE,aACA,iCACA,eACA,qBACA,iBAGF,qDACE,YAIJ,QAEE,kBAGF,QAEE,iBACA,0BACA,4BACA,0CACA,wCACA,QAGF,aACE,aAEA,mBACE,eAIJ,mCAEE,0BACA,4BAGF,mCACE,QAEA,0BACA,wBAMF,sBAEE,kBAEA,6BAEE,0DACA,yCACA,kDACA,YAEA,mBAcJ,qEAEE,4CACA,kCAGF,2EAEE,4CACA,2BAGF,8CAEE,yiBACA,4BACA,mEACA,kEACA,qHAGF,mEAEE,oCAGF,0CAEE,meACA,4BACA,mEACA,kEACA,qHAGF,kBACE,2BACA,kBACA,yiBACA,4BACA,iCACA,4DACA,kDACA,aAGF,iEACE,cAKF,uCACE,kBACA,MACA,OACA,UACA,SACA,QACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/forms.scss","../../sass/_functions/variables.scss","../../bootstrap/scss/_variables.scss"],"names":[],"mappings":"CAGA,MACE,mBACA,sBACA,qBACA,mBACA,4BACA,cAEA,8HACE,sBAMJ,kCACE,cACA,WACA,UC0TkB,MDzTlB,cACA,WACA,8EACA,gCACA,qCACA,yBACA,wCACA,4BACA,uCACA,gBACA,qBACA,qBACA,4HACA,4HAGA,mEACE,gCACA,UACA,4CAMF,+DAEE,aAIF,2CACE,yBACA,WACA,mBAKJ,SACE,8HACA,8HAMF,SACE,WAEF,OACE,YCsPuB,oBDrPvB,WC2PoB,OD1PpB,YCqPuB,sBDpPvB,YC0PqB,KDzPrB,MCoPiB,sBDnPjB,SACA,WACA,cACA,WACA,iBACA,iBACA,qBACA,mCACA,eAMF,wCACE,kBACA,UCiPkB,MDhPlB,qBAmBA,aACA,eACA,mBAnBA,mEACE,iCACA,gBACA,YACA,kBACA,mCACA,gCACA,+BACA,uDACA,mDACA,kBAGF,6LACE,gBAOF,2FACE,cACA,WAGF,mEACE,cACA,YACA,QAGF,4DACE,QACA,kBAGF,0DACE,WACA,cACA,YACA,0BACA,wBACA,UACA,gBAGA,6EAEE,gBACA,YAGF,gFAEE,gBACA,YAIJ,+CACE,iBACA,0BACA,4BAIJ,2CAEE,qBACA,iBACA,gCACA,iCAEF,2CACE,mBACA,sBACA,+BACA,iCAKA,6FACE,cACA,mBACA,6BACA,SACA,uBAQJ,qBACE,qBACA,WACA,6EACA,gCACA,qCACA,yBACA,6CACA,uCACA,0BACA,mBACA,+BACA,iCACA,8BACA,gBACA,mBACA,kBACA,uBACA,kBAEA,4HACA,4HAGA,2BACE,qBACA,kBAGF,iCACE,0BACA,iBAGF,4BACE,kBACA,QACA,UACA,eAGF,0BACE,aAGF,4yBAWE,cAGF,uCACE,aACA,iCACA,eACA,qBACA,iBAGF,qDACE,YAIJ,QAEE,kBAGF,QAEE,iBACA,0BACA,4BACA,0CACA,wCACA,QAGF,aACE,aAEA,mBACE,eAIJ,mCAEE,0BACA,4BAGF,mCACE,QAEA,0BACA,wBAMF,sBAEE,kBAEA,6BAEE,0DACA,yCACA,kDACA,YAEA,mBAcJ,qEAEE,4CACA,kCAGF,2EAEE,4CACA,2BAGF,8CAEE,yiBACA,4BACA,mEACA,kEACA,qHAGF,mEAEE,oCAGF,0CAEE,meACA,4BACA,mEACA,kEACA,qHAGF,kBACE,2BACA,kBACA,yiBACA,4BACA,iCACA,4DACA,kDACA,aAGF,iEACE,cAKF,uCACE,kBACA,MACA,OACA,UACA,SACA,QACA,SACA,oBAGF,+DACE,kBAEA,sBAGF,0CAEE,qBACA,wBAGF,6CAEE,yBACA,yBAGF,kEAEE,2BAEA,4BACA,kBACA,eACA,oBACA,oBACA,qBACA,wBACA,qBACA,oBACA,eAEA,6EACE,gBAGF,8EACE,gBAGF,6EAEE,qBAGF,yEACE,WACA,mEACA,+CACA,mCACA,cACA,aACA,qBACA,kBACA,WACA,0BAMF,mDACE,sBACA,8BACA,mCACA,gBACA,eACA,aACA,kBACA,cACA,eAIA,gEAEE,YACA,kBACA,gBACA,cACA,yBACA,iCAEA,2BACA,uBACA,wBACA,YAEF,+DACE,aAKN,8BAII,mGAEE,cAMJ,mHACE,mBAIJ,qDAEE,kCAEA,4DACE,gCAGF,2DACE,qBAGF,8DACE,2CAMF,0DACE,yCAKF,yCACE,YACA,kBACA,cACA,cACA,kCACA,iCACA,iBACA,cACA,aACA,qBACA,2BACA,uBACA,wBACA,WACA,0BACA,kBAMF,gDACE,yCACA,2CAGF,+CACE,YACA,kBACA,cACA,cACA,kCACA,iCACA,iBACA,cACA,aACA,qBACA,2BACA,uBACA,wBACA,WACA,0BACA,kBAKJ,8EAEE,kCAEF,sEAEE,mCAEA,6EACE,uDACA,uDAGJ,iEAEE,mCAEA,wEACE,2CACA,2CAKJ,sDAEE,WACA,mBAEA,+DACE,oBAGF,6DACE,iCACA,wBACA,8CAMF,gDACE,kDAMF,oDACE,8BACA,gCAMJ,aACE,aAGF,4DAEE,cACA,WAGF,snBAUE,cACA,WAKF,iBACE,qBAEF,oCACE,YAEF,sCACE,+BAEF,0CACE,gCAEA,qBAMF,OAGE,yrBAGA,qHAEA,8BAEA,8CAEE,gBACA,2BAGF,gBAEE,iBE9qBO,QFmrBT,sBACE,oBACA,0BAQF,qBACE","file":"forms.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);margin-bottom:2rem;position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=header.css.map */
|
|
1
|
+
.header-banner{background:linear-gradient(180deg, var(--colour-secondary) 0, var(--colour-info) 100%);margin-bottom:2rem;position:relative;overflow:hidden;max-width:100% !important}@media screen and (min-width: 62em){.header-banner{min-height:29.375rem}}.header-banner>.container{padding-bottom:0;position:relative}.header-banner .breadcrumb{margin-top:1.5rem;margin-bottom:-0.5rem}@media screen and (min-width: 62em){.header-banner .breadcrumb{position:absolute;top:0;left:3.75rem}}.header-banner__inner{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light);color:var(--colour-body);background:#fff;padding:2rem;margin:1.875rem 0;position:relative;z-index:var(--index-above)}.header-banner__inner .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.header-banner__inner{max-width:37.5rem;margin:7rem 0 5rem 0;padding:3.5rem 4rem}}.header-banner__inner>*:last-child{padding-bottom:0;margin-bottom:0}.header-banner picture img{display:none}@media screen and (min-width: 62em){.header-banner picture img{display:block;position:absolute;top:-0.5%;left:40%;height:101%;object-fit:cover;width:60%;pointer-events:none}}::slotted(.breadcrumb){margin-top:1.5rem !important;margin-bottom:-0.5rem !important}@media screen and (min-width: 62em){::slotted(.breadcrumb){position:absolute !important;top:0 !important;left:5.25rem !important}}::slotted(*:last-child){padding-bottom:0 !important;margin-bottom:0 !important}/*# sourceMappingURL=header.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/header.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAEA,eACE,uFACA,mBACA,kBACA,gBACA,0BCDE,oCDJJ,eAUI,sBAGF,0BACE,iBACA,kBAGF,2BAEE,kBACA,sBCjBA,oCDcF,2BAMI,kBACA,MACA,cAIJ,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/header.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAEA,eACE,uFACA,mBACA,kBACA,gBACA,0BCDE,oCDJJ,eAUI,sBAGF,0BACE,iBACA,kBAGF,2BAEE,kBACA,sBCjBA,oCDcF,2BAMI,kBACA,MACA,cAIJ,sBCmIE,0+BD/HA,yBACA,gBACA,aACA,kBACA,kBACA,2BC6HF,oCACE,uCAjKA,oCD0BF,sBAYI,kBACA,qBACA,qBAGF,mCACE,iBACA,gBAIJ,2BACE,aClDA,oCDiDF,2BAGI,cACA,kBACA,UACA,SACA,YACA,iBACA,UACA,qBAON,uBACE,6BACA,iCCpEE,oCDkEJ,uBAKI,6BACA,iBACA,yBAIJ,wBACE,4BACA","file":"header.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/_functions/mixins.scss","../../sass/components/lists.scss","../../sass/_functions/variables.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/_functions/mixins.scss","../../sass/components/lists.scss","../../sass/_functions/variables.scss"],"names":[],"mappings":"CAyJc,cCtJZ,UC4UkB,MDzUpB,WAEE,eAEA,cACE,kBACA,gBACA,oBACA,qBAEA,qBAEE,YACA,kBACA,MACA,OACA,aACA,cACA,iBACA,cAEA,6BACA,iCACA,cAIF,mCAEE,YACA,gBACA,4BAGF,kCAEE,YACA,gBACA,2BAGF,sCAEE,+BACA,gBACA,wBACA,kBACA,qBAGF,0BACE,aACA,kBACA,mBACA,oBACA,UAEA,iEAGE,QACA,UACA,WACA,YACA,iBAGF,gCAEE,WACA,kBACA,WACA,sBACA,kBACA,yBACA,qBAQR,YAEE,mBACA,eACA,gBAEA,eACE,qBAEA,wCACE,cACA,iBACA,yBAGF,iBACE,qBACA,yBAKN,gBAEE,mBACA,wBACA,eAEA,mBACE,kBACA,gBACA,kBACA,uDACA,aACA,mBACA,oBACA,YAGF,0BACE,WACA,6BACA,oCACA,oHACA,YACA,aACA,qBACA,kBACA,MACA,wBACA,oBAGF,yBACE,4BACA,2BACA,YACA,aACA,iBACA,kBACA,iBACA,qBACA,kBACA,qBACA,wBACA,kBAKJ,eACE,kBACA,gBAEF,sBACE,mBAEF,uBACE,iBAEF,sBACE","file":"lists.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
body:has(iam-nav.open:not(.nav--sticky):not(.nav--xs-sticky)){max-height:100vh;overflow:hidden}nav:has(iam-nav){min-height:6rem;display:block}nav:has(iam-nav) iam-nav{position:absolute;top:0;left:0;width:100%;z-index:var(--index-menu)}@media screen and (min-width: 62em){nav:has(iam-nav a[slot=secondary]){min-height:8.5rem}}nav:has(iam-nav.nav--sticky) iam-nav{position:fixed}@media screen and (max-width: 36em){body:has(iam-nav.open:not(.nav--xs-sticky)){max-height:100vh;overflow:hidden}nav:has(iam-nav.nav--xs-sticky) iam-nav{position:fixed}}@media screen and (min-width: 36em){body:has(iam-nav.open:not(.nav--sticky)){max-height:100vh;overflow:hidden}}iam-nav:not(:defined)>*:not([slot=logo]){display:none}iam-nav:not(:defined):not(:target)>*:not(.brand){display:none}iam-nav{--nav-height: 6rem;overscroll-behavior:contain !important;background-color:var(--colour-canvas);display:block;margin-left:auto;margin-right:auto;padding:var(--container-padding);padding-top:1.5rem;padding-bottom:1.5rem;width:100%;max-width:80rem}iam-nav:has(a[slot=secondary]){--nav-height: 8.5rem}iam-nav .brand{font-size:3rem;height:3rem;padding:0;text-decoration:none}iam-nav a:not([slot=logo]):not(:has(iam-card)){text-decoration:none}iam-nav a:not([slot=logo]):not(:has(iam-card)):where(:hover,:focus,.selected){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav a:not([slot=logo]):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}iam-nav a:not([slot=logo]):not(:has(iam-card)).selected{text-decoration-color:var(--colour-info) !important}iam-nav details>summary{text-decoration:none}iam-nav details>summary:where(:hover,:focus,.selected){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav details>summary:active{text-decoration-color:#a2d393 !important}iam-nav details[open]>summary{text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-info)}@media screen and (max-width: 62em){iam-nav details{background-color:var(--colour-canvas);margin-left:-1.5rem;margin-right:-1.5rem;padding-inline:1.5rem;width:auto;position:relative}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){iam-nav details{background-color:#eee}}@media screen and (max-width: 62em){iam-nav details summary{background-color:var(--colour-white);display:block;border:none;color:var(--colour-link);margin:0;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 4rem 1.5rem 1.5rem;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}}@media screen and (max-width: 62em)and (prefers-color-scheme: dark){iam-nav details summary{background-color:var(--colour-canvas-2)}}@media screen and (max-width: 62em){iam-nav details summary:after{content:"";display:block;font-size:1.5rem;font-weight:300;position:absolute;top:1.5rem;right:1.5rem;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav details[open]>summary:after{content:"";font-weight:bold}iam-nav details a{text-decoration:none;display:block;border:none;color:var(--colour-link);margin:0;margin-left:3rem;padding:1.5rem 0 1.5rem 0;font-size:1rem;line-height:1.5rem;min-height:1.5rem;position:relative;font-weight:normal}iam-nav details a:after{background:var(--colour-border) !important;top:calc(100% - 2px) !important;width:100% !important}iam-nav details a:has(iam-card){display:none !important}iam-nav details details a:last-child:after{display:none}iam-nav details:after{content:"";position:absolute;top:calc(100% - 2px);left:1.5rem;height:2px;width:calc(100% - 3rem);display:block;height:2px;background-color:var(--colour-border) !important}iam-nav details details:after{display:none}iam-nav details details summary{padding:0 1.5rem 1.5rem 3.5rem;position:relative}iam-nav details details summary:after{left:1.5rem;font-size:1rem;top:0.1875rem;transform:none;font-weight:400}iam-nav details details[open]+details:before{content:"";display:block;background:var(--colour-canvas-2);padding-top:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width: 62em)and (min-width: 36em){iam-nav details{padding-right:2.5rem;margin-right:-2.5rem}iam-nav details:after{width:calc(100% - 4rem)}iam-nav details summary{padding-right:5rem;margin-right:-2.5rem}iam-nav details summary:after{right:2.5rem}iam-nav details details[open]+details:before{padding-right:2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 62em){iam-nav details{width:auto}iam-nav details>summary{display:block;border:none;color:var(--colour-link);margin:0;font-size:1rem;line-height:6rem;min-height:6rem;margin-block:-1.5rem;position:relative;font-weight:normal;white-space:nowrap;padding-right:1.5rem}iam-nav details>summary:after{content:"";display:block;font-size:1rem;font-weight:300;position:absolute;top:50%;transform:translate(0, -50%);right:0;font-family:"Font Awesome 6 Pro";line-height:1em}iam-nav details:not(:first-child)>summary{margin-left:1.5rem}iam-nav details div{display:none}iam-nav details[open]>div{position:absolute;display:block;top:100%;left:0;width:100%;padding-inline:calc(50% - 34.75rem);box-shadow:0px 6px 12px rgba(0,0,0,.11)}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav details[open]>div{background:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light)}iam-nav details[open]>div .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){iam-nav details[open]>div{--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (min-width: 62em){iam-nav details[open]>div:has(details){background:var(--colour-canvas-2)}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav details[open]>div:has(details){background:#eee}}@media screen and (min-width: 62em){iam-nav details[open]>div:has(details) a{display:inline-block;margin-right:2rem}iam-nav details[open]>div:has(details) a:first-child{margin-right:0}iam-nav details[open]>div:has(details) a:has(iam-card){display:none}iam-nav details[open]>div:has(details) details{display:inline-block}iam-nav details[open]>div:has(details) details summary{display:inline-block;margin-left:0 !important;margin-right:2rem}iam-nav details[open]>div:has(details) details:first-child summary{margin-left:0}iam-nav details[open]>div:not(:has(details)){background:var(--colour-canvas);padding-top:8rem;padding-bottom:4rem;columns:3;column-gap:6.875rem}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){iam-nav details[open]>div:not(:has(details)){background:var(--colour-white);--colour-canvas-2: white}}@media screen and (min-width: 62em){iam-nav details[open]>div:not(:has(details))>a{margin-right:0 !important;display:block;max-height:6rem}iam-nav details[open]>div:not(:has(details))>a.double-height{min-height:6rem}iam-nav details[open]>div:not(:has(details)) a:has(iam-card){display:inline-block}iam-nav details[open]>div:not(:has(details)):before{content:attr(data-title);display:block;position:absolute;top:0;left:0;width:100%;color:var(--colour-white);padding-inline:calc(50% - 34.75rem);font-size:2rem;font-weight:bold;line-height:5.5rem;--gradient-direction: 90deg;background-color:var(--colour-info-theme);background-image:linear-gradient(var(--gradient-direction), var(--colour-primary-theme) 0, transparent 100%) !important}iam-nav details[open]>div:not(:has(details)):has(iam-card){column-gap:1rem}iam-nav details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card)){margin-right:5.875rem !important}iam-nav details[open]>div:not(:has(details)):has(iam-card) a:has(iam-card):after{display:none}iam-nav details[open]>div:not(:has(details)):has(iam-card) a:not(:has(iam-card))+a:has(iam-card){break-before:column}iam-nav details a:not([slot=logo]):not(:has(iam-card)){font-size:1rem;line-height:1.5rem;padding-block:1.5rem;position:relative;font-weight:normal;display:block;margin:0}iam-nav details a:not([slot=logo]):not(:has(iam-card)):where(:hover,:focus,.selected){text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--colour-underline)}iam-nav details a:not([slot=logo]):not(:has(iam-card)):active{text-decoration-color:#a2d393 !important}iam-nav details a:not([slot=logo]):not(:has(iam-card)).selected{text-decoration-color:var(--colour-info)}iam-nav details a:not([slot=logo]):not(:has(iam-card)):after{content:"";display:block;height:2px;width:100% !important;top:calc(100% - 2px);background-color:var(--colour-border) !important}iam-nav details>details>summary{padding-right:0;background:rgba(0,0,0,0)}iam-nav details>details>summary:after{display:none}iam-nav details details:not(:first-child)>summary{margin-left:2rem}}@media screen and (min-width: 62em){iam-nav.search-open>*:not([slot=logo]):not([slot=secondary]){display:none !important}}@media screen and (min-width: 62em){iam-nav .brand:has(~[slot=dual]){margin-right:1.5rem}iam-nav *:not([slot=dual]):has(+[slot=dual]){margin-right:auto}}iam-nav .nav--menu{outline:none !important}iam-nav .nav--menu::-webkit-scrollbar{width:6px}iam-nav .nav--menu::-webkit-scrollbar-track{border:0 !important}iam-nav .nav--menu::-webkit-scrollbar-thumb{border:0 !important}iam-nav .nav--menu hr{width:100% !important;border-top:2px solid var(--colour-border) !important}iam-nav .nav--menu a{display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 0 2.25rem 0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important}iam-nav .nav--menu a:has(+a){margin-bottom:0 !important}iam-nav .nav--menu a:after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}iam-nav .nav--menu>button{min-width:100%;text-align:center}iam-nav .nav--menu.closed *{display:none !important}/*# sourceMappingURL=nav-global.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/nav-global.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"CAGA,8DACE,iBACA,gBAIF,iBAEE,gBACA,cAEA,yBACE,kBACA,MACA,OACA,WACA,0BCbA,oCDkBF,mCAEE,mBAMF,qCACE,eAIJ,oCAEE,4CACE,iBACA,gBAKA,wCACE,gBCzCF,oCD+CF,yCACE,iBACA,iBAQF,yCACE,aAGF,iDACE,aAMJ,QAEE,mBAOA,uCACA,sCACA,cACA,iBACA,kBACA,iCACA,mBACA,sBACA,WACA,gBAdA,+BAEE,qBAcF,eACE,eACA,YACA,UACA,qBAGF,+CAEE,qBAEA,8EACE,0BACA,2BACA,8BACA,8CAEF,sDACE,yCAEF,wDAEE,oDAQJ,wBAEE,qBAEA,uDACE,0BACA,2BACA,8BACA,8CAEF,+BACE,yCAIJ,8BAEE,0BACA,2BACA,8BACA,yCAOJ,oCACE,gBAEE,sCAMA,oBACA,qBACA,sBACA,WACA,mBARA,qEAJF,gBAKI,uBANN,oCAeI,wBAEE,qCAOA,cACA,YACA,yBACA,SAEA,oBACA,qBACA,kCACA,eACA,mBACA,kBACA,kBACA,oBAhBA,oEALF,wBAOE,yCAtBN,oCAsCM,8BACE,YACA,cACA,iBACA,gBACA,kBACA,WACA,aACA,iCACA,gBAIJ,oCACE,YACA,iBAGF,kBACE,qBACA,cACA,YACA,yBACA,SACA,iBACA,0BACA,eACA,mBACA,kBACA,kBACA,mBAEA,wBACE,2CACA,gCACA,sBAKJ,gCACE,wBAGF,2CACE,aAGF,sBACE,WACA,kBACA,qBACA,YACA,WACA,wBACA,cACA,WACA,iDAMA,8BACE,aAGF,gCACE,+BACA,kBAGF,sCACE,YACA,eACA,cACA,eACA,gBAIJ,6CAEE,WACA,cACA,kCACE,mBACA,oBACA,sBAOR,yDAEE,gBACE,qBACA,qBAEA,sBAEE,wBAGF,wBAEE,mBACA,qBAEA,8BAEE,aAKN,6CAEE,qBACA,sBChTA,oCDuTF,gBAEE,WAEA,wBAEE,cACA,YACA,yBACA,SACA,eACA,iBACA,gBACA,qBACA,kBACA,mBACA,mBACA,qBAEA,8BACE,YACA,cACA,eACA,gBACA,kBACA,QACA,6BACA,QACA,iCACA,gBAIJ,0CAEE,mBAGF,oBACE,aAGF,0BACE,kBACA,cACA,SACA,OACA,WACA,oCACA,yCAGA,qEAVF,0BAWI,+BC/MJ,0+BAGF,wCACE,wCD8ME,oEAdF,0BCxLA,6tBAzKA,oCDqXA,uCAGE,mCAEA,qEALF,uCAMI,iBC3XJ,oCD6XE,yCACE,qBACA,kBAEA,qDACE,eAIJ,uDACE,aAEF,+CACE,qBAEA,uDACE,qBACA,yBACA,kBAGF,mEACE,cAKN,6CACE,gCAOA,iBACA,oBACA,UACA,qBARA,qEAHF,6CAII,+BACA,0BC7ZJ,oCDqaE,+CACE,0BACA,cACA,gBAEA,6DACE,gBAIJ,6DACE,qBAGF,oDACE,yBACA,cACA,kBACA,MACA,OACA,WACA,0BACA,oCACA,eACA,iBACA,mBAEA,4BACA,0CACA,wHAGF,2DAEE,gBAEA,iFACE,iCAKA,iFACE,aAGJ,iGAEE,oBAKN,uDAEE,eACA,mBACA,qBACA,kBACA,mBACA,cACA,SAEA,sFACE,0BACA,2BACA,8BACA,8CAEF,8DACE,yCAEF,gEACE,yCAGF,6DACE,WACA,cACA,WACA,sBACA,qBACA,iDAIJ,gCAEE,gBACA,yBAEA,sCACE,aAIJ,kDAEE,kBCvgBF,oCDmhBE,6DACE,yBCphBJ,oCD8hBA,iCACE,oBAGF,6CACE,mBAQN,mBAEE,wBAEA,sCACE,UAGF,4CACE,oBAGF,4CACE,oBAGF,sBAEE,sBACA,qDAEF,qBAEE,yBACA,+BACA,4BACA,gCACA,cACA,0BACA,8BAEA,6BACE,2BAIF,2BAEE,WACA,cACA,WACA,sBACA,iDACA,gCAIJ,0BACE,eACA,kBAGF,4BACE","file":"nav-global.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nav .nav__mobile-bar{background:var(--colour-primary);color:#fff;--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2);display:flex;flex-direction:column;flex-wrap:nowrap;width:23.4375rem}@media screen and (min-width: 36em){.nav .nav__mobile-bar{width:100%}}.nav .nav__mobile-bar>.container{padding-top:1rem;padding-bottom:1rem;flex-shrink:0;overflow:visible}.nav{overflow-x:hidden;font-weight:bold}.nav__inner,.nav__menu--account{display:flex;flex-direction:column;flex-wrap:nowrap}.nav__inner>.container,.nav__menu--account>.container{padding-top:1rem;padding-bottom:0;flex-shrink:0;overflow:visible;z-index:unset}.nav__menu{padding-top:2.25rem;padding-bottom:1rem}.nav .brand{font-size:2.25rem}@media screen and (min-width: 62em){.nav .brand{font-size:3.75rem}}.nav__logo img{height:2.25rem;width:auto}@media screen and (min-width: 36em){.nav__logo img{height:3.75rem;width:auto}}.nav__search-btn,.nav__menu-btn{display:flex}.nav__search-btn label,.nav__menu-btn label{height:1.125rem;width:1.5rem;text-indent:-300%;overflow:hidden;position:relative;cursor:pointer;color:var(--colour-link)}.nav__search-btn label:hover,.nav__search-btn label:focus,.nav__menu-btn label:hover,.nav__menu-btn label:focus{color:var(--colour-hover)}.nav__search-btn label:active,.nav__menu-btn label:active{color:var(--colour-active)}.nav__search-btn label:before,.nav__search-btn label:after,.nav__menu-btn label:before,.nav__menu-btn label:after{content:"";position:absolute;width:0%;height:2px;top:calc(50% - 1px);left:0;background:currentColor;transform-origin:50% 50%;transition:transform .5s,width .5s}.nav__search-btn label{text-indent:0;overflow:visible}.nav__search-btn .icon{height:2rem;width:2rem;margin-top:-0.5rem;margin-left:-0.0625rem;transition:opacity .5s;color:inherit}.nav__search-btn .icon__outline{stroke-width:2px;stroke:currentColor}.nav__menu-btn{display:flex}.nav__menu-btn label{border-top:2px solid currentColor;border-bottom:2px solid currentColor}.nav__menu-btn label:before,.nav__menu-btn label:after{width:100%}.nav__account-btn label{font-size:1.125rem;text-indent:0;overflow:visible;color:var(--colour-body);height:3rem;line-height:3rem;display:block;border-top:1px solid var(--colour-border);border-bottom:1px solid var(--colour-border)}.nav__account-btn .icon{height:1.75rem;width:1.75rem;margin-top:-0.5rem;margin-right:0.5rem;transition:opacity .5s;color:inherit}.nav__account-btn .icon__outline{stroke-width:2px;stroke:currentColor}.nav__menu>ul{margin-bottom:0}.nav__menu>ul>li>a{font-size:1.125rem;line-height:2rem;display:inline-block;position:relative;text-decoration:none}.nav__menu>ul>li>a.current{border-left:0.375rem solid var(--colour-info);margin-left:-1.25rem;padding-left:0.875rem}@media screen and (min-width: 62em){.nav__menu--search{display:none}#showSearch:checked~.nav__inner>.nav__menu--search{order:2;position:absolute;top:100%;left:0;width:100%;background:rgba(0,0,0,.6);height:calc(100vh - 5rem);display:block}}.services{line-height:2rem}.services li{display:flex;justify-content:space-between}.services .service--active:before{content:"";height:1em;width:1em;display:inline-block;background:var(--colour-secondary);margin-right:.5rem;margin-bottom:-0.1em;border-radius:50%}.credits{border:2px solid var(--colour-primary);padding:1rem;margin-bottom:2rem;border-radius:0.625rem}.credits .h5,.credits ul{padding-inline:1rem}.credits>*:last-child{margin-bottom:0 !important}.nav[class*=bg-] .nav__inner{background-color:rgba(0,0,0,0)}.nav__menu--secondary{flex-grow:1;font-weight:bold}.nav__menu--secondary .nav__section-link{pointer-events:none;font-weight:bold;color:var(--colour-link);font-size:1.125rem}.nav__menu--secondary>.container>ul>li{padding-block:0.375rem}.nav__menu--secondary>.container>ul>li:not(:last-child){border-bottom:1px solid var(--colour-border)}.nav__menu--secondary>.container>ul>li a{display:inline-block;font-size:1.125rem;line-height:2.25rem;text-decoration:none;font-weight:bold}.nav__menu--secondary>.container>ul>li ul{padding:0}.nav__menu--secondary>.container>ul>li ul a{font-weight:normal}.nav__menu--secondary>.container>ul>li ul a .icon{display:none}.nav{position:sticky;top:0;left:0;width:100%;z-index:var(--index-menu)}.nav.is-stuck{-webkit-box-shadow:0 4px 20px -10px rgba(51,51,51,.25);box-shadow:0 4px 20px -10px rgba(51,51,51,.25)}nav+main>*:first-child{padding-top:2rem}.nav__menu,.nav__btn,.nav__menu--secondary{display:none}.nav__inner,.nav__menu--account{position:absolute;top:0;left:100%;background:var(--colour-canvas);z-index:2;width:100%;overscroll-behavior:contain}@media screen and (min-width: 36em){.nav__inner,.nav__menu--account{width:23.4375rem}}.nav__menu--account{z-index:2;height:100vh}.nav:has(#showMenu:checked){min-height:100vh}#showMenu:checked~.nav__inner,#showAccount:checked~.nav__menu--account{height:100vh;overflow:visible;overflow-x:auto;left:0}@media screen and (min-width: 36em){#showMenu:checked~.nav__inner,#showAccount:checked~.nav__menu--account{left:calc(100% - 23.4375rem)}}@media screen and (min-width: 62em){#showAccount~.nav__menu--account{display:none}#showAccount:checked~.nav__menu--account{left:0;width:100%;height:auto;display:block;top:6rem;border-top:0.3125rem solid var(--colour-primary);border-bottom:1px solid var(--colour-border-light);-webkit-box-shadow:0px 3px 6px 0px rgba(0,0,0,.16);-moz-box-shadow:0px 3px 6px 0px rgba(0,0,0,.16);box-shadow:0px 3px 6px 0px rgba(0,0,0,.16)}}#showMenu:checked~div .nav__menu,#showMenu:checked~div .nav__btn,#showMenu:checked~div .nav__menu--secondary,#showMenu:not(:checked)~#showSearch:checked~div .nav__menu--search{display:block}#showMenu:checked~div .nav__menu-btn label,#showSearch:checked~div .nav__search-btn label{border:0}#showMenu:checked~div .nav__menu-btn label .icon,#showSearch:checked~div .nav__search-btn label .icon{opacity:0}#showMenu:checked~div .nav__menu-btn label:before,#showSearch:checked~div .nav__search-btn label:before{width:100%;transform:rotate(45deg)}#showMenu:checked~div .nav__menu-btn label:after,#showSearch:checked~div .nav__search-btn label:after{width:100%;transform:rotate(-45deg)}@media screen and (min-width: 36em){#showMenu:checked~.nav__bg{content:" ";position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1}}@media screen and (min-width: 62em){.nav__bg{display:none}}@media screen and (min-width: 62em){.nav .nav__mobile-bar{display:none}.nav__logo{height:4rem}#showMenu:checked~.nav__inner,.nav__inner{overflow:visible;position:static;width:100%}.nav .nav__menu{display:flex;padding-bottom:0}.nav__btn,.nav__menu--secondary{display:flex}.nav .nav__inner>.container{padding-bottom:1rem}.nav__search-btn,.nav__btn{order:2;margin-left:1rem}.nav__search-btn .btn,.nav__btn .btn{margin-bottom:0}.nav__menu{padding-top:0}.nav__menu>.list-unstyled{margin-left:-1.5rem !important;margin-right:-1.5rem !important;width:calc(100% + 3rem);margin-bottom:0;padding-top:0;padding-left:1.5rem;padding-right:1.5rem}.nav__menu>.list-unstyled>li{display:inline-block;padding-left:1rem;padding-right:1rem}.nav__menu>.list-unstyled>li:not(:last-child){border-right:1px solid var(--colour-border)}.nav__menu>.list-unstyled>li>a{line-height:1.75rem}.nav__menu>.list-unstyled>li>a.current{border-left:none;padding-left:0;border-bottom:0.1875rem solid var(--colour-info)}.nav__account-btn{max-width:fit-content !important}.nav__account-btn label{border:none !important;padding-top:.5rem;position:relative;padding-right:2.5rem}.nav__account-btn label:after{content:"";position:absolute;top:calc(50% + .5rem);right:0;width:1.5em;height:1.5em;background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transition:transform .2s ease-in-out;transform:rotate(90deg) translate(-50%, 0)}.nav .nav__menu--secondary>.container>.list-unstyled{font-size:0.9375rem;padding-top:0}}@media screen and (min-width: 62em){.nav__menu--secondary{background-color:var(--colour-primary);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}.nav__menu--secondary .nav__section-link{pointer-events:all}.nav__menu--secondary>.container{padding-bottom:0}.nav__menu--secondary>.container>.list-unstyled{margin-left:-1rem !important;margin-right:-1rem !important;width:calc(100% + 2rem);margin-bottom:0}.nav__menu--secondary>.container>.list-unstyled>li{display:inline-block;padding-left:1rem;padding-right:1rem;border:none !important;padding-block:0;position:relative}.nav__menu--secondary>.container>.list-unstyled>li a,.nav__menu--secondary>.container>.list-unstyled>li .nav__section-link{display:block;line-height:2.25rem;padding-block:.5rem;cursor:pointer}.nav__menu--secondary>.container>.list-unstyled>li ul{display:none}.nav__menu--secondary>.container>.list-unstyled>li:hover>.nav__section-link,.nav__menu--secondary>.container>.list-unstyled>li:focus>.nav__section-link,.nav__menu--secondary>.container>.list-unstyled>li:focus-within>.nav__section-link{color:var(--colour-selected)}.nav__menu--secondary>.container>.list-unstyled>li:hover ul,.nav__menu--secondary>.container>.list-unstyled>li:focus ul,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul{display:block;background:#fff;position:absolute;top:100%;left:0;padding-top:1rem;-webkit-box-shadow:0 4px 20px -10px rgba(51,51,51,.25);box-shadow:0 4px 20px -10px rgba(51,51,51,.25);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light);--colour-admin: var(--colour-admin-theme)}.nav__menu--secondary>.container>.list-unstyled>li:hover ul .text-primary,.nav__menu--secondary>.container>.list-unstyled>li:focus ul .text-primary,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul .text-primary{color:var(--colour-primary) !important}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li{padding-inline:1.5rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li:last-child,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li:last-child,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li:last-child{padding-bottom:1rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li.nav__download{background:var(--colour-admin);padding-top:1rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li.nav__download+li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li.nav__download+li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li.nav__download+li.nav__download{padding-top:0}.nav__menu--secondary>.container>.list-unstyled>li:hover ul a,.nav__menu--secondary>.container>.list-unstyled>li:focus ul a,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul a{white-space:nowrap;padding:0;line-height:3rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul a .icon,.nav__menu--secondary>.container>.list-unstyled>li:focus ul a .icon,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul a .icon{display:inline-block;font-size:1.5em;padding:0;margin:-0.15em .25em 0 0}.nav__menu--secondary>.container>.logout-button{display:none}}@media screen and (min-width: 62em){.nav__menu--account>.container:first-child{display:none}.nav__menu--account>.container:not(:first-child){display:flex;flex-wrap:wrap;gap:2rem;align-items:start}.nav__menu--account>.container:not(:first-child):before{display:none}.nav__menu--account>.container:not(:first-child)>.row,.nav__menu--account>.container:not(:first-child) .nav__featured-link,.nav__menu--account>.container:not(:first-child) .credits{flex-basis:22%;flex-grow:1;margin:0}.nav__menu--account>.container:not(:first-child)>.row>.col:first-child,.nav__menu--account>.container:not(:first-child) .nav__featured-link>.row>.col:first-child{max-width:100% !important;width:100%;flex-shrink:0;min-width:100%;margin-bottom:1rem}.nav__menu--account>.container:not(:first-child) .logout-button{min-width:100%}}@media screen and (min-width: 62em){.nav .list-unstyled>li details.nav__mega-menu{position:static;height:4.5rem;margin-bottom:-5rem}}.nav .list-unstyled>li details.nav__mega-menu .inner{z-index:5}.nav .list-unstyled>li details.nav__mega-menu .inner [class*=bg-]{--bs-bg-opacity: 0}@media screen and (min-width: 62em){.nav .list-unstyled>li details.nav__mega-menu .inner [class*=bg-]{--bs-bg-opacity: 1}}@media screen and (min-width: 62em){.nav .list-unstyled>li details.nav__mega-menu .inner{--bs-bg-opacity: 1;position:absolute;top:100%;left:50%;width:100vw !important;max-width:100vw !important;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0,0,0,.6);height:calc(100vh - 8rem);pointer-events:none;padding-top:0}.nav .list-unstyled>li details.nav__mega-menu .inner .container{padding:0 1.5rem 1rem 1.5rem !important;max-width:90rem !important;text-align:left;pointer-events:all;display:flex}.nav .list-unstyled>li details.nav__mega-menu .inner .container>div{padding:2.25rem}}.nav--inline-search .nav__menu form{position:relative}.nav--inline-search .nav__menu form .form-control__wrapper .form-control{padding-right:3rem}.nav--inline-search .nav__menu form button{position:absolute;bottom:0;right:0;margin:0;z-index:var(--index-focus);border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);padding:.85rem 0rem}.nav--inline-search .nav__menu form button .icon{stroke:currentColor}@media screen and (min-width: 62em){.nav--inline-search .nav__menu>.list-unstyled{text-align:left;margin-right:0 !important}.nav--inline-search .nav__menu form{min-width:21.875rem;position:relative}.nav--inline-search .nav__menu form .form-control__wrapper{margin-bottom:0;display:flex;align-items:center}.nav--inline-search .nav__menu form .form-control__wrapper label{white-space:nowrap;padding-right:1rem}.nav--inline-search .nav__menu form .form-control__wrapper .form-control{padding:0.4375rem 3rem 0.4375rem 1rem}.nav--inline-search .nav__menu form button{padding:0.5rem 0rem}}@media screen and (min-width: 62em){.nav--admin .nav__logo{height:3rem}.nav--admin .nav__logo .brand{font-size:3rem}}.nav--just-account .nav__menu,.nav--just-account .nav__account-btn{display:none !important}@media screen and (min-width: 62em){.nav--just-account .nav__menu,.nav--just-account .nav__account-btn{display:block !important}}.nav--just-account #showMenu:checked~.nav__menu--account{height:100vh;overflow:visible;overflow-x:auto;left:0;pointer-events:none;background:rgba(0,0,0,0)}@media screen and (min-width: 36em){.nav--just-account #showMenu:checked~.nav__menu--account{width:23.4375rem;left:calc(100% - 23.4375rem)}}.nav--just-account #showMenu:checked~.nav__menu--account>.container:first-child{opacity:0}.nav--just-account #showMenu:checked~.nav__menu--account>.container:not(:first-child){pointer-events:all}/*# sourceMappingURL=nav.css.map */
|
|
1
|
+
:host{display:flex !important;flex-direction:row;flex-wrap:wrap;align-items:center}::slotted(.brand){margin-right:auto}.btn-menu{padding:0;margin:0 0 0 2rem;text-align:center;height:3rem;padding-block:0.75rem;line-height:1.5rem;overflow:hidden;position:relative;background:none;border:none;width:1.5rem;text-indent:-1000%;color:var(--colour-brand)}.btn-menu i{font-size:1.5rem;line-height:1.5rem;position:absolute;text-indent:0px;width:1.5rem;text-align:center;top:0.75rem;right:0;margin:0 !important;transition:none !important}.btn-menu i+i{display:none}.btn-menu.selected i{display:none}.btn-menu.selected i+i{display:inline}@media screen and (max-width: 62em){.btn-menu>.btn{display:contents;display:contents;color:inherit !important;padding:0 !important;margin:0;font-weight:normal !important;line-height:inherit;font-size:inherit;transition:none !important}}@media screen and (min-width: 36em){.btn-menu{margin:0 0 0 3rem;width:auto;padding-right:1.875rem;text-indent:0}.btn-menu.selected{text-indent:-1000%}}@media screen and (min-width: 62em){.btn-menu{width:fit-content;height:auto;margin:0 0 0 3rem !important;padding:0 !important;text-indent:0;padding-right:0 !important}.btn-menu.selected{text-indent:0}.btn-menu .btn{margin:0 !important;display:flex}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){.btn-menu .btn{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light)}.btn-menu .btn .text-primary{color:var(--colour-primary) !important}.btn-menu .btn:is(:hover,:focus){color:var(--colour-inverted)}}@media screen and (min-width: 62em){.btn-menu .btn span{order:2}.btn-menu .btn i[class*=fa-]{position:relative;position:static;vertical-align:bottom;display:inline-block;font-size:1.2rem;margin-right:1rem !important;line-height:1em}.btn-menu .btn i[class*=fa-]+i[class*=fa-]{display:none}}@media screen and (max-width: 62em){:host>.container{display:contents}.menu__outer{position:absolute;top:6rem;left:0;width:100%;height:calc(100vh - 6rem);overflow:hidden;pointer-events:none;transition:background .5s}.menu__outer:has(.menu.open){background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-track{border:0 !important}.menu::-webkit-scrollbar-thumb{border:0 !important}.menu{overscroll-behavior:contain;width:calc(23.4375rem - var(--scrollbar-width));background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}.menu>*{flex-shrink:0}}@media screen and (max-width: 62em)and (prefers-color-scheme: dark){.menu{--colour-link: var(--colour-white);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){.menu{background-color:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light)}.menu .text-primary{color:var(--colour-primary) !important}}@media screen and (max-width: 62em)and (forced-colors: active){.menu{outline:1px solid #fff}}@media screen and (max-width: 62em){.menu:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;border-top:2px solid var(--colour-border);z-index:1}.menu.open{left:calc(100% - (23.4375rem - var(--scrollbar-width)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}.menu.closed *{display:none !important}.menu__secondary{display:none}.has-secondary .menu__secondary{display:block;margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:3rem !important;flex-grow:1;position:relative}}@media screen and (max-width: 62em)and (prefers-color-scheme: light){.has-secondary .menu__secondary{background-color:#eee}}@media screen and (max-width: 62em){.has-secondary .menu__secondary .container{display:contents}::slotted(a:not([slot=logo])){display:block !important;line-height:1.25rem !important;padding:1.5rem 0 !important;margin:0 !important;flex-shrink:0;font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo])):after{content:"";display:block;height:2px;width:100% !important;background-color:var(--colour-border) !important;top:calc(100% - 2px) !important}*:is(.has-search,.has-actions) .menu__primary{display:block;padding-bottom:3rem}.menu:not(.has-secondary) .menu__primary{display:block;padding-bottom:3rem}::slotted(button){display:block !important;margin:0 0 1.5rem 0 !important;width:100% !important;max-width:100% !important;text-align:center !important;flex-shrink:0}.has-actions slot[name=actions]{display:block;padding-bottom:1.5rem}slot[name=actions]::slotted(button){margin-top:0 !important}.dialog__wrapper{width:100%;margin:0 0 3rem 0 !important;flex-shrink:0}.dialog__wrapper>.btn{display:none}.dialog__wrapper dialog{display:contents}}@media screen and (max-width: 62em)and (min-width: 36em){.menu{padding-right:2.5rem !important}.has-secondary .menu__secondary{margin-right:-2.5rem !important;padding-right:2.5rem !important}.has-secondary .menu__secondary:before{width:calc(100% - 4rem) !important}::slotted(button){width:auto !important}}@media screen and (min-width: 62em){:host{max-width:100% !important;padding:0 !important}:host>.container{padding-block:1.5rem !important;display:flex;flex-wrap:nowrap;align-items:center}:host>.container:has(.has-secondary){padding-top:4rem !important}:host>.container>*{margin-bottom:0 !important}.btn-menu{display:none}.buttons-holder{display:contents}.buttons-holder .btn-menu{display:inline-block;order:2}.menu,.menu__outer,.menu__primary{display:contents}.menu__secondary{display:none}.has-secondary .menu__secondary{background-color:var(--colour-canvas-2);display:block;position:absolute;top:0;left:0;width:100%}}@media screen and (min-width: 62em)and (prefers-color-scheme: light){.has-secondary .menu__secondary{background-color:#eee;--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light)}.has-secondary .menu__secondary .text-primary{color:var(--colour-primary) !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){.has-secondary .menu__secondary{--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (min-width: 62em){.has-secondary .menu__secondary .container{margin-left:auto;margin-right:auto;padding:var(--container-padding) !important;padding-top:0.5rem !important;padding-bottom:0.5rem !important;text-align:right}::slotted(a[slot=secondary]){font-size:0.875rem !important}::slotted(a[slot=secondary]):after{top:calc(100% - .25em) !important}::slotted(a:not([slot=logo])),::slotted(button){margin-bottom:0 !important;margin-right:0 !important}::slotted(a:not([slot=logo])){margin-left:2rem !important;font-size:1rem !important;font-weight:normal !important}::slotted(a:not([slot=logo])):after{display:none}::slotted(button){margin-left:3rem !important}.has-actions slot[name=actions]{display:block;padding-left:3rem}slot[name=actions]::slotted(button){margin-left:0.75rem !important}:host([data-search]) slot[name=actions]{padding-left:0 !important}#search-wrapper{margin-left:1.5rem !important;position:static}#search-dialog[open]{position:absolute;top:auto;bottom:0;left:0;width:100%;padding-block:1.5rem;padding-inline:0;background-color:rgba(0,0,0,0);text-align:right;border-radius:0;box-shadow:none}#search-dialog[open] .container{padding:var(--container-padding);padding-bottom:0}:host(.search-open){background:#e6eaec !important}}@media screen and (min-width: 62em)and (prefers-color-scheme: dark){:host(.search-open){background:var(--colour-canvas-2) !important}}@media screen and (min-width: 62em){:host(.search-open) .buttons-holder,:host(.search-open) #search-button{display:none}:host(.search-open.bg-primary){background:var(--colour-primary) !important}:host(.search-open.bg-primary) .suffix,:host(.search-open.bg-primary) #search{border:2px solid #b3c1c5;color:#fff}:host(.search-open.bg-primary) #search{border-right:0}.backdrop{content:"";display:block;position:absolute;top:100%;left:0;height:calc(100vh - var(--nav-height));width:100%;z-index:-1;pointer-events:none;transition:background .5s}.backdrop.show{pointer-events:all;background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}::slotted(.nav--menu){overscroll-behavior:contain;width:calc(23.4375rem - var(--scrollbar-width));background-color:var(--colour-canvas-2);position:absolute;height:calc(100vh - 6rem);left:100%;top:0;padding:0 1.5rem 0 1.5rem;z-index:var(--index-menu);overflow:auto;transition:all 1s ease-out;display:flex;flex-direction:column;flex-wrap:nowrap}::slotted(.nav--menu)>*{flex-shrink:0}@media screen and (prefers-color-scheme: dark){::slotted(.nav--menu){--colour-link: var(--colour-white);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}}@media screen and (prefers-color-scheme: light){::slotted(.nav--menu){background-color:var(--colour-white);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light)}::slotted(.nav--menu) .text-primary{color:var(--colour-primary) !important}}@media(forced-colors: active){::slotted(.nav--menu){outline:1px solid #fff}}::slotted(.nav--menu):before{display:block;width:100%;border-top:2px solid var(--colour-border);z-index:1;padding-block:1.5rem;margin:0;font-family:var(--font-heading);font-style:normal;font-weight:var(--heading-weight);color:var(--colour-heading);clear:both;font-size:1.75rem;line-height:2.25rem;max-width:var(--content-max-width)}@media screen and (min-width: 36em){::slotted(.nav--menu):before{font-size:2rem;line-height:2.5rem}}::slotted(.nav--menu):before{content:attr(data-title)}@media screen and (min-width: 62em){::slotted(.nav--menu){height:calc(100vh - var(--nav-height));top:100%}}::slotted(.nav--menu.open){left:calc(100% - (23.4375rem - var(--scrollbar-width)));-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);pointer-events:all}@media screen and (max-width: 62em){:host(.open) .menu__outer{background:rgba(0,0,0,.2);backdrop-filter:blur(2px)}}/*# sourceMappingURL=nav.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/nav.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/nav.scss","../../sass/_functions/mixins.scss","../../sass/_functions/variables.scss"],"names":[],"mappings":"AAEA,MACE,wBACA,mBACA,eACA,mBAGF,kBAEE,kBAGF,UAEE,UACA,kBACA,kBACA,YACA,sBACA,mBACA,gBACA,kBACA,gBACA,YACA,aACA,mBACA,0BAEA,YACE,iBACA,mBACA,kBACA,gBAEA,aACA,kBACA,YACA,QACA,oBACA,2BAGF,cACE,aAKA,qBACE,aAGF,uBACE,eAIJ,oCACE,eACE,iBAEA,iBACA,yBACA,qBACA,SACA,8BACA,oBACA,kBACA,4BChEF,oCDQJ,UA8DI,kBACA,WACA,uBACA,cAEA,mBACE,oBC5EF,oCDQJ,UA0EI,kBACA,YACA,6BACA,qBACA,cACA,2BAEA,mBACE,cAGF,eAUE,oBACA,cAVA,qEADF,eCgEA,0+BAGF,6BACE,uCD/DI,iCACE,8BCnGN,oCD0GE,oBACE,QAGF,6BACE,kBACA,gBACA,sBACA,qBACA,iBACA,6BACA,gBAGF,2CACE,cAOR,oCACE,iBACE,iBAGF,aAEE,kBACA,SACA,OACA,WACA,0BACA,gBACA,oBACA,0BAEA,6BAEE,0BACA,0BAIJ,yBACE,UAGF,+BACE,oBAGF,+BACE,oBAGF,MAEE,4BACA,gDACA,wCACA,kBACA,0BACA,UACA,MACA,0BACA,0BACA,cACA,2BACA,aACA,sBACA,iBAEA,QACE,eAGF,oEArBF,MAsBI,mCChBF,6tBDqBA,qEA3BF,MA6BI,qCCnCF,0+BAGF,oBACE,wCDmCA,+DAjCF,MAmCI,wBAtEN,oCAyEI,aACE,WACA,kBACA,cACA,MACA,OACA,WACA,0CACA,UAGF,WACE,wDACA,iDACA,yCACA,mBAGF,eACE,wBAIJ,iBACE,aAGF,gCACE,cACA,oBACA,qBACA,oBACA,qBACA,+BACA,YACA,mBAEA,qEAVF,gCAWI,uBA/GN,oCAkHI,2CACE,iBAIJ,8BACE,yBACA,+BACA,4BACA,oBACA,cACA,0BACA,8BAEA,oCACE,WACA,cACA,WACA,sBACA,iDACA,gCAIJ,8CAEE,cACA,oBAGF,yCAEE,cACA,oBAGF,kBAEE,yBACA,+BACA,sBACA,0BACA,6BACA,cAGF,gCACE,cACA,sBAGF,oCACE,wBAIF,iBACE,WACA,6BACA,cAEF,sBACE,aAEF,wBACE,kBAMJ,yDAEE,MACE,gCAGF,gCAEE,gCACA,gCAEA,uCACE,mCAGJ,kBAEE,uBC1UA,oCDkVF,MACE,0BACA,qBAGF,iBACE,gCACA,aACA,iBACA,mBAEA,qCACE,4BAGF,mBACE,2BAIJ,UACE,aAGF,gBACE,iBAEF,0BACE,qBACA,QAGF,kCAGE,iBAGF,iBACE,aAGF,gCAEE,wCACA,cACA,kBACA,MACA,OACA,YAEA,qEATF,gCAWI,sBC1OF,0+BAGF,8CACE,wCD0OA,oEAfF,gCCnNE,6tBAzKA,oCDkZA,2CACE,iBACA,kBACA,4CACA,8BACA,iCACA,iBAIJ,6BACE,8BAEA,mCACE,kCAIJ,gDAGE,2BACA,0BAGF,8BAEE,4BACA,0BACA,8BAEA,oCACE,aAIJ,kBAEE,4BAGF,gCACE,cACA,kBAIF,oCAEE,+BAGF,wCAEE,0BAGF,gBAEE,8BACA,gBAGF,qBACE,kBACA,SACA,SACA,OACA,WACA,qBACA,iBACA,+BAEA,iBACA,gBACA,gBAEA,gCAEA,iCACA,iBAIF,oBAEE,+BAEA,oEAJF,oBAMI,8CC5eF,oCD+eA,uEAEE,aAIJ,+BAEE,4CAEA,8EAEE,yBACA,WAEF,uCACE,eAKJ,UAEE,WACA,cACA,kBACA,SACA,OACA,uCACA,WACA,WACA,oBACA,0BAEA,eAEE,mBACA,0BACA,2BAON,sBACE,4BACA,gDACA,wCACA,kBACA,0BACA,UACA,MACA,0BACA,0BACA,cACA,2BACA,aACA,sBACA,iBAEA,wBACE,cAGF,+CApBF,sBAqBI,mCCxYA,6tBD6YF,gDA1BF,sBA4BI,qCC3ZA,0+BAGF,oCACE,wCD2ZF,8BAhCF,sBAkCI,wBAGF,6BACE,cACA,WACA,0CACA,UACA,qBACA,SACA,YE/QqB,oBFgRrB,WE1QkB,OF2QlB,YEhRqB,sBFiRrB,MEhRe,sBFiRf,WACA,kBACA,oBACA,mCC/kBA,oCDikBF,6BAkBI,eACA,oBAIJ,6BACE,yBCzlBA,oCD4hBJ,sBAmEI,uCACA,UAIJ,2BACE,wDACA,iDACA,yCACA,mBAGF,oCACE,0BAEE,0BACA","file":"nav.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@media screen and (max-width: 62em){:host{pointer-events:none;z-index:99;position:relative;margin-bottom:38rem}.btn-menu{width:1.5rem !important;text-indent:-300px !important;padding-right:0 !important}.btn-menu i{display:none}.btn-menu i+i{display:inline}.menu__outer{display:contents}.menu{position:absolute;--scrollbar-width: 17px;top:6rem;left:auto;right:0;-webkit-box-shadow:0 6px 12px 0px rgba(0,0,0,.2);box-shadow:0 6px 12px 0px rgba(0,0,0,.2);width:100%;max-width:calc(23.4375rem - var(--scrollbar-width));transition:none}}@media screen and (min-width: 62em){:host{position:relative}}/*# sourceMappingURL=nav.docs.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/nav.docs.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAEA,oCACE,MAEE,oBACA,WACA,kBACA,oBAIF,UAGE,wBACA,8BACA,2BAGA,YACE,aAGF,cACE,eAIJ,aACE,iBAEF,MAEE,kBACA,wBACA,SACA,UACA,QACA,iDACA,yCAEA,WACA,oDACA,iBCtCA,oCD2CF,MAEE","file":"nav.docs.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.nav .nav__mobile-bar{background:var(--colour-primary);color:#fff;--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2);display:flex;flex-direction:column;flex-wrap:nowrap;width:23.4375rem}@media screen and (min-width: 36em){.nav .nav__mobile-bar{width:100%}}.nav .nav__mobile-bar>.container{padding-top:1rem;padding-bottom:1rem;flex-shrink:0;overflow:visible}.nav{overflow-x:hidden;font-weight:bold}.nav__inner,.nav__menu--account{display:flex;flex-direction:column;flex-wrap:nowrap}.nav__inner>.container,.nav__menu--account>.container{padding-top:1rem;padding-bottom:0;flex-shrink:0;overflow:visible;z-index:unset}.nav__menu{padding-top:2.25rem;padding-bottom:1rem}.nav .brand{font-size:2.25rem}@media screen and (min-width: 62em){.nav .brand{font-size:3.75rem}}.nav__logo img{height:2.25rem;width:auto}@media screen and (min-width: 36em){.nav__logo img{height:3.75rem;width:auto}}.nav__search-btn,.nav__menu-btn{display:flex}.nav__search-btn label,.nav__menu-btn label{height:1.125rem;width:1.5rem;text-indent:-300%;overflow:hidden;position:relative;cursor:pointer;color:var(--colour-link)}.nav__search-btn label:hover,.nav__search-btn label:focus,.nav__menu-btn label:hover,.nav__menu-btn label:focus{color:var(--colour-hover)}.nav__search-btn label:active,.nav__menu-btn label:active{color:var(--colour-active)}.nav__search-btn label:before,.nav__search-btn label:after,.nav__menu-btn label:before,.nav__menu-btn label:after{content:"";position:absolute;width:0%;height:2px;top:calc(50% - 1px);left:0;background:currentColor;transform-origin:50% 50%;transition:transform .5s,width .5s}.nav__search-btn label{text-indent:0;overflow:visible}.nav__search-btn .icon{height:2rem;width:2rem;margin-top:-0.5rem;margin-left:-0.0625rem;transition:opacity .5s;color:inherit}.nav__search-btn .icon__outline{stroke-width:2px;stroke:currentColor}.nav__menu-btn{display:flex}.nav__menu-btn label{border-top:2px solid currentColor;border-bottom:2px solid currentColor}.nav__menu-btn label:before,.nav__menu-btn label:after{width:100%}.nav__account-btn label{font-size:1.125rem;text-indent:0;overflow:visible;color:var(--colour-body);height:3rem;line-height:3rem;display:block;border-top:1px solid var(--colour-border);border-bottom:1px solid var(--colour-border)}.nav__account-btn .icon{height:1.75rem;width:1.75rem;margin-top:-0.5rem;margin-right:0.5rem;transition:opacity .5s;color:inherit}.nav__account-btn .icon__outline{stroke-width:2px;stroke:currentColor}.nav__menu>ul{margin-bottom:0}.nav__menu>ul>li>a{font-size:1.125rem;line-height:2rem;display:inline-block;position:relative;text-decoration:none}.nav__menu>ul>li>a.current{border-left:0.375rem solid var(--colour-info);margin-left:-1.25rem;padding-left:0.875rem}@media screen and (min-width: 62em){.nav__menu--search{display:none}#showSearch:checked~.nav__inner>.nav__menu--search{order:2;position:absolute;top:100%;left:0;width:100%;background:rgba(0,0,0,.6);height:calc(100vh - 5rem);display:block}}.services{line-height:2rem}.services li{display:flex;justify-content:space-between}.services .service--active:before{content:"";height:1em;width:1em;display:inline-block;background:var(--colour-secondary);margin-right:.5rem;margin-bottom:-0.1em;border-radius:50%}.credits{border:2px solid var(--colour-primary);padding:1rem;margin-bottom:2rem;border-radius:0.625rem}.credits .h5,.credits ul{padding-inline:1rem}.credits>*:last-child{margin-bottom:0 !important}.nav[class*=bg-] .nav__inner{background-color:rgba(0,0,0,0)}.nav__menu--secondary{flex-grow:1;font-weight:bold}.nav__menu--secondary .nav__section-link{pointer-events:none;font-weight:bold;color:var(--colour-link);font-size:1.125rem}.nav__menu--secondary>.container>ul>li{padding-block:0.375rem}.nav__menu--secondary>.container>ul>li:not(:last-child){border-bottom:1px solid var(--colour-border)}.nav__menu--secondary>.container>ul>li a{display:inline-block;font-size:1.125rem;line-height:2.25rem;text-decoration:none;font-weight:bold}.nav__menu--secondary>.container>ul>li ul{padding:0}.nav__menu--secondary>.container>ul>li ul a{font-weight:normal}.nav__menu--secondary>.container>ul>li ul a .icon{display:none}.nav{position:sticky;top:0;left:0;width:100%;z-index:var(--index-menu)}.nav.is-stuck{-webkit-box-shadow:0 4px 20px -10px rgba(51,51,51,.25);box-shadow:0 4px 20px -10px rgba(51,51,51,.25)}nav+main>*:first-child{padding-top:2rem}.nav__menu,.nav__btn,.nav__menu--secondary{display:none}.nav__inner,.nav__menu--account{position:absolute;top:0;left:100%;background:var(--colour-canvas);z-index:2;width:100%;overscroll-behavior:contain}@media screen and (min-width: 36em){.nav__inner,.nav__menu--account{width:23.4375rem}}.nav__menu--account{z-index:2;height:100vh}.nav:has(#showMenu:checked){min-height:100vh}#showMenu:checked~.nav__inner,#showAccount:checked~.nav__menu--account{height:100vh;overflow:visible;overflow-x:auto;left:0}@media screen and (min-width: 36em){#showMenu:checked~.nav__inner,#showAccount:checked~.nav__menu--account{left:calc(100% - 23.4375rem)}}@media screen and (min-width: 62em){#showAccount~.nav__menu--account{display:none}#showAccount:checked~.nav__menu--account{left:0;width:100%;height:auto;display:block;top:6rem;border-top:0.3125rem solid var(--colour-primary);border-bottom:1px solid var(--colour-border-light);-webkit-box-shadow:0px 3px 6px 0px rgba(0,0,0,.16);-moz-box-shadow:0px 3px 6px 0px rgba(0,0,0,.16);box-shadow:0px 3px 6px 0px rgba(0,0,0,.16)}}#showMenu:checked~div .nav__menu,#showMenu:checked~div .nav__btn,#showMenu:checked~div .nav__menu--secondary,#showMenu:not(:checked)~#showSearch:checked~div .nav__menu--search{display:block}#showMenu:checked~div .nav__menu-btn label,#showSearch:checked~div .nav__search-btn label{border:0}#showMenu:checked~div .nav__menu-btn label .icon,#showSearch:checked~div .nav__search-btn label .icon{opacity:0}#showMenu:checked~div .nav__menu-btn label:before,#showSearch:checked~div .nav__search-btn label:before{width:100%;transform:rotate(45deg)}#showMenu:checked~div .nav__menu-btn label:after,#showSearch:checked~div .nav__search-btn label:after{width:100%;transform:rotate(-45deg)}@media screen and (min-width: 36em){#showMenu:checked~.nav__bg{content:" ";position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1}}@media screen and (min-width: 62em){.nav__bg{display:none}}@media screen and (min-width: 62em){.nav .nav__mobile-bar{display:none}.nav__logo{height:4rem}#showMenu:checked~.nav__inner,.nav__inner{overflow:visible;position:static;width:100%}.nav .nav__menu{display:flex;padding-bottom:0}.nav__btn,.nav__menu--secondary{display:flex}.nav .nav__inner>.container{padding-bottom:1rem}.nav__search-btn,.nav__btn{order:2;margin-left:1rem}.nav__search-btn .btn,.nav__btn .btn{margin-bottom:0}.nav__menu{padding-top:0}.nav__menu>.list-unstyled{margin-left:-1.5rem !important;margin-right:-1.5rem !important;width:calc(100% + 3rem);margin-bottom:0;padding-top:0;padding-left:1.5rem;padding-right:1.5rem}.nav__menu>.list-unstyled>li{display:inline-block;padding-left:1rem;padding-right:1rem}.nav__menu>.list-unstyled>li:not(:last-child){border-right:1px solid var(--colour-border)}.nav__menu>.list-unstyled>li>a{line-height:1.75rem}.nav__menu>.list-unstyled>li>a.current{border-left:none;padding-left:0;border-bottom:0.1875rem solid var(--colour-info)}.nav__account-btn{max-width:fit-content !important}.nav__account-btn label{border:none !important;padding-top:.5rem;position:relative;padding-right:2.5rem}.nav__account-btn label:after{content:"";position:absolute;top:calc(50% + .5rem);right:0;width:1.5em;height:1.5em;background:currentColor;mask-image:var(--icon-arrow);mask-size:50%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;transition:transform .2s ease-in-out;transform:rotate(90deg) translate(-50%, 0)}.nav .nav__menu--secondary>.container>.list-unstyled{font-size:0.9375rem;padding-top:0}}@media screen and (min-width: 62em){.nav__menu--secondary{background-color:var(--colour-primary);--colour-canvas: #262626;--colour-canvas-2: #313131;--colour-body: #BFBFBF;--colour-heading: var(--colour-white);--colour-link: var(--colour-white);--colour-hover: var(--colour-white);--colour-active: var(--colour-white);--colour-border: var(--colour-white);--colour-brand: var(--colour-white);--colour-btn: #00313c;--colour-btn-border: var(--colour-white);--colour-btn-bg: var(--colour-white);--colour-btn-hover: var(--colour-white);--colour-btn-secondary: var(--colour-white);--colour-btn-secondary-border: var(--colour-white);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-white);--colour-btn-secondary-hover: var(--colour-primary-theme);--colour-btn-action-hover-bg: var(--colour-canvas-2)}.nav__menu--secondary .nav__section-link{pointer-events:all}.nav__menu--secondary>.container{padding-bottom:0}.nav__menu--secondary>.container>.list-unstyled{margin-left:-1rem !important;margin-right:-1rem !important;width:calc(100% + 2rem);margin-bottom:0}.nav__menu--secondary>.container>.list-unstyled>li{display:inline-block;padding-left:1rem;padding-right:1rem;border:none !important;padding-block:0;position:relative}.nav__menu--secondary>.container>.list-unstyled>li a,.nav__menu--secondary>.container>.list-unstyled>li .nav__section-link{display:block;line-height:2.25rem;padding-block:.5rem;cursor:pointer}.nav__menu--secondary>.container>.list-unstyled>li ul{display:none}.nav__menu--secondary>.container>.list-unstyled>li:hover>.nav__section-link,.nav__menu--secondary>.container>.list-unstyled>li:focus>.nav__section-link,.nav__menu--secondary>.container>.list-unstyled>li:focus-within>.nav__section-link{color:var(--colour-selected)}.nav__menu--secondary>.container>.list-unstyled>li:hover ul,.nav__menu--secondary>.container>.list-unstyled>li:focus ul,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul{display:block;background:#fff;position:absolute;top:100%;left:0;padding-top:1rem;-webkit-box-shadow:0 4px 20px -10px rgba(51,51,51,.25);box-shadow:0 4px 20px -10px rgba(51,51,51,.25);--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light);--colour-admin: var(--colour-admin-theme)}.nav__menu--secondary>.container>.list-unstyled>li:hover ul .text-primary,.nav__menu--secondary>.container>.list-unstyled>li:focus ul .text-primary,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul .text-primary{color:var(--colour-primary) !important}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li{padding-inline:1.5rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li:last-child,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li:last-child,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li:last-child{padding-bottom:1rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li.nav__download{background:var(--colour-admin);padding-top:1rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul li.nav__download+li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus ul li.nav__download+li.nav__download,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul li.nav__download+li.nav__download{padding-top:0}.nav__menu--secondary>.container>.list-unstyled>li:hover ul a,.nav__menu--secondary>.container>.list-unstyled>li:focus ul a,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul a{white-space:nowrap;padding:0;line-height:3rem}.nav__menu--secondary>.container>.list-unstyled>li:hover ul a .icon,.nav__menu--secondary>.container>.list-unstyled>li:focus ul a .icon,.nav__menu--secondary>.container>.list-unstyled>li:focus-within ul a .icon{display:inline-block;font-size:1.5em;padding:0;margin:-0.15em .25em 0 0}.nav__menu--secondary>.container>.logout-button{display:none}}@media screen and (min-width: 62em){.nav__menu--account>.container:first-child{display:none}.nav__menu--account>.container:not(:first-child){display:flex;flex-wrap:wrap;gap:2rem;align-items:start}.nav__menu--account>.container:not(:first-child):before{display:none}.nav__menu--account>.container:not(:first-child)>.row,.nav__menu--account>.container:not(:first-child) .nav__featured-link,.nav__menu--account>.container:not(:first-child) .credits{flex-basis:22%;flex-grow:1;margin:0}.nav__menu--account>.container:not(:first-child)>.row>.col:first-child,.nav__menu--account>.container:not(:first-child) .nav__featured-link>.row>.col:first-child{max-width:100% !important;width:100%;flex-shrink:0;min-width:100%;margin-bottom:1rem}.nav__menu--account>.container:not(:first-child) .logout-button{min-width:100%}}@media screen and (min-width: 62em){.nav .list-unstyled>li details.nav__mega-menu{position:static;height:4.5rem;margin-bottom:-5rem}}.nav .list-unstyled>li details.nav__mega-menu .inner{z-index:5}.nav .list-unstyled>li details.nav__mega-menu .inner [class*=bg-]{--bs-bg-opacity: 0}@media screen and (min-width: 62em){.nav .list-unstyled>li details.nav__mega-menu .inner [class*=bg-]{--bs-bg-opacity: 1}}@media screen and (min-width: 62em){.nav .list-unstyled>li details.nav__mega-menu .inner{--bs-bg-opacity: 1;position:absolute;top:100%;left:50%;width:100vw !important;max-width:100vw !important;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0,0,0,.6);height:calc(100vh - 8rem);pointer-events:none;padding-top:0}.nav .list-unstyled>li details.nav__mega-menu .inner .container{padding:0 1.5rem 1rem 1.5rem !important;max-width:90rem !important;text-align:left;pointer-events:all;display:flex}.nav .list-unstyled>li details.nav__mega-menu .inner .container>div{padding:2.25rem}}.nav--inline-search .nav__menu form{position:relative}.nav--inline-search .nav__menu form .form-control__wrapper .form-control{padding-right:3rem}.nav--inline-search .nav__menu form button{position:absolute;bottom:0;right:0;margin:0;z-index:var(--index-focus);border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);padding:.85rem 0rem}.nav--inline-search .nav__menu form button .icon{stroke:currentColor}@media screen and (min-width: 62em){.nav--inline-search .nav__menu>.list-unstyled{text-align:left;margin-right:0 !important}.nav--inline-search .nav__menu form{min-width:21.875rem;position:relative}.nav--inline-search .nav__menu form .form-control__wrapper{margin-bottom:0;display:flex;align-items:center}.nav--inline-search .nav__menu form .form-control__wrapper label{white-space:nowrap;padding-right:1rem}.nav--inline-search .nav__menu form .form-control__wrapper .form-control{padding:0.4375rem 3rem 0.4375rem 1rem}.nav--inline-search .nav__menu form button{padding:0.5rem 0rem}}@media screen and (min-width: 62em){.nav--admin .nav__logo{height:3rem}.nav--admin .nav__logo .brand{font-size:3rem}}.nav--just-account .nav__menu,.nav--just-account .nav__account-btn{display:none !important}@media screen and (min-width: 62em){.nav--just-account .nav__menu,.nav--just-account .nav__account-btn{display:block !important}}.nav--just-account #showMenu:checked~.nav__menu--account{height:100vh;overflow:visible;overflow-x:auto;left:0;pointer-events:none;background:rgba(0,0,0,0)}@media screen and (min-width: 36em){.nav--just-account #showMenu:checked~.nav__menu--account{width:23.4375rem;left:calc(100% - 23.4375rem)}}.nav--just-account #showMenu:checked~.nav__menu--account>.container:first-child{opacity:0}.nav--just-account #showMenu:checked~.nav__menu--account>.container:not(:first-child){pointer-events:all}/*# sourceMappingURL=nav.old.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/nav.old.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAGA,sBAEE,iCACA,WCyKE,4tBDlKF,aACA,sBACA,iBACA,iBCVE,oCDHJ,sBAgBI,YAGF,iCAEE,iBACA,oBACA,cACA,iBAMJ,KAEE,kBACA,iBAEA,gCAGE,aACA,sBACA,iBAEA,sDAEE,iBACA,iBACA,cACA,iBACA,cAIJ,WACE,oBACA,oBAGF,YACE,kBCvDA,oCDsDF,YAII,mBAKN,eACE,eACA,WCjEE,oCD+DJ,eAKI,eACA,YAIJ,gCAGE,aAEA,4CACE,gBACA,aACA,kBACA,gBACA,kBACA,eAEA,yBAEA,gHAGE,0BAGF,0DAEE,2BAGF,kHAEE,WACA,kBACA,SACA,WACA,oBACA,OACA,wBACA,yBACA,mCAOJ,uBACE,cACA,iBAEF,uBACE,YACA,WACA,mBACA,uBACA,uBACA,cAEA,gCAEE,iBACA,oBAKN,eACE,aAEA,qBAEE,kCACA,qCAEA,uDAEE,WAOJ,wBACE,mBACA,cACA,iBACA,yBACA,YACA,iBACA,cACA,0CACA,6CAEF,wBACE,eACA,cACA,mBACA,oBACA,uBACA,cAEA,iCAEE,iBACA,oBAKN,cACE,gBAEA,mBACE,mBACA,iBACA,qBACA,kBACA,qBAEA,2BACE,8CACA,qBACA,sBCjMF,oCD4MF,mBACE,aAGF,mDACE,QACA,kBACA,SACA,OACA,WAEA,0BACA,0BACA,eAOJ,UACE,iBAEA,aACE,aACA,8BAIA,kCACE,WACA,WACA,UACA,qBACA,mCACA,mBACA,qBACA,kBAKN,SACE,uCACA,aACA,mBACA,uBAEA,yBAEE,oBAIF,sBACE,2BAQF,6BACE,+BAkBJ,sBACE,YAEA,iBAEA,yCACE,oBACA,iBACA,yBACA,mBAGF,uCAOE,uBALA,wDAEE,6CAKF,yCACE,qBACA,mBACA,oBACA,qBACA,iBAGF,0CACE,UAEA,4CACE,mBAEA,kDACE,aAuCV,KAEE,gBACA,MACA,OACA,WACA,0BAEA,cAEE,uDACA,+CAIJ,uBACE,iBAOF,2CAIE,aAGF,gCAEE,kBACA,MACA,UACA,gCACA,UACA,WACA,4BC/YE,oCDuYJ,gCAYI,kBAIJ,oBACE,UACA,aAGF,4BACE,iBAGF,uEAGE,aACA,iBACA,gBACA,OCtaE,oCDgaJ,uEAUI,8BC1aA,oCDgbF,iCAEE,aAGF,yCAEE,OACA,WACA,YACA,cACA,SACA,iDACA,mDACA,mDACA,gDACA,4CAIJ,gLAIE,cAKF,0FAGE,SAEA,sGACE,UAEF,wGACE,WACA,wBAEF,sGAEE,WACA,yBC5dA,oCDkeF,2BACI,YACA,kBACA,MACA,OACA,YACA,aACA,0BACA,WC1eF,oCDifF,SACI,cClfF,oCD2fF,sBAEE,aAIF,WACE,YAGF,0CAEE,iBACA,gBACA,WAGF,gBACE,aACA,iBAGF,gCAEE,aAKA,4BACE,oBAKJ,2BAEE,QACA,iBAEA,qCACE,gBAGJ,WACE,cAEF,0BACE,+BACA,gCACA,wBACA,gBAEA,cACA,oBACA,qBAEA,6BACE,qBACA,kBACA,mBAEA,8CAEE,4CAEF,+BACE,oBAEF,uCACE,iBACA,eACA,iDAKN,kBACE,iCAEA,wBAEE,uBACA,kBACA,kBACA,qBAEA,8BACE,WACA,kBACA,sBACA,QACA,YACA,aACA,wBACA,6BACA,cACA,sBACA,sBACA,qCACA,sBACA,8BACA,8BACA,qCACA,2CAKN,qDACE,oBACA,eC1mBA,oCDsnBF,sBACE,uCC9cA,4tBDidA,yCACE,mBAIJ,iCACE,iBAGF,gDACE,6BACA,8BACA,wBACA,gBAEA,mDACE,qBACA,kBACA,mBACA,uBACA,gBACA,kBAEA,2HAEE,cACA,oBACA,oBACA,eAGF,sDACE,aAOA,2OAEE,6BAGF,2LACE,cACA,gBACA,kBACA,SACA,OACA,iBAEA,uDACA,+CClhBN,0+BDshBM,0CCnhBR,qOACE,uCDohBM,oMAEE,sBAGF,qOAEE,oBAGF,8OACE,+BACA,iBAEA,iSACE,cAIJ,iMACE,mBACA,UACA,iBAEA,mNACE,qBACA,gBACA,UACA,yBAQZ,gDACE,cC1tBA,oCDuuBA,2CAEE,aAGF,iDAME,aACA,eACA,SAEF,kBARE,wDACE,aASF,qLAIE,eACA,YACA,SAIF,kKAEE,0BACA,WACA,cACA,eACA,mBAGF,gEACE,gBC5wBJ,oCDqxBJ,8CAII,gBAEA,cACA,qBAGF,qDAEE,UAEA,kEAEE,mBCryBF,oCDmyBA,kEAII,oBCvyBJ,oCD+xBF,qDAeI,mBACA,kBACA,SACA,SACA,uBACA,2BACA,mCACA,+BACA,2BAEA,0BACA,0BAEA,oBACA,cAEA,gEACE,wCACA,2BACA,gBACA,mBACA,aAEA,oEACE,iBAWR,oCACE,kBACA,yEACE,mBAGF,2CACE,kBACA,SACA,QACA,SACA,2BACA,2BACA,yBACA,oBAEA,iDACE,oBCl2BJ,oCDw2BA,8CACE,gBACA,0BAGF,oCACE,oBACA,kBAEA,2DACE,gBACA,aACA,mBAEA,iEACE,mBACA,mBAGF,yEACE,sCAIJ,2CACE,qBCj4BJ,oCD24BA,uBACE,YAEA,8BACE,gBAWN,mEAEE,wBC55BA,oCDi6BA,mEAEE,0BAIJ,yDACE,aACA,iBACA,gBACA,OACA,oBACA,yBC76BA,oCDu6BF,yDAUI,iBACA,8BAGF,gFACE,UAEF,sFACE","file":"nav.old.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../bootstrap/scss/_pagination.scss","../../bootstrap/scss/vendor/_rfs.scss","../../bootstrap/scss/mixins/_lists.scss","../../sass/_functions/mixins.scss","../../bootstrap/scss/mixins/_transition.scss","../../bootstrap/scss/_variables.scss","../../bootstrap/scss/mixins/_gradients.scss","../../bootstrap/scss/mixins/_border-radius.scss","../../bootstrap/scss/mixins/_pagination.scss","../../sass/components/pagination.scss"],"names":[],"mappings":"AAAA,YAEE,gCACA,iCCkSI,uBALI,KD3RR,0CACA,6BACA,+BACA,iDACA,qCACA,gDACA,0CACA,oDACA,gDACA,0CACA,sEACA,iDACA,2CACA,qDACA,kDACA,sCACA,yDAGA,aEpBA,eACA,gBFuBF,WACE,kBACA,cACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../bootstrap/scss/_pagination.scss","../../bootstrap/scss/vendor/_rfs.scss","../../bootstrap/scss/mixins/_lists.scss","../../sass/_functions/mixins.scss","../../bootstrap/scss/mixins/_transition.scss","../../bootstrap/scss/_variables.scss","../../bootstrap/scss/mixins/_gradients.scss","../../bootstrap/scss/mixins/_border-radius.scss","../../bootstrap/scss/mixins/_pagination.scss","../../sass/components/pagination.scss"],"names":[],"mappings":"AAAA,YAEE,gCACA,iCCkSI,uBALI,KD3RR,0CACA,6BACA,+BACA,iDACA,qCACA,gDACA,0CACA,oDACA,gDACA,0CACA,sEACA,iDACA,2CACA,qDACA,kDACA,sCACA,yDAGA,aEpBA,eACA,gBFuBF,WACE,kBACA,cACA,gEGwGI,UHvGe,4BACnB,8BACA,qBACA,sCACA,2EIpBI,WJqBJ,mHIjBI,uCJQN,WIPQ,iBJkBN,iBACE,UACA,oCAEA,4CACA,kDAGF,iBACE,UACA,oCACA,4CACA,QKgoCgC,EL/nChC,8CAGF,qCAEE,UACA,qCMtDF,iBNuDuB,4BACrB,mDAGF,yCAEE,uCACA,oBACA,+CACA,qDAKF,wCACE,YKmmCgC,KL9lC9B,kCO9BF,uDACA,0DPmCE,iCOlDF,wDACA,2DPkEJ,eQlGE,+BACA,gCPgSI,uBALI,QOzRR,mCRmGF,eQtGE,+BACA,gCPgSI,uBALI,SOzRR,oCCFF,YACE,YACA,mBAGF,uBACE,mBACA,cACA,oBACA,UACA,kBACA,gBACA,uBACA,qBACA,mBACA,cAGF,uBACE,2EACA,6BLTI,WKUJ,mHACA,gBLPI,uCKGN,uBLFQ,iBKQN,6BACE,kDAGF,6BACE,8CAGF,8BACE,mDAGF,gCACE,qDAQF,2FAGE,gBACA,kBACA,wBACA,6BACA,cACA,sBACA,sBACA,qCACA,sBACA,8BACA,8BAGF,8CAEE,yBAQF,oDACE,aACA,iBAGF,kHACE,cAGF,2DACE,cAGF,+UAIE,cAGF,uIAGE,kBACA,kBAEA,mJACE,cACA,cACA,cACA,oBACA,kBACA,gCACA,SACA,oBACA,2EAEA,kBACA,kBAIJ,sEAEE,iBACA,eAEA,4EACE,UACA,iCAIJ,yfAOE,cACA,eAEA,6hBACE","file":"pagination.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.property-searchbar fieldset{position:relative}@media screen and (min-width: 62em){.property-searchbar fieldset{position:relative;padding-right:1.5rem}.property-searchbar fieldset:after{content:"";position:absolute;top:0;right:.5rem;display:block;height:100%;width:1px;background-color:var(--colour-muted);opacity:.25}}.property-searchbar .form-control__wrapper{margin-bottom:1rem}@media screen and (min-width: 62em){.property-searchbar .form-control__wrapper{margin-bottom:0}}.property-searchbar .form-label,.property-searchbar label{font-size:0.875rem;text-transform:uppercase}@media screen and (min-width: 62em){.property-searchbar .row .row .form-label{display:none}.property-searchbar .form-control,.property-searchbar .form-select{padding:.5rem 1.5rem .5rem .5rem}.property-searchbar .form-select{background-position:right .5rem center}}.property-searchbar .input--locations{padding-right:5.5rem}.property-searchbar .select--miles{position:absolute;bottom:0rem;right:.5rem;width:5rem}@media screen and (min-width: 62em){.property-searchbar .select--miles{right:1.5rem}}.property-searchbar .select--miles label{display:none}.property-searchbar .select--miles select{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}@media screen and (min-width: 62em){.property-searchbar .property-searchbar__btn{align-items:flex-end}}.property-searchbar button{margin-top:1rem;margin-bottom:1rem}@media screen and (min-width: 62em){.property-searchbar button{margin:0;padding-left:3.5rem;padding-right:3.5rem}}.property-searchbar--hero .property-searchbar{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light);padding:1rem;background-color:#fff;width:100%;border-radius:0.625rem;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.24);box-shadow:0 2px 4px 0 rgba(0,0,0,.24);position:relative}.property-searchbar--hero .property-searchbar .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.property-searchbar--hero .property-searchbar{border-radius:3rem;padding:1.5rem 2.5rem}.property-searchbar--hero .property-searchbar .form-label,.property-searchbar--hero .property-searchbar label{margin-bottom:0}.property-searchbar--hero .property-searchbar .form-control,.property-searchbar--hero .property-searchbar .form-select{margin-left:-0.5rem;border:none;padding-top:.25rem;padding-bottom:.25rem}.property-searchbar--hero .property-searchbar .form-select{background-position:right 0rem center;padding-right:1rem}.property-searchbar--hero .property-searchbar .property-searchbar__btn{align-items:center}}/*# sourceMappingURL=property-searchbar.css.map */
|
|
1
|
+
.property-searchbar fieldset{position:relative}@media screen and (min-width: 62em){.property-searchbar fieldset{position:relative;padding-right:1.5rem}.property-searchbar fieldset:after{content:"";position:absolute;top:0;right:.5rem;display:block;height:100%;width:1px;background-color:var(--colour-muted);opacity:.25}}.property-searchbar .form-control__wrapper{margin-bottom:1rem}@media screen and (min-width: 62em){.property-searchbar .form-control__wrapper{margin-bottom:0}}.property-searchbar .form-label,.property-searchbar label{font-size:0.875rem;text-transform:uppercase}@media screen and (min-width: 62em){.property-searchbar .row .row .form-label{display:none}.property-searchbar .form-control,.property-searchbar .form-select{padding:.5rem 1.5rem .5rem .5rem}.property-searchbar .form-select{background-position:right .5rem center}}.property-searchbar .input--locations{padding-right:5.5rem}.property-searchbar .select--miles{position:absolute;bottom:0rem;right:.5rem;width:5rem}@media screen and (min-width: 62em){.property-searchbar .select--miles{right:1.5rem}}.property-searchbar .select--miles label{display:none}.property-searchbar .select--miles select{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}@media screen and (min-width: 62em){.property-searchbar .property-searchbar__btn{align-items:flex-end}}.property-searchbar button{margin-top:1rem;margin-bottom:1rem}@media screen and (min-width: 62em){.property-searchbar button{margin:0;padding-left:3.5rem;padding-right:3.5rem}}.property-searchbar--hero .property-searchbar{--colour-muted: #9d9d9d;--colour-body: #595959;--colour-border: #D8D8D8;--colour-link: var(--colour-primary-theme);--colour-brand: var(--colour-primary-theme);--colour-underline: var(--colour-secondary);--colour-heading: var(--colour-primary);--colour-focus: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme);--colour-active: var(--colour-primary-theme);--colour-selected: var(--colour-info);--colour-inverted: #FCFCFC;--colour-btn: var(--colour-primary-theme);--colour-btn-bg: var(--colour-warning);--colour-btn-border: var(--colour-warning);--colour-btn-bg-hover: transparent;--colour-btn-hover: var(--colour-primary-theme);--colour-btn-secondary: var(--colour-primary-theme);--colour-btn-secondary-border: var(--colour-primary-theme);--colour-btn-secondary-bg: transparent;--colour-btn-secondary-bg-hover: var(--colour-primary-theme);--colour-btn-secondary-hover: var(--colour-inverted);--colour-canvas-2: var(--colour-canvas);--colour-btn-action-hover-bg: var(--colour-light);padding:1rem;background-color:#fff;width:100%;border-radius:0.625rem;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.24);box-shadow:0 2px 4px 0 rgba(0,0,0,.24);position:relative}.property-searchbar--hero .property-searchbar .text-primary{color:var(--colour-primary) !important}@media screen and (min-width: 62em){.property-searchbar--hero .property-searchbar{border-radius:3rem;padding:1.5rem 2.5rem}.property-searchbar--hero .property-searchbar .form-label,.property-searchbar--hero .property-searchbar label{margin-bottom:0}.property-searchbar--hero .property-searchbar .form-control,.property-searchbar--hero .property-searchbar .form-select{margin-left:-0.5rem;border:none;padding-top:.25rem;padding-bottom:.25rem}.property-searchbar--hero .property-searchbar .form-select{background-position:right 0rem center;padding-right:1rem}.property-searchbar--hero .property-searchbar .property-searchbar__btn{align-items:center}}/*# sourceMappingURL=property-searchbar.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/property-searchbar.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAKE,6BACE,sDADF,6BAII,kBACA,qBAEA,mCACE,WACA,kBACA,MACA,YACA,cACA,YACA,UACA,qCACA,aAKN,2CACE,mBCrBA,oCDoBF,2CAII,iBAIJ,0DAEE,mBACA,yBC/BA,oCDqCE,0CACE,aAIJ,mEAEE,iCAGF,iCACE,wCAIJ,sCACE,qBAGF,mCACE,kBACA,YACA,YACA,WC5DA,oCDwDF,mCAOI,cAGF,yCACE,aAGF,0CACE,+BACA,2BCxEF,oCD6EA,6CACE,sBAIJ,2BACE,gBACA,mBCpFA,oCDkFF,2BAKI,SACA,oBACA,sBAON,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/property-searchbar.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAKE,6BACE,sDADF,6BAII,kBACA,qBAEA,mCACE,WACA,kBACA,MACA,YACA,cACA,YACA,UACA,qCACA,aAKN,2CACE,mBCrBA,oCDoBF,2CAII,iBAIJ,0DAEE,mBACA,yBC/BA,oCDqCE,0CACE,aAIJ,mEAEE,iCAGF,iCACE,wCAIJ,sCACE,qBAGF,mCACE,kBACA,YACA,YACA,WC5DA,oCDwDF,mCAOI,cAGF,yCACE,aAGF,0CACE,+BACA,2BCxEF,oCD6EA,6CACE,sBAIJ,2BACE,gBACA,mBCpFA,oCDkFF,2BAKI,SACA,oBACA,sBAON,8CC6DI,0+BDzDF,aACA,sBACA,WACA,uBACA,+CACA,uCACA,kBCsDA,4DACE,uCAjKA,oCDgGJ,8CAcI,mBACA,sBAEA,8GAEE,gBAGF,uHAEE,oBACA,YACA,mBACA,sBAGF,2DACE,sCACA,mBAGF,uEACE","file":"property-searchbar.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
table{--border-width: 2px;--inner-border-width: 2px;--hover-background: var(--colour-light);width:100%;font-size:1rem;border:none;margin-bottom:2rem;overflow:auto}td,th{padding:0.75rem 2rem 0.75rem 0;font-weight:normal;text-align:left;vertical-align:top;border:none;font-size:1rem;line-height:1.5rem;color:var(--colour-body)}td:last-child,th:last-child{padding-right:0.125rem}td:first-child,th:first-child{padding-left:0.125rem}td p,th p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:inherit;padding:0;min-width:18.75rem}th{font-weight:bold;color:var(--colour-heading)}thead tr{border-bottom:var(--border-width) solid currentColor;border-color:var(--colour-primary)}thead th{font-weight:bold;vertical-align:bottom}tr td[colspan="100%"]:first-child:last-child span{max-width:39rem;font-weight:bold;padding:3rem;text-align:center;display:block;color:var(--colour-heading)}@media screen and (min-width: 62em){tr td[colspan="100%"]:first-child:last-child span{max-width:65.5rem}}@container (width >= 60em){thead th{white-space:nowrap;min-width:7.5rem}thead th.th--mw-md{min-width:15rem}thead th.th--mw-lg{min-width:22.5rem}}tbody tr{border-bottom:var(--border-width) solid currentColor;border-color:var(--colour-border)}tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238,238,238}tbody tr:is(:hover,:focus-within,.hover) th,tbody tr:is(:hover,:focus-within,.hover) td{background:var(--hover-background);--colour-link: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme)}.border-0>table,table.border-0{--border-width: 0px;--inner-border-width: 0px}:is(iam-table,.iam-table){--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:var(--colour-canvas-2);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem;margin-bottom:2rem;overflow:hidden}:is(iam-table,.iam-table):before{display:none !important}:is(iam-table,.iam-table) table{margin-bottom:0}@media(forced-colors: active){:is(iam-table,.iam-table){--wrapper-padding: 0}}.table__wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}*:has(>iam-table),*:has(>.iam-table){container-type:inline-size}@container (width < 23.4375em){.iam-table,iam-table{margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0}.table__wrapper:not(.table--fullwidth){overflow:hidden;max-height:none !important}:is(iam-table,.iam-table):not(.table--fullwidth){background:none;padding:0;box-shadow:none;overflow:visible}:is(iam-table,.iam-table):not(.table--fullwidth) table{overflow:visible;margin-inline:1.5rem;margin-bottom:1.5rem;width:calc(100% - 3rem);display:block}:is(iam-table,.iam-table):not(.table--fullwidth) table thead{display:none}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody{display:block;overflow:visible}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr td:first-child{padding-top:0}:is(iam-table,.iam-table):not(.table--fullwidth) table tr{display:block;position:relative;border:none;background:var(--colour-canvas-2);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem}:is(iam-table,.iam-table):not(.table--fullwidth) table tr+tr{margin-top:2rem}:is(iam-table,.iam-table):not(.table--fullwidth) table tr:is(:hover,:focus,.hover) td{background:rgba(0,0,0,0)}:is(iam-table,.iam-table):not(.table--fullwidth) table td,:is(iam-table,.iam-table):not(.table--fullwidth) table th{display:block;border-color:var(--colour-border)}:is(iam-table,.iam-table):not(.table--fullwidth) table td:nth-child(1),:is(iam-table,.iam-table):not(.table--fullwidth) table th:nth-child(1){border-top:none}:is(iam-table,.iam-table):not(.table--fullwidth) table td[data-label]:before,:is(iam-table,.iam-table):not(.table--fullwidth) table th[data-label]:before{content:attr(data-label);color:var(--colour-heading);padding:0;margin-bottom:0;display:block;font-weight:bold;margin:0}:is(iam-table,.iam-table):not(.table--fullwidth) table td:first-child::after{top:1.75rem}:is(iam-table,.iam-table):not(.table--fullwidth) table td::after{top:2.5rem}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor !important;border-color:var(--colour-border) !important}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr:has(td:nth-child(4)) td:first-child{position:relative}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr:has(td:nth-child(4)) td:first-child button{display:block !important;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0);border:none;position:absolute;overflow:hidden;text-indent:-300%}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr:has(td:nth-child(4)) td:first-child button:after{font-family:"Font Awesome 6 Pro";content:"";position:absolute;top:1px;right:1px;font-size:1.75rem;line-height:1.75rem;font-weight:300;color:var(--colour-primary);text-indent:0}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr:has(td:nth-child(4))[data-view=full] td:first-child button:after{content:"";font-weight:900}body:not(.js-enabled) :is(iam-table,.iam-table):not(.table--fullwidth) tbody tr:not(:hover):not(:focus-within) td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)),:is(iam-table,.iam-table):not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){display:none}body:not(.js-enabled) :is(iam-table,.iam-table):not(.table--fullwidth) tbody tr:not(:hover):not(:focus-within) td:first-child button:after,:is(iam-table,.iam-table):not(.table--fullwidth) tbody tr:not([data-view=full]) td:first-child button:after{content:""}.table--cta{border-bottom:0}.table--cta:after{content:none;display:none !important}.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){:is(iam-table){--cta-width: 8rem}:is(iam-table).table--loading{--cta-width: 1.5rem!important}:not(iam-table).table--cta{position:relative;margin-right:calc(var(--cta-width) - 1.5rem)}.table--cta .table__wrapper{overflow-y:hidden;margin-bottom:0}.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:100%;top:auto;z-index:3;background:rgba(0,0,0,0);width:calc(var(--cta-width) + 1rem);padding-left:2.5rem;margin-left:-2.5rem;min-height:var(--row-height);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--colour-canvas-2) 1.25rem)}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child:after{bottom:0;left:0;content:"";position:absolute;width:100%;height:2px;background-color:var(--colour-border)}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:not(:first-child):last-child{--colour-border: var(--colour-primary)}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--hover-background) 1.25rem)}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) thead tr>*:not(:first-child):last-child{margin-top:1px}}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){position:relative}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{top:calc(100% - 1.2rem);bottom:2px;height:1.2rem;border-bottom:2px solid var(--colour-border);margin-bottom:-1.2rem}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){max-height:none;position:static}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{display:none}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--colour-canvas-2)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}.table--filtered tbody tr:not(.filtered--show){display:none !important}table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}.table--loading{pointer-events:none;position:relative}.table--loading table{min-height:20rem;opacity:.5}.table--loading::after{content:"Loading...";position:absolute;top:6.25rem;left:50%;transform:translate(-50%, 0);font-weight:bold;color:var(--colour-heading);font-size:1.5rem;text-shadow:0px 0px 10px var(--colour-canvas-2);padding-inline:2rem;text-shadow:0px 0px 10px var(--colour-canvas-2);background:radial-gradient(var(--colour-canvas-2), transparent)}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";font-weight:light;color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";font-weight:light;color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content=upcoming]):after{content:"";font-weight:light;color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";font-weight:light;color:var(--colour-warning)}table :is([data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";font-weight:light;color:var(--colour-primary)}/*# sourceMappingURL=table.css.map */
|
|
1
|
+
table{--border-width: 2px;--inner-border-width: 2px;--hover-background: var(--colour-light);width:100%;font-size:1rem;border:none;margin-bottom:2rem;overflow:auto}td,th{padding:0.75rem 2rem 0.75rem 0;font-weight:normal;text-align:left;vertical-align:top;border:none;font-size:1rem;line-height:1.5rem;color:var(--colour-body)}td:last-child,th:last-child{padding-right:0.125rem}td:first-child,th:first-child{padding-left:0.125rem}td p,th p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:inherit;padding:0;min-width:18.75rem}th{font-weight:bold;color:var(--colour-heading)}thead tr{border-bottom:var(--border-width) solid currentColor;border-color:var(--colour-primary)}thead th{font-weight:bold;vertical-align:bottom}tr td[colspan="100%"]:first-child:last-child span{max-width:39rem;font-weight:bold;padding:3rem;text-align:center;display:block;color:var(--colour-heading)}@media screen and (min-width: 62em){tr td[colspan="100%"]:first-child:last-child span{max-width:65.5rem}}@container (width >= 60em){thead th{white-space:nowrap;min-width:7.5rem}thead th.th--mw-md{min-width:15rem}thead th.th--mw-lg{min-width:22.5rem}}tbody tr{border-bottom:var(--border-width) solid currentColor;border-color:var(--colour-border)}tbody tr:is(:hover,:focus-within,.hover){--bg-colour-rgb: 238,238,238}tbody tr:is(:hover,:focus-within,.hover) th,tbody tr:is(:hover,:focus-within,.hover) td{background:var(--hover-background);--colour-link: var(--colour-primary-theme);--colour-hover: var(--colour-primary-theme)}.border-0>table,table.border-0{--border-width: 0px;--inner-border-width: 0px}:is(iam-table,.iam-table){--wrapper-padding: 2rem;--bg-colour: #ffffff;display:block;background:#fff;padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem;margin-bottom:2rem;overflow:hidden}:is(iam-table,.iam-table):before{display:none !important}:is(iam-table,.iam-table) table{margin-bottom:0}:is(iam-table,.iam-table) table td:has(input[type=checkbox]){width:1.875rem;min-width:1.875rem;max-width:1.875rem}@media(forced-colors: active){:is(iam-table,.iam-table){--wrapper-padding: 0;background:var(--colour-canvas-2)}}.table__wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}*:has(>iam-table),*:has(>.iam-table){container-type:inline-size}@container (width < 23.4375em){.iam-table,iam-table{margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:0;background:#fff}.table__wrapper:not(.table--fullwidth){overflow:hidden;max-height:none !important}:is(iam-table,.iam-table):not(.table--fullwidth){background:none;padding:0;box-shadow:none;overflow:visible}:is(iam-table,.iam-table):not(.table--fullwidth) table{overflow:visible;margin-inline:1.5rem;margin-bottom:1.5rem;width:calc(100% - 3rem);display:block}:is(iam-table,.iam-table):not(.table--fullwidth) table thead{display:none}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody{display:block;overflow:visible}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr td:first-child{padding-top:0}:is(iam-table,.iam-table):not(.table--fullwidth) table tr{display:block;position:relative;border:none;background:var(--colour-canvas-2);padding:var(--wrapper-padding);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:0.5rem}:is(iam-table,.iam-table):not(.table--fullwidth) table tr+tr{margin-top:2rem}:is(iam-table,.iam-table):not(.table--fullwidth) table tr:is(:hover,:focus,.hover) td{background:rgba(0,0,0,0)}:is(iam-table,.iam-table):not(.table--fullwidth) table td,:is(iam-table,.iam-table):not(.table--fullwidth) table th{display:block;border-color:var(--colour-border)}:is(iam-table,.iam-table):not(.table--fullwidth) table td:nth-child(1),:is(iam-table,.iam-table):not(.table--fullwidth) table th:nth-child(1){border-top:none}:is(iam-table,.iam-table):not(.table--fullwidth) table td[data-label]:before,:is(iam-table,.iam-table):not(.table--fullwidth) table th[data-label]:before{content:attr(data-label);color:var(--colour-heading);padding:0;margin-bottom:0;display:block;font-weight:bold;margin:0}:is(iam-table,.iam-table):not(.table--fullwidth) table td:first-child::after{top:1.75rem}:is(iam-table,.iam-table):not(.table--fullwidth) table td::after{top:2.5rem}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr td:not(:first-child){border-top:var(--border-width) solid currentColor !important;border-color:var(--colour-border) !important}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr:has(td:nth-child(4)) td:first-child{position:relative}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr:has(td:nth-child(4)) td:first-child button{display:block !important;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0);border:none;position:absolute;overflow:hidden;text-indent:-300%}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr:has(td:nth-child(4)) td:first-child button:after{font-family:"Font Awesome 6 Pro";content:"";position:absolute;top:1px;right:1px;font-size:1.75rem;line-height:1.75rem;font-weight:300;color:var(--colour-primary);text-indent:0}:is(iam-table,.iam-table):not(.table--fullwidth) table tbody tr:has(td:nth-child(4))[data-view=full] td:first-child button:after{content:"";font-weight:900}body:not(.js-enabled) :is(iam-table,.iam-table):not(.table--fullwidth) tbody tr:not(:hover):not(:focus-within) td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)),:is(iam-table,.iam-table):not(.table--fullwidth) tbody tr:not([data-view=full]) td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){display:none}body:not(.js-enabled) :is(iam-table,.iam-table):not(.table--fullwidth) tbody tr:not(:hover):not(:focus-within) td:first-child button:after,:is(iam-table,.iam-table):not(.table--fullwidth) tbody tr:not([data-view=full]) td:first-child button:after{content:""}.table--cta{border-bottom:0}.table--cta:after{content:none;display:none !important}.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child{display:block !important;position:static;width:100%;min-width:100%;margin-left:0;padding-left:0;text-align:left;min-height:0}.table--cta:not(.table--fullwidth) tr td:not(:first-child):last-child:after{display:none}}@container (width > 23.4375em){:is(iam-table){--cta-width: 8rem}:is(iam-table).table--loading{--cta-width: 1.5rem!important}:not(iam-table).table--cta{position:relative;margin-right:calc(var(--cta-width) - 1.5rem)}.table--cta .table__wrapper{overflow-y:hidden;margin-bottom:0}.table--cta:not(.table--loading):has(tr:first-child td:first-child:last-child){padding-right:calc(var(--wrapper-padding) + 1.5rem)}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child{position:absolute;left:100%;top:auto;z-index:3;background:rgba(0,0,0,0);width:calc(var(--cta-width) + 1rem);padding-left:2.5rem;margin-left:-2.5rem;min-height:var(--row-height);text-align:right;background:linear-gradient(90deg, transparent 0%, var(--colour-canvas-2) 1.25rem)}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child:after{bottom:0;left:0;content:"";position:absolute;width:100%;height:2px;background-color:var(--colour-border)}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>*:not(:first-child):last-child a{white-space:nowrap;padding-right:.2rem}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tr>th:not(:first-child):last-child{--colour-border: var(--colour-primary)}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) tbody tr:hover>*:not(:first-child):last-child{background:linear-gradient(90deg, transparent 0%, var(--hover-background) 1.25rem)}.table--cta:not(.table--loading):not(:has(tr:first-child td:first-child:last-child)) thead tr>*:not(:first-child):last-child{margin-top:1px}}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){position:relative}.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{top:calc(100% - 1.2rem);bottom:2px;height:1.2rem;border-bottom:2px solid var(--colour-border);margin-bottom:-1.2rem}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg){max-height:none;position:static}.table--cta>.table__wrapper:is(.mh-sm,.mh-md,.mh-lg)::before{display:none}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta){position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead{position:sticky;top:0;left:0;z-index:1;background-color:var(--colour-canvas-2)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) thead:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--colour-primary)}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody{position:relative}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:first-child td{border-top:0}iam-table:is(.mh-sm,.mh-md,.mh-lg):not(.table--cta) tbody tr:last-child td{border-bottom:0}.table--filtered tbody tr:not(.filtered--show){display:none !important}table:not(.table--filtered):not(.table--ajax) tbody tr:nth-child(15)~tr{display:none}.table--loading{pointer-events:none;position:relative}.table--loading table{min-height:20rem;opacity:.5}.table--loading::after{content:"Loading...";position:absolute;top:6.25rem;left:50%;transform:translate(-50%, 0);font-weight:bold;color:var(--colour-heading);font-size:1.5rem;text-shadow:0px 0px 10px var(--colour-canvas-2);padding-inline:2rem;text-shadow:0px 0px 10px var(--colour-canvas-2);background:radial-gradient(var(--colour-canvas-2), transparent)}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)){position:relative;padding-left:1.5rem}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty))::before{margin-left:-1.5rem !important}table :is([data-content=low],[data-content=medium],[data-content=high],[data-content=unknown],[data-content=due],[data-content=overdue],[data-content=incomplete],[data-content="requires approval"],[data-content=upcoming],[data-content="approval required"],[data-content=warning],[data-content=verified],[data-content="not started"],[data-content="to do"],[data-content="on track"],[data-content=completed],[data-content=complete],.alert-status:not([data-content="0"]):not([data-content=""]):not(:empty)):after{font-family:"Font Awesome 6 Pro";position:absolute;top:1rem;left:0;font-size:1rem;line-height:1;height:1rem;width:1rem;display:inline-block}table [data-content=high]:after{content:"";font-weight:normal;color:var(--colour-danger)}table [data-content=medium]:after{content:"";font-weight:normal;color:var(--colour-warning)}table [data-content=low]:after{content:"";font-weight:normal;color:var(--colour-complete)}table [data-content=unknown]:after{content:"";font-weight:normal;color:var(--colour-muted)}table :is([data-content=overdue],[data-content=due],[data-content=incomplete]):after{content:"";font-weight:light;color:var(--colour-danger)}table :is([data-content="not started"],[data-content="to do"],[data-content="on track"]):after{content:"";font-weight:light;color:var(--colour-muted)}table :is([data-content="requires approval"],[data-content="approval required"],[data-content=upcoming]):after{content:"";font-weight:light;color:var(--colour-warning)}table :is([data-content=warning]):after{content:"";font-weight:light;color:var(--colour-warning)}table :is([data-content=verified],[data-content=completed],[data-content=complete]):after{content:"";font-weight:normal;color:var(--colour-complete)}table .alert-status:not([data-content="0"]):not([data-content=""]):not(:empty):after{content:"";font-weight:light;color:var(--colour-primary)}/*# sourceMappingURL=table.css.map */
|