@iamproperty/components 3.7.9 → 3.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/accordion.css.map +1 -1
- package/assets/css/components/dialog.css +1 -1
- package/assets/css/components/dialog.css.map +1 -1
- package/assets/css/components/fileupload.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.css +1 -1
- package/assets/css/components/nav.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/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/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/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.min.js +12 -12
- 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 +15 -5
- package/assets/js/modules/table.js +23 -5
- package/assets/js/scripts.bundle.js +13 -13
- 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/_functions/variables.scss +4 -2
- package/assets/sass/components/dialog.scss +89 -1
- package/assets/sass/components/forms.scss +67 -21
- package/assets/sass/foundations/buttons.scss +48 -0
- package/assets/ts/modules/dialogs.ts +18 -6
- package/assets/ts/modules/table.ts +29 -7
- package/dist/components.es.js +838 -830
- package/dist/components.umd.js +28 -28
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/accordion.scss","../../sass/_functions/mixins.scss","../../sass/_functions/variables.scss","../../bootstrap/scss/mixins/_transition.scss","../../bootstrap/scss/_variables.scss"],"names":[],"mappings":"CAGA,8BACE,4BACA,gCACA,4BACA,gCACA,8BCFE,oCDHJ,8BASI,gCACA,4BACA,4BACA,+BAIJ,kBAEE,qHACA,4BACA,gBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/accordion.scss","../../sass/_functions/mixins.scss","../../sass/_functions/variables.scss","../../bootstrap/scss/mixins/_transition.scss","../../bootstrap/scss/_variables.scss"],"names":[],"mappings":"CAGA,8BACE,4BACA,gCACA,4BACA,gCACA,8BCFE,oCDHJ,8BASI,gCACA,4BACA,4BACA,+BAIJ,kBAEE,qHACA,4BACA,gBACA,iBEycoB,cFxcpB,qBGTI,WHUJ,2IAEA,qCAIA,eACA,kBACA,eGdI,uCHDN,kBGEQ,iBHeN,yBACE,sBACA,iBACA,kBACA,mBAIF,iDAGE,WACA,kBACA,8BACA,8BACA,2CACA,iCACA,kCAGF,yBACE,iBACA,mBACA,gBACA,4BACA,mBAMF,yBACE,wBACA,6BACA,cACA,sBACA,sBAEA,qCACA,sBACA,8BACA,8BG7DE,WH+DF,0BACA,wBG5DE,uCH+CJ,yBG9CM,iBH8DJ,8BAhBF,yBAiBI,YACA,gBACA,yBAKJ,gDAGE,mCACA,0BAGF,wBACE,2BAGF,wBACE,2BACA,aIiuBoC,QJhuBpC,UACA,WI6mB4B,kCJ1mB9B,iCACE,4BACA,iBE0XyB,cFxXzB,wCAEE,yBAQJ,gDAEE,6CACA,mBAEA,uDACE,2BAIJ,sDACE,WAGF,8CAEE,iBAOJ,kBACE,gBAGF,gBACE,iBEsVa,cFrVb,6CACA,mBAEA,8BACE,0CAGF,gCACE,iBAIJ,0BACE,gBACA,kCAKA,gIAEE,0BAGF,+CACE,2BAQF,kCAEE,iBAGF,iCAEE,oBAGF,wCACE,+CAEA,6FAEE,WACA,YACA,WACA,YAEF,+CACE","file":"accordion.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))>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:19.9375rem;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__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)}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 +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,6BAKN,iBACE,0BACA,0BACA,4BAKF,6HAEE,
|
|
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,6BAKN,iBACE,0BACA,0BACA,4BAKF,6HAEE,kBAGA,oIACE,YACA,gBACA,kCACA,mCACA,wCACA,kBACA,oBACA,cACA,oBACA,iCACA,eAIA,aACA,qBACA,cACA,4BACA,WCvMA,oCDoLF,oIAaI,gBASJ,4IAEE,aAGF,uIAEE,wCACA,cACA,eAIA,aACA,qBACA,cACA,4BACA,WC3NA,oCD+MF,uIAMI,gBAQF,+IACE,kBAGF,gJACE,YACA,kBACA,MACA,SACA,yCAIJ,qSAEE,aAEA,ySACE,gBACA,eAGF,6WACE,gBACA,eAIJ,oIACE,gBAMJ,+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,8BClXN,oCDgQJ,+DAyHI,mBACA,eACA,oBC3XA,oCDgQJ,+DA8HI,mBACA,eACA,mBACA,kCACA,qDACA,aACA,uBAGA,8DAvIJ,+DAwIM,iBACA,sBCzYF,oCD6YA,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,iBCpdA,oCD+cJ,yDAUI,oBACA,qBC1dA,oCD+cJ,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,eC1hBA,oCDkhBF,8BAWI,kBC7hBF,oCDkhBF,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,iBCxmBA,oCD6mBA,uDAEE,OACA,WAEF,wDAEE,QACA,UAEF,kDACE,iBAEF,kDACE,gBC3nBF,oCDioBA,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
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/fileupload.scss","../../sass/_functions/variables.scss"],"names":[],"mappings":"AAGA,aACE,2BACA,oBAEA,8BACE,aAGF,iCACE,aACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/fileupload.scss","../../sass/_functions/variables.scss"],"names":[],"mappings":"AAGA,aACE,2BACA,oBAEA,8BACE,aAGF,iCACE,aACA,cCuTqB,EDtTrB,YCiTqB,oBDhTrB,WCsTkB,ODrTlB,YCgTqB,sBD/SrB,YCqTmB,KDpTnB,MC+Se,sBD9Sf,WACA,cACA,oBAEA,iBACA,iBACA,oBACA,mCAGF,0BACE,oBAMF,YACE,cACA,WACA,8EACA,gCACA,qCACA,6CACA,gBACA,qBACA,mBACA,4BACA,qBACA,mBACA,2BACA,kBAKA,+CAnBF,YAqBI,kCACA,oCACA,2BAIF,8BA3BF,YA6BI,mBAEA,mBACE,UACA,wBACA,0BAEA,yBACE,yBAKN,mBACE,kBACA,0BACA,eACA,8BACA,iBACA,gBACA,YACA,gBACA,eACA,yBAEA,yBACE,WACA,MACA,OACA,kBACA,cACA,gBACA,eACA,2BACA,wBACA,6BACA,eACA,sBACA,sBACA,qCACA,uBACA,8BACA,8BAMR,2CAEE,2BAEA,wDAEE,2BAGF,4DACE,cACA,mBACA,8CACA,oBACA,kBACA,gCACA,iBAEA,kEAEE,oCAIJ,sDACE,kBAGF,8DACE,sDACA,kBACA,8BACA,UACA,oBAGF,kEACE,kBACA,QACA","file":"fileupload.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=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)}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 input:is(:invalid,.is-invalid){border-color:var(--colour-danger);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 input:is(:valid,.is-valid){border-color:var(--colour-complete);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(input: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}div:has(>input:is([type=radio],[type=checkbox])){position:relative}div:has(>input[type=radio]){--border-radius: 50%;--outline-width: 0.5rem}div:has(>input[type=checkbox]){--border-radius: 0.375rem;--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)):before{content:"";border:2px solid var(--colour-primary);border-radius:var(--border-radius);height:1.5rem;width:1.5rem;display:inline-block;position:absolute;top:0.5rem;left:0}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:0;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-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:#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}: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 +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,
|
|
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,SAGF,+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,kBAIJ,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,iBEjpBO,QFspBT,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);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);--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,sBC0GE,
|
|
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,sBC0GE,o+BDtGA,yBACA,gBACA,aACA,kBACA,kBACA,2BCoGF,oCACE,uCAxIA,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":"CAgIc,cC7HZ,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/_functions/mixins.scss","../../sass/components/lists.scss","../../sass/_functions/variables.scss"],"names":[],"mappings":"CAgIc,cC7HZ,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"}
|
|
@@ -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);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)}.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-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
|
+
.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 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../sass/components/nav.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAGA,sBAEE,iCACA,WCgJE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../sass/components/nav.scss","../../sass/_functions/mixins.scss"],"names":[],"mappings":"AAGA,sBAEE,iCACA,WCgJE,4tBDzIF,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,uCCveA,4tBD0eA,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,+CC3iBN,o+BD+iBM,0CC5iBR,qOACE,uCD6iBM,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.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);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);--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,8CCoCI,
|
|
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,8CCoCI,o+BDhCF,aACA,sBACA,WACA,uBACA,+CACA,uCACA,kBC6BA,4DACE,uCAxIA,oCDgGJ,8CAcI,mBACA,sBAEA,8GAEE,gBAGF,uHAEE,oBACA,YACA,mBACA,sBAGF,2DACE,sCACA,mBAGF,uEACE","file":"property-searchbar.css"}
|